From 774994713869ea7be57171b8ab3aeadb8c671b9c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B6=85=E7=BA=A7=E8=80=81=E7=99=BD=E5=85=94?= Date: Sat, 13 Sep 2025 11:46:14 +0800 Subject: [PATCH 1/3] =?UTF-8?q?refactor(powerCenter):=20=E6=9B=B4=E6=96=B0?= =?UTF-8?q?=E5=8A=9F=E8=83=BD=E5=8D=A1=E7=89=87=E8=B7=AF=E5=BE=84=E4=BB=8E?= =?UTF-8?q?ckbox=E5=88=B0powerCenter?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 统一功能卡片的路径前缀，将原ckbox路径改为powerCenter以保持路由一致性 --- .../pages/pc/ckbox/powerCenter/index.data.tsx | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/index.data.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/index.data.tsx index 243b471c..52e84e89 100644 --- a/Touchkebao/src/pages/pc/ckbox/powerCenter/index.data.tsx +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/index.data.tsx @@ -40,7 +40,7 @@ export const featureCards: FeatureCard[] = [ description: "基于客户标签和行为数据进行精准群发", icon: , color: "#ff6b35", - path: "/pc/ckbox/precision-send", + path: "/pc/powerCenter/precision-send", }, { id: "sop-send", @@ -48,7 +48,7 @@ export const featureCards: FeatureCard[] = [ description: "使用触客宝SOP标准化流程进行批量消息发送", icon: , color: "#4285f4", - path: "/pc/ckbox/sop-send", + path: "/pc/powerCenter/sop-send", }, { id: "moments-marketing", @@ -56,7 +56,7 @@ export const featureCards: FeatureCard[] = [ description: "AI智能生成朋友圈内容，提升品牌曝光度", icon: , color: "#34a853", - path: "/pc/ckbox/moments-marketing", + path: "/pc/powerCenter/moments-marketing", }, { id: "tag-management", @@ -64,7 +64,7 @@ export const featureCards: FeatureCard[] = [ description: "智能客户标签分类，精准用户画像分析", icon: , color: "#9c27b0", - path: "/pc/ckbox/tag-management", + path: "/pc/powerCenter/tag-management", }, { id: "customer-management", @@ -72,7 +72,7 @@ export const featureCards: FeatureCard[] = [ description: "统一管理客户信息和好友关系，提升服务效率", icon: , color: "#6366f1", - path: "/pc/ckbox/customer-management", + path: "/pc/powerCenter/customer-management", }, { id: "communication-record", @@ -80,7 +80,7 @@ export const featureCards: FeatureCard[] = [ description: "完整记录客户沟通历史，支持多维度查询分析", icon: , color: "#06b6d4", - path: "/pc/ckbox/communication-record", + path: "/pc/powerCenter/communication-record", }, { id: "content-management", @@ -88,7 +88,7 @@ export const featureCards: FeatureCard[] = [ description: "素材管理、数据词汇库、关键词自动回复", icon: , color: "#f59e0b", - path: "/pc/ckbox/content-management", + path: "/pc/powerCenter/content-management", }, { id: "ai-training", @@ -96,7 +96,7 @@ export const featureCards: FeatureCard[] = [ description: "自定义AI模型训练，打造专属智能客服助手", icon: , color: "#ec4899", - path: "/pc/ckbox/ai-training", + path: "/pc/powerCenter/ai-training", isNew: true, }, { @@ -105,7 +105,7 @@ export const featureCards: FeatureCard[] = [ description: "智能识别新好友，自动发送个性化欢迎消息", icon: , color: "#10b981", - path: "/pc/ckbox/auto-greeting", + path: "/pc/powerCenter/auto-greeting", }, ]; From 575e0f292438aab5c3c2a3b913e8ab9fd9dc9fcf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B6=85=E7=BA=A7=E8=80=81=E7=99=BD=E5=85=94?= Date: Sat, 13 Sep 2025 11:52:18 +0800 Subject: [PATCH 2/3] =?UTF-8?q?feat(=E5=8A=9F=E8=83=BD=E4=B8=AD=E5=BF=83):?= =?UTF-8?q?=20=E6=96=B0=E5=A2=9E=E5=8A=9F=E8=83=BD=E4=B8=AD=E5=BF=83?= =?UTF-8?q?=E7=9B=B8=E5=85=B3=E9=A1=B5=E9=9D=A2=E5=92=8C=E8=B7=AF=E7=94=B1?= =?UTF-8?q?=E9=85=8D=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 添加SOP群发、AI模型训练、自动打招呼等9个功能页面的基础结构和样式 配置功能中心相关路由 调整消息通知按钮的Badge组件位置 --- .../pc/ckbox/components/NavCommon/index.tsx | 13 +++--- .../powerCenter/ai-training/index.module.scss | 43 ++++++++++++++++++ .../ckbox/powerCenter/ai-training/index.tsx | 21 +++++++++ .../auto-greeting/index.module.scss | 43 ++++++++++++++++++ .../ckbox/powerCenter/auto-greeting/index.tsx | 21 +++++++++ .../communication-record/index.module.scss | 43 ++++++++++++++++++ .../communication-record/index.tsx | 21 +++++++++ .../content-management/index.module.scss | 43 ++++++++++++++++++ .../powerCenter/content-management/index.tsx | 21 +++++++++ .../customer-management/index.module.scss | 43 ++++++++++++++++++ .../powerCenter/customer-management/index.tsx | 21 +++++++++ .../moments-marketing/index.module.scss | 43 ++++++++++++++++++ .../powerCenter/moments-marketing/index.tsx | 21 +++++++++ .../precision-send/index.module.scss | 43 ++++++++++++++++++ .../powerCenter/precision-send/index.tsx | 21 +++++++++ .../powerCenter/sop-send/index.module.scss | 43 ++++++++++++++++++ .../pc/ckbox/powerCenter/sop-send/index.tsx | 21 +++++++++ .../tag-management/index.module.scss | 43 ++++++++++++++++++ .../powerCenter/tag-management/index.tsx | 21 +++++++++ Touchkebao/src/router/module/pc.tsx | 45 +++++++++++++++++++ 20 files changed, 626 insertions(+), 8 deletions(-) create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/ai-training/index.module.scss create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/ai-training/index.tsx create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/auto-greeting/index.module.scss create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/auto-greeting/index.tsx create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/communication-record/index.module.scss create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/communication-record/index.tsx create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/content-management/index.module.scss create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/content-management/index.tsx create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/customer-management/index.module.scss create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/customer-management/index.tsx create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/moments-marketing/index.module.scss create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/moments-marketing/index.tsx create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/precision-send/index.module.scss create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/precision-send/index.tsx create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/sop-send/index.module.scss create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/sop-send/index.tsx create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/tag-management/index.module.scss create mode 100644 Touchkebao/src/pages/pc/ckbox/powerCenter/tag-management/index.tsx diff --git a/Touchkebao/src/pages/pc/ckbox/components/NavCommon/index.tsx b/Touchkebao/src/pages/pc/ckbox/components/NavCommon/index.tsx index 99cdacf8..dcef7c34 100644 --- a/Touchkebao/src/pages/pc/ckbox/components/NavCommon/index.tsx +++ b/Touchkebao/src/pages/pc/ckbox/components/NavCommon/index.tsx @@ -180,14 +180,11 @@ const NavCommon: React.FC = ({ /> - -
- -
- +
+ + + +
diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/ai-training/index.module.scss b/Touchkebao/src/pages/pc/ckbox/powerCenter/ai-training/index.module.scss new file mode 100644 index 00000000..bf1ac1e6 --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/ai-training/index.module.scss @@ -0,0 +1,43 @@ +.container { + padding: 24px; + background: #fff; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); +} + +.header { + margin-bottom: 24px; + + h1 { + font-size: 24px; + font-weight: 600; + color: #262626; + margin: 0 0 8px 0; + } + + p { + font-size: 14px; + color: #8c8c8c; + margin: 0; + } +} + +.content { + min-height: 400px; +} + +.placeholder { + display: flex; + align-items: center; + justify-content: center; + height: 300px; + background: #fafafa; + border: 1px dashed #d9d9d9; + border-radius: 6px; + + p { + font-size: 16px; + color: #8c8c8c; + margin: 0; + } +} \ No newline at end of file diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/ai-training/index.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/ai-training/index.tsx new file mode 100644 index 00000000..9bf0dde5 --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/ai-training/index.tsx @@ -0,0 +1,21 @@ +import React from "react"; +import styles from "./index.module.scss"; + +const AiTraining: React.FC = () => { + return ( +
+
+

AI模型训练

+

自定义AI模型训练，打造专属智能客服助手

+
+
+ {/* 功能内容待开发 */} +
+

AI模型训练功能正在开发中...

+
+
+
+ ); +}; + +export default AiTraining; diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/auto-greeting/index.module.scss b/Touchkebao/src/pages/pc/ckbox/powerCenter/auto-greeting/index.module.scss new file mode 100644 index 00000000..bf1ac1e6 --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/auto-greeting/index.module.scss @@ -0,0 +1,43 @@ +.container { + padding: 24px; + background: #fff; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); +} + +.header { + margin-bottom: 24px; + + h1 { + font-size: 24px; + font-weight: 600; + color: #262626; + margin: 0 0 8px 0; + } + + p { + font-size: 14px; + color: #8c8c8c; + margin: 0; + } +} + +.content { + min-height: 400px; +} + +.placeholder { + display: flex; + align-items: center; + justify-content: center; + height: 300px; + background: #fafafa; + border: 1px dashed #d9d9d9; + border-radius: 6px; + + p { + font-size: 16px; + color: #8c8c8c; + margin: 0; + } +} \ No newline at end of file diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/auto-greeting/index.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/auto-greeting/index.tsx new file mode 100644 index 00000000..f9506e96 --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/auto-greeting/index.tsx @@ -0,0 +1,21 @@ +import React from "react"; +import styles from "./index.module.scss"; + +const AutoGreeting: React.FC = () => { + return ( +
+
+

自动打招呼

+

智能识别新好友，自动发送个性化欢迎消息

+
+
+ {/* 功能内容待开发 */} +
+

自动打招呼功能正在开发中...

+
+
+
+ ); +}; + +export default AutoGreeting; diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/communication-record/index.module.scss b/Touchkebao/src/pages/pc/ckbox/powerCenter/communication-record/index.module.scss new file mode 100644 index 00000000..bf1ac1e6 --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/communication-record/index.module.scss @@ -0,0 +1,43 @@ +.container { + padding: 24px; + background: #fff; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); +} + +.header { + margin-bottom: 24px; + + h1 { + font-size: 24px; + font-weight: 600; + color: #262626; + margin: 0 0 8px 0; + } + + p { + font-size: 14px; + color: #8c8c8c; + margin: 0; + } +} + +.content { + min-height: 400px; +} + +.placeholder { + display: flex; + align-items: center; + justify-content: center; + height: 300px; + background: #fafafa; + border: 1px dashed #d9d9d9; + border-radius: 6px; + + p { + font-size: 16px; + color: #8c8c8c; + margin: 0; + } +} \ No newline at end of file diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/communication-record/index.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/communication-record/index.tsx new file mode 100644 index 00000000..cf17b811 --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/communication-record/index.tsx @@ -0,0 +1,21 @@ +import React from "react"; +import styles from "./index.module.scss"; + +const CommunicationRecord: React.FC = () => { + return ( +
+
+

沟通记录

+

完整记录客户沟通历史，支持多维度查询分析

+
+
+ {/* 功能内容待开发 */} +
+

沟通记录功能正在开发中...

+
+
+
+ ); +}; + +export default CommunicationRecord; diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/content-management/index.module.scss b/Touchkebao/src/pages/pc/ckbox/powerCenter/content-management/index.module.scss new file mode 100644 index 00000000..bf1ac1e6 --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/content-management/index.module.scss @@ -0,0 +1,43 @@ +.container { + padding: 24px; + background: #fff; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); +} + +.header { + margin-bottom: 24px; + + h1 { + font-size: 24px; + font-weight: 600; + color: #262626; + margin: 0 0 8px 0; + } + + p { + font-size: 14px; + color: #8c8c8c; + margin: 0; + } +} + +.content { + min-height: 400px; +} + +.placeholder { + display: flex; + align-items: center; + justify-content: center; + height: 300px; + background: #fafafa; + border: 1px dashed #d9d9d9; + border-radius: 6px; + + p { + font-size: 16px; + color: #8c8c8c; + margin: 0; + } +} \ No newline at end of file diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/content-management/index.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/content-management/index.tsx new file mode 100644 index 00000000..f2b33d1f --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/content-management/index.tsx @@ -0,0 +1,21 @@ +import React from "react"; +import styles from "./index.module.scss"; + +const ContentManagement: React.FC = () => { + return ( +
+
+

内容管理

+

素材管理、数据词汇库、关键词自动回复

+
+
+ {/* 功能内容待开发 */} +
+

内容管理功能正在开发中...

+
+
+
+ ); +}; + +export default ContentManagement; diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/customer-management/index.module.scss b/Touchkebao/src/pages/pc/ckbox/powerCenter/customer-management/index.module.scss new file mode 100644 index 00000000..bf1ac1e6 --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/customer-management/index.module.scss @@ -0,0 +1,43 @@ +.container { + padding: 24px; + background: #fff; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); +} + +.header { + margin-bottom: 24px; + + h1 { + font-size: 24px; + font-weight: 600; + color: #262626; + margin: 0 0 8px 0; + } + + p { + font-size: 14px; + color: #8c8c8c; + margin: 0; + } +} + +.content { + min-height: 400px; +} + +.placeholder { + display: flex; + align-items: center; + justify-content: center; + height: 300px; + background: #fafafa; + border: 1px dashed #d9d9d9; + border-radius: 6px; + + p { + font-size: 16px; + color: #8c8c8c; + margin: 0; + } +} \ No newline at end of file diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/customer-management/index.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/customer-management/index.tsx new file mode 100644 index 00000000..ad171fa8 --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/customer-management/index.tsx @@ -0,0 +1,21 @@ +import React from "react"; +import styles from "./index.module.scss"; + +const CustomerManagement: React.FC = () => { + return ( +
+
+

客户好友管理

+

统一管理客户信息和好友关系，提升服务效率

+
+
+ {/* 功能内容待开发 */} +
+

客户好友管理功能正在开发中...

+
+
+
+ ); +}; + +export default CustomerManagement; diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/moments-marketing/index.module.scss b/Touchkebao/src/pages/pc/ckbox/powerCenter/moments-marketing/index.module.scss new file mode 100644 index 00000000..bf1ac1e6 --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/moments-marketing/index.module.scss @@ -0,0 +1,43 @@ +.container { + padding: 24px; + background: #fff; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); +} + +.header { + margin-bottom: 24px; + + h1 { + font-size: 24px; + font-weight: 600; + color: #262626; + margin: 0 0 8px 0; + } + + p { + font-size: 14px; + color: #8c8c8c; + margin: 0; + } +} + +.content { + min-height: 400px; +} + +.placeholder { + display: flex; + align-items: center; + justify-content: center; + height: 300px; + background: #fafafa; + border: 1px dashed #d9d9d9; + border-radius: 6px; + + p { + font-size: 16px; + color: #8c8c8c; + margin: 0; + } +} \ No newline at end of file diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/moments-marketing/index.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/moments-marketing/index.tsx new file mode 100644 index 00000000..27b8a419 --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/moments-marketing/index.tsx @@ -0,0 +1,21 @@ +import React from "react"; +import styles from "./index.module.scss"; + +const MomentsMarketing: React.FC = () => { + return ( +
+
+

朋友圈营销

+

AI智能生成朋友圈内容，提升品牌曝光度

+
+
+ {/* 功能内容待开发 */} +
+

朋友圈营销功能正在开发中...

+
+
+
+ ); +}; + +export default MomentsMarketing; diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/precision-send/index.module.scss b/Touchkebao/src/pages/pc/ckbox/powerCenter/precision-send/index.module.scss new file mode 100644 index 00000000..bf1ac1e6 --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/precision-send/index.module.scss @@ -0,0 +1,43 @@ +.container { + padding: 24px; + background: #fff; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); +} + +.header { + margin-bottom: 24px; + + h1 { + font-size: 24px; + font-weight: 600; + color: #262626; + margin: 0 0 8px 0; + } + + p { + font-size: 14px; + color: #8c8c8c; + margin: 0; + } +} + +.content { + min-height: 400px; +} + +.placeholder { + display: flex; + align-items: center; + justify-content: center; + height: 300px; + background: #fafafa; + border: 1px dashed #d9d9d9; + border-radius: 6px; + + p { + font-size: 16px; + color: #8c8c8c; + margin: 0; + } +} \ No newline at end of file diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/precision-send/index.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/precision-send/index.tsx new file mode 100644 index 00000000..c350739a --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/precision-send/index.tsx @@ -0,0 +1,21 @@ +import React from "react"; +import styles from "./index.module.scss"; + +const PrecisionSend: React.FC = () => { + return ( +
+
+

精准群发

+

基于客户标签和行为数据进行精准群发

+
+
+ {/* 功能内容待开发 */} +
+

精准群发功能正在开发中...

+
+
+
+ ); +}; + +export default PrecisionSend; diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/sop-send/index.module.scss b/Touchkebao/src/pages/pc/ckbox/powerCenter/sop-send/index.module.scss new file mode 100644 index 00000000..bf1ac1e6 --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/sop-send/index.module.scss @@ -0,0 +1,43 @@ +.container { + padding: 24px; + background: #fff; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); +} + +.header { + margin-bottom: 24px; + + h1 { + font-size: 24px; + font-weight: 600; + color: #262626; + margin: 0 0 8px 0; + } + + p { + font-size: 14px; + color: #8c8c8c; + margin: 0; + } +} + +.content { + min-height: 400px; +} + +.placeholder { + display: flex; + align-items: center; + justify-content: center; + height: 300px; + background: #fafafa; + border: 1px dashed #d9d9d9; + border-radius: 6px; + + p { + font-size: 16px; + color: #8c8c8c; + margin: 0; + } +} \ No newline at end of file diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/sop-send/index.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/sop-send/index.tsx new file mode 100644 index 00000000..05039d06 --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/sop-send/index.tsx @@ -0,0 +1,21 @@ +import React from "react"; +import styles from "./index.module.scss"; + +const SopSend: React.FC = () => { + return ( +
+
+

SOP群发

+

使用触客宝SOP标准化流程进行批量消息发送

+
+
+ {/* 功能内容待开发 */} +
+

SOP群发功能正在开发中...

+
+
+
+ ); +}; + +export default SopSend; diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/tag-management/index.module.scss b/Touchkebao/src/pages/pc/ckbox/powerCenter/tag-management/index.module.scss new file mode 100644 index 00000000..bf1ac1e6 --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/tag-management/index.module.scss @@ -0,0 +1,43 @@ +.container { + padding: 24px; + background: #fff; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); +} + +.header { + margin-bottom: 24px; + + h1 { + font-size: 24px; + font-weight: 600; + color: #262626; + margin: 0 0 8px 0; + } + + p { + font-size: 14px; + color: #8c8c8c; + margin: 0; + } +} + +.content { + min-height: 400px; +} + +.placeholder { + display: flex; + align-items: center; + justify-content: center; + height: 300px; + background: #fafafa; + border: 1px dashed #d9d9d9; + border-radius: 6px; + + p { + font-size: 16px; + color: #8c8c8c; + margin: 0; + } +} \ No newline at end of file diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/tag-management/index.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/tag-management/index.tsx new file mode 100644 index 00000000..5c9b3077 --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/tag-management/index.tsx @@ -0,0 +1,21 @@ +import React from "react"; +import styles from "./index.module.scss"; + +const TagManagement: React.FC = () => { + return ( +
+
+

标签管理

+

智能客户标签分类，精准用户画像分析

+
+
+ {/* 功能内容待开发 */} +
+

标签管理功能正在开发中...

+
+
+
+ ); +}; + +export default TagManagement; diff --git a/Touchkebao/src/router/module/pc.tsx b/Touchkebao/src/router/module/pc.tsx index de12075d..0e050775 100644 --- a/Touchkebao/src/router/module/pc.tsx +++ b/Touchkebao/src/router/module/pc.tsx @@ -2,6 +2,15 @@ import CkboxPage from "@/pages/pc/ckbox"; import WeChatPage from "@/pages/pc/ckbox/weChat"; import Dashboard from "@/pages/pc/ckbox/dashboard"; import PowerCenter from "@/pages/pc/ckbox/powerCenter"; +import PrecisionSend from "@/pages/pc/ckbox/powerCenter/precision-send"; +import SopSend from "@/pages/pc/ckbox/powerCenter/sop-send"; +import MomentsMarketing from "@/pages/pc/ckbox/powerCenter/moments-marketing"; +import TagManagement from "@/pages/pc/ckbox/powerCenter/tag-management"; +import CustomerManagement from "@/pages/pc/ckbox/powerCenter/customer-management"; +import CommunicationRecord from "@/pages/pc/ckbox/powerCenter/communication-record"; +import ContentManagement from "@/pages/pc/ckbox/powerCenter/content-management"; +import AiTraining from "@/pages/pc/ckbox/powerCenter/ai-training"; +import AutoGreeting from "@/pages/pc/ckbox/powerCenter/auto-greeting"; const ckboxRoutes = [ { path: "/pc", @@ -20,6 +29,42 @@ const ckboxRoutes = [ path: "powerCenter", element: , }, + { + path: "powerCenter/precision-send", + element: , + }, + { + path: "powerCenter/sop-send", + element: , + }, + { + path: "powerCenter/moments-marketing", + element: , + }, + { + path: "powerCenter/tag-management", + element: , + }, + { + path: "powerCenter/customer-management", + element: , + }, + { + path: "powerCenter/communication-record", + element: , + }, + { + path: "powerCenter/content-management", + element: , + }, + { + path: "powerCenter/ai-training", + element: , + }, + { + path: "powerCenter/auto-greeting", + element: , + }, ], }, ]; From 4a48bec42dbf5e5e61f6687982ee1ba6514badaf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B6=85=E7=BA=A7=E8=80=81=E7=99=BD=E5=85=94?= Date: Sat, 13 Sep 2025 11:52:52 +0800 Subject: [PATCH 3/3] =?UTF-8?q?style(NavCommon):=20=E7=A7=BB=E9=99=A4heade?= =?UTF-8?q?rRight=E5=92=8CuserInfo=E4=B8=AD=E7=9A=84gap=E9=97=B4=E8=B7=9D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 简化样式代码，保持布局一致性 --- .../src/pages/pc/ckbox/components/NavCommon/index.module.scss | 3 --- 1 file changed, 3 deletions(-) diff --git a/Touchkebao/src/pages/pc/ckbox/components/NavCommon/index.module.scss b/Touchkebao/src/pages/pc/ckbox/components/NavCommon/index.module.scss index 06c20939..c40d797e 100644 --- a/Touchkebao/src/pages/pc/ckbox/components/NavCommon/index.module.scss +++ b/Touchkebao/src/pages/pc/ckbox/components/NavCommon/index.module.scss @@ -73,15 +73,12 @@ .headerRight { display: flex; align-items: center; - gap: 16px; padding-right: 10px; .userInfo { display: flex; align-items: center; - gap: 16px; padding: 8px 0; - .suanli { display: flex; align-items: center;