From 14b62a479444159527ee9755aa1edb072970dbd2 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sat, 4 May 2024 20:40:45 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=96=B0=E5=A2=9E=E3=80=91crm?=
 =?UTF-8?q?=EF=BC=9A=E7=9B=B8=E5=85=B3=E6=96=87=E6=A1=A3=E7=9A=84=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/crm/backlog/index.vue                | 17 +++++++++++++++++
 src/views/crm/business/index.vue               | 18 ++++++++++++++++++
 src/views/crm/business/status/index.vue        | 18 ++++++++++++++++++
 src/views/crm/clue/index.vue                   | 18 ++++++++++++++++++
 src/views/crm/contact/index.vue                | 18 ++++++++++++++++++
 src/views/crm/contract/config/index.vue        | 18 ++++++++++++++++++
 src/views/crm/contract/index.vue               | 18 ++++++++++++++++++
 src/views/crm/customer/index.vue               | 18 ++++++++++++++++++
 src/views/crm/customer/limitConfig/index.vue   | 18 ++++++++++++++++++
 src/views/crm/customer/pool/index.vue          | 18 ++++++++++++++++++
 src/views/crm/customer/poolConfig/index.vue    | 18 ++++++++++++++++++
 src/views/crm/product/category/index.vue       | 17 +++++++++++++++++
 src/views/crm/product/index.vue                | 17 +++++++++++++++++
 src/views/crm/receivable/index.vue             | 18 ++++++++++++++++++
 src/views/crm/receivable/plan/index.vue        | 18 ++++++++++++++++++
 src/views/crm/statistics/customer/index.vue    | 17 +++++++++++++++++
 src/views/crm/statistics/funnel/index.vue      | 17 +++++++++++++++++
 src/views/crm/statistics/performance/index.vue | 17 +++++++++++++++++
 src/views/crm/statistics/portrait/index.vue    | 17 +++++++++++++++++
 src/views/crm/statistics/rank/index.vue        | 17 +++++++++++++++++
 20 files changed, 352 insertions(+)
 create mode 100644 src/views/crm/backlog/index.vue
 create mode 100644 src/views/crm/business/index.vue
 create mode 100644 src/views/crm/business/status/index.vue
 create mode 100644 src/views/crm/clue/index.vue
 create mode 100644 src/views/crm/contact/index.vue
 create mode 100644 src/views/crm/contract/config/index.vue
 create mode 100644 src/views/crm/contract/index.vue
 create mode 100644 src/views/crm/customer/index.vue
 create mode 100644 src/views/crm/customer/limitConfig/index.vue
 create mode 100644 src/views/crm/customer/pool/index.vue
 create mode 100644 src/views/crm/customer/poolConfig/index.vue
 create mode 100644 src/views/crm/product/category/index.vue
 create mode 100644 src/views/crm/product/index.vue
 create mode 100644 src/views/crm/receivable/index.vue
 create mode 100644 src/views/crm/receivable/plan/index.vue
 create mode 100644 src/views/crm/statistics/customer/index.vue
 create mode 100644 src/views/crm/statistics/funnel/index.vue
 create mode 100644 src/views/crm/statistics/performance/index.vue
 create mode 100644 src/views/crm/statistics/portrait/index.vue
 create mode 100644 src/views/crm/statistics/rank/index.vue

diff --git a/src/views/crm/backlog/index.vue b/src/views/crm/backlog/index.vue
new file mode 100644
index 000000000..300f94c1f
--- /dev/null
+++ b/src/views/crm/backlog/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="【通用】跟进记录、待办事项" url="https://doc.iocoder.cn/crm/follow-up/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/backlog/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/backlog/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/business/index.vue b/src/views/crm/business/index.vue
new file mode 100644
index 000000000..5c489d11c
--- /dev/null
+++ b/src/views/crm/business/index.vue
@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="【商机】商机管理、商机状态" url="https://doc.iocoder.cn/crm/business/" />
+    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/business/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/business/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/business/status/index.vue b/src/views/crm/business/status/index.vue
new file mode 100644
index 000000000..77f654a58
--- /dev/null
+++ b/src/views/crm/business/status/index.vue
@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="【商机】商机管理、商机状态" url="https://doc.iocoder.cn/crm/business/" />
+    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/business/status/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/business/status/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/clue/index.vue b/src/views/crm/clue/index.vue
new file mode 100644
index 000000000..8f867cbd6
--- /dev/null
+++ b/src/views/crm/clue/index.vue
@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="【线索】线索管理" url="https://doc.iocoder.cn/crm/clue/" />
+    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/clue/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/clue/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/contact/index.vue b/src/views/crm/contact/index.vue
new file mode 100644
index 000000000..199171629
--- /dev/null
+++ b/src/views/crm/contact/index.vue
@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="【客户】客户管理、公海客户" url="https://doc.iocoder.cn/crm/customer/" />
+    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/contract/config/index.vue b/src/views/crm/contract/config/index.vue
new file mode 100644
index 000000000..0b5f761a5
--- /dev/null
+++ b/src/views/crm/contract/config/index.vue
@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="【合同】合同管理、合同提醒" url="https://doc.iocoder.cn/crm/contract/" />
+    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/contract/config/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/contract/config/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/contract/index.vue b/src/views/crm/contract/index.vue
new file mode 100644
index 000000000..dd7eb9afa
--- /dev/null
+++ b/src/views/crm/contract/index.vue
@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="【合同】合同管理、合同提醒" url="https://doc.iocoder.cn/crm/contract/" />
+    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/contract/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/contract/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/customer/index.vue b/src/views/crm/customer/index.vue
new file mode 100644
index 000000000..199171629
--- /dev/null
+++ b/src/views/crm/customer/index.vue
@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="【客户】客户管理、公海客户" url="https://doc.iocoder.cn/crm/customer/" />
+    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/customer/limitConfig/index.vue b/src/views/crm/customer/limitConfig/index.vue
new file mode 100644
index 000000000..fcde4f65f
--- /dev/null
+++ b/src/views/crm/customer/limitConfig/index.vue
@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="【客户】客户管理、公海客户" url="https://doc.iocoder.cn/crm/customer/" />
+    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/limitConfig/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/limitConfig/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/customer/pool/index.vue b/src/views/crm/customer/pool/index.vue
new file mode 100644
index 000000000..f8b46eab5
--- /dev/null
+++ b/src/views/crm/customer/pool/index.vue
@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="【客户】客户管理、公海客户" url="https://doc.iocoder.cn/crm/customer/" />
+    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/pool/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/pool/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/customer/poolConfig/index.vue b/src/views/crm/customer/poolConfig/index.vue
new file mode 100644
index 000000000..2ff170d39
--- /dev/null
+++ b/src/views/crm/customer/poolConfig/index.vue
@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="【客户】客户管理、公海客户" url="https://doc.iocoder.cn/crm/customer/" />
+    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/poolConfig/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/customer/poolConfig/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/product/category/index.vue b/src/views/crm/product/category/index.vue
new file mode 100644
index 000000000..b2d2941ee
--- /dev/null
+++ b/src/views/crm/product/category/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="【产品】产品管理、产品分类" url="https://doc.iocoder.cn/crm/product/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/product/category/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/product/category/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/product/index.vue b/src/views/crm/product/index.vue
new file mode 100644
index 000000000..9abc6d0ef
--- /dev/null
+++ b/src/views/crm/product/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="【产品】产品管理、产品分类" url="https://doc.iocoder.cn/crm/product/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/product/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/product/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/receivable/index.vue b/src/views/crm/receivable/index.vue
new file mode 100644
index 000000000..346ffe1e4
--- /dev/null
+++ b/src/views/crm/receivable/index.vue
@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="【回款】回款管理、回款计划" url="https://doc.iocoder.cn/crm/receivable/" />
+    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/receivable/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/receivable/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/receivable/plan/index.vue b/src/views/crm/receivable/plan/index.vue
new file mode 100644
index 000000000..c53f5e6b6
--- /dev/null
+++ b/src/views/crm/receivable/plan/index.vue
@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="【回款】回款管理、回款计划" url="https://doc.iocoder.cn/crm/receivable/" />
+    <DocAlert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/receivable/plan/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/receivable/plan/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/statistics/customer/index.vue b/src/views/crm/statistics/customer/index.vue
new file mode 100644
index 000000000..6d8adf606
--- /dev/null
+++ b/src/views/crm/statistics/customer/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="CRM 工作流手册" url="https://doc.iocoder.cn/crm-preview/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/customer/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/customer/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/statistics/funnel/index.vue b/src/views/crm/statistics/funnel/index.vue
new file mode 100644
index 000000000..058465dcc
--- /dev/null
+++ b/src/views/crm/statistics/funnel/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="CRM 工作流手册" url="https://doc.iocoder.cn/crm-preview/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/funnel/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/funnel/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/statistics/performance/index.vue b/src/views/crm/statistics/performance/index.vue
new file mode 100644
index 000000000..fc57bfada
--- /dev/null
+++ b/src/views/crm/statistics/performance/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="CRM 工作流手册" url="https://doc.iocoder.cn/crm-preview/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/performance/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/performance/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/statistics/portrait/index.vue b/src/views/crm/statistics/portrait/index.vue
new file mode 100644
index 000000000..affe8b531
--- /dev/null
+++ b/src/views/crm/statistics/portrait/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="CRM 工作流手册" url="https://doc.iocoder.cn/crm-preview/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/portrait/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/portrait/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/crm/statistics/rank/index.vue b/src/views/crm/statistics/rank/index.vue
new file mode 100644
index 000000000..0caa3b62d
--- /dev/null
+++ b/src/views/crm/statistics/rank/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="CRM 工作流手册" url="https://doc.iocoder.cn/crm-preview/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/rank/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/crm/statistics/rank/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>