From fb0cce836d21196b07ddbeea707ca5b5908010ad 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: Wed, 24 Sep 2025 14:23:38 +0800 Subject: [PATCH] =?UTF-8?q?feat(=E5=B0=8E=E8=88=AA=E7=B5=84=E4=BB=B6?= =?UTF-8?q?=E6=95=B4=E5=90=88=E8=88=87=E6=A8=A3=E5=BC=8F=E5=84=AA=E5=8C=96?= =?UTF-8?q?):=20=E5=B0=87PowerNavigation=E7=B5=84=E4=BB=B6=E6=95=B4?= =?UTF-8?q?=E5=90=88=E8=87=B3=E5=A4=9A=E5=80=8B=E9=A0=81=E9=9D=A2=EF=BC=8C?= =?UTF-8?q?=E6=9B=BF=E4=BB=A3=E5=86=97=E9=A4=98=E7=9A=84=E6=A8=99=E9=A1=8C?= =?UTF-8?q?=E5=92=8C=E6=8F=8F=E8=BF=B0=E7=B5=90=E6=A7=8B=EF=BC=8C=E4=B8=A6?= =?UTF-8?q?=E5=9C=A8=E6=A8=A3=E5=BC=8F=E4=B8=8A=E9=80=B2=E8=A1=8C=E5=84=AA?= =?UTF-8?q?=E5=8C=96=EF=BC=8C=E6=8F=90=E5=8D=87=E6=95=B4=E9=AB=94=E7=94=A8?= =?UTF-8?q?=E6=88=B6=E9=AB=94=E9=A9=97=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/PowerNavtion/index.module.scss | 2 +- .../src/components/PowerNavtion/index.tsx | 2 +- .../ckbox/powerCenter/ai-training/index.tsx | 11 ++-- .../ckbox/powerCenter/auto-greeting/index.tsx | 11 ++-- .../communication-record/index.tsx | 11 ++-- .../powerCenter/content-management/index.tsx | 11 ++-- .../powerCenter/customer-management/index.tsx | 11 ++-- .../powerCenter/moments-marketing/index.tsx | 11 ++-- .../precision-send/index.module.scss | 66 ++++++++----------- .../powerCenter/precision-send/index.tsx | 44 ++++++++----- .../pc/ckbox/powerCenter/sop-send/index.tsx | 11 ++-- .../powerCenter/tag-management/index.tsx | 11 ++-- 12 files changed, 111 insertions(+), 91 deletions(-) diff --git a/Touchkebao/src/components/PowerNavtion/index.module.scss b/Touchkebao/src/components/PowerNavtion/index.module.scss index 45fe704af..b57617ada 100644 --- a/Touchkebao/src/components/PowerNavtion/index.module.scss +++ b/Touchkebao/src/components/PowerNavtion/index.module.scss @@ -7,10 +7,10 @@ .header { background: #fff; padding: 16px; - border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; min-height: 64px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); .headerLeft { display: flex; diff --git a/Touchkebao/src/components/PowerNavtion/index.tsx b/Touchkebao/src/components/PowerNavtion/index.tsx index 6f6667da6..42b9b002f 100644 --- a/Touchkebao/src/components/PowerNavtion/index.tsx +++ b/Touchkebao/src/components/PowerNavtion/index.tsx @@ -2,7 +2,7 @@ import React from "react"; import { Button } from "antd"; import { ArrowLeftOutlined } from "@ant-design/icons"; import { useNavigate } from "react-router-dom"; -import styles from "./PowerNavigation.module.scss"; +import styles from "./index.module.scss"; // 简化的组件属性类型 export interface PowerNavigationProps { diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/ai-training/index.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/ai-training/index.tsx index 9bf0dde53..6bcdc00c9 100644 --- a/Touchkebao/src/pages/pc/ckbox/powerCenter/ai-training/index.tsx +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/ai-training/index.tsx @@ -1,13 +1,16 @@ import React from "react"; +import PowerNavigation from "@/components/PowerNavtion"; import styles from "./index.module.scss"; const AiTraining: React.FC = () => { return (
-
-

AI模型训练

-

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

-
+
{/* 功能内容待开发 */}
diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/auto-greeting/index.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/auto-greeting/index.tsx index f9506e96a..7a992c2da 100644 --- a/Touchkebao/src/pages/pc/ckbox/powerCenter/auto-greeting/index.tsx +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/auto-greeting/index.tsx @@ -1,13 +1,16 @@ import React from "react"; +import PowerNavigation from "@/components/PowerNavtion"; import styles from "./index.module.scss"; const AutoGreeting: React.FC = () => { return (
-
-

自动打招呼

-

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

-
+
{/* 功能内容待开发 */}
diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/communication-record/index.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/communication-record/index.tsx index cf17b8116..f13c43473 100644 --- a/Touchkebao/src/pages/pc/ckbox/powerCenter/communication-record/index.tsx +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/communication-record/index.tsx @@ -1,13 +1,16 @@ import React from "react"; +import PowerNavigation from "@/components/PowerNavtion"; import styles from "./index.module.scss"; const CommunicationRecord: React.FC = () => { return (
-
-

沟通记录

-

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

-
+
{/* 功能内容待开发 */}
diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/content-management/index.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/content-management/index.tsx index f2b33d1f7..ee8c5df31 100644 --- a/Touchkebao/src/pages/pc/ckbox/powerCenter/content-management/index.tsx +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/content-management/index.tsx @@ -1,13 +1,16 @@ import React from "react"; +import PowerNavigation from "@/components/PowerNavtion"; import styles from "./index.module.scss"; const ContentManagement: React.FC = () => { return (
-
-

内容管理

-

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

-
+
{/* 功能内容待开发 */}
diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/customer-management/index.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/customer-management/index.tsx index ad171fa89..5ac24b2f6 100644 --- a/Touchkebao/src/pages/pc/ckbox/powerCenter/customer-management/index.tsx +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/customer-management/index.tsx @@ -1,13 +1,16 @@ import React from "react"; +import PowerNavigation from "@/components/PowerNavtion"; import styles from "./index.module.scss"; const CustomerManagement: React.FC = () => { return (
-
-

客户好友管理

-

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

-
+
{/* 功能内容待开发 */}
diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/moments-marketing/index.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/moments-marketing/index.tsx index 27b8a419f..34d7df567 100644 --- a/Touchkebao/src/pages/pc/ckbox/powerCenter/moments-marketing/index.tsx +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/moments-marketing/index.tsx @@ -1,13 +1,16 @@ import React from "react"; +import PowerNavigation from "@/components/PowerNavtion"; import styles from "./index.module.scss"; const MomentsMarketing: React.FC = () => { return (
-
-

朋友圈营销

-

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

-
+
{/* 功能内容待开发 */}
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 index e881b1783..84333486b 100644 --- a/Touchkebao/src/pages/pc/ckbox/powerCenter/precision-send/index.module.scss +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/precision-send/index.module.scss @@ -1,20 +1,13 @@ -.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; @@ -22,15 +15,10 @@ } } -.content { - min-height: 600px; -} - .stepsContainer { - margin-bottom: 32px; padding: 24px; - background: #fafafa; - border-radius: 8px; + background: #fff; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .steps { @@ -39,21 +27,21 @@ } .stepContent { - margin-bottom: 24px; + margin: 15px; } .stepCard { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); border-radius: 8px; - + :global(.ant-card-head) { background: #f8f9fa; border-bottom: 1px solid #e9ecef; - + .ant-card-head-title { font-weight: 600; color: #495057; - + .anticon { margin-right: 8px; color: #1890ff; @@ -65,7 +53,7 @@ .ageRange { display: flex; align-items: center; - + .ant-input-number { width: 80px; } @@ -80,16 +68,16 @@ display: flex; align-items: center; gap: 8px; - + .anticon { color: #1890ff; font-size: 16px; } - + span { font-size: 14px; color: #262626; - + strong { color: #1890ff; font-size: 16px; @@ -101,11 +89,11 @@ display: flex; flex-wrap: wrap; gap: 8px; - + .ant-tag { margin: 0; transition: all 0.2s; - + &:hover { transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); @@ -115,7 +103,7 @@ .messagePreview { margin-top: 24px; - + h4 { margin-bottom: 12px; color: #262626; @@ -156,12 +144,12 @@ padding: 12px; background: #f8f9fa; border-radius: 6px; - + .anticon { color: #1890ff; font-size: 16px; } - + span { font-size: 14px; color: #262626; @@ -172,8 +160,8 @@ display: flex; justify-content: center; padding: 24px 0; - border-top: 1px solid #f0f0f0; - + background: #fff; + .ant-btn { min-width: 100px; } @@ -184,20 +172,20 @@ .container { padding: 16px; } - + .stepsContainer { padding: 16px; } - + .summaryGrid { grid-template-columns: 1fr; } - + .ageRange { flex-direction: column; align-items: flex-start; gap: 8px; - + span { display: none; } @@ -210,18 +198,18 @@ font-weight: 500; color: #262626; } - + .ant-checkbox-group { display: flex; flex-wrap: wrap; gap: 8px 16px; } - + .ant-upload-list-picture-card .ant-upload-list-item { border-radius: 6px; } - + .ant-steps-item-title { font-weight: 500 !important; } -} \ 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 index dbd2cbfe0..53e4043c6 100644 --- a/Touchkebao/src/pages/pc/ckbox/powerCenter/precision-send/index.tsx +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/precision-send/index.tsx @@ -1,4 +1,5 @@ import React, { useState, useEffect, useCallback } from "react"; +import Layout from "@/components/Layout/LayoutFiexd"; import { Card, Button, @@ -29,6 +30,7 @@ import { } from "@ant-design/icons"; import dayjs from "dayjs"; import type { UploadFile } from "antd"; +import PowerNavigation from "@/components/PowerNavtion"; import styles from "./index.module.scss"; const { Step } = Steps; @@ -649,23 +651,25 @@ const PrecisionSend: React.FC = () => { }; return ( -
-
-

精准群发

-

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

-
- -
-
- - } /> - } /> - } /> - -
- -
{renderStepContent()}
- + + +
+ + } /> + } /> + } /> + +
+ + } + footer={
{currentStep > 0 && ( @@ -710,8 +714,12 @@ const PrecisionSend: React.FC = () => { )}
+ } + > +
+
{renderStepContent()}
-
+ ); }; diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/sop-send/index.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/sop-send/index.tsx index 05039d06c..5f299a2bc 100644 --- a/Touchkebao/src/pages/pc/ckbox/powerCenter/sop-send/index.tsx +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/sop-send/index.tsx @@ -1,13 +1,16 @@ import React from "react"; +import PowerNavigation from "@/components/PowerNavtion"; import styles from "./index.module.scss"; const SopSend: React.FC = () => { return (
-
-

SOP群发

-

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

-
+
{/* 功能内容待开发 */}
diff --git a/Touchkebao/src/pages/pc/ckbox/powerCenter/tag-management/index.tsx b/Touchkebao/src/pages/pc/ckbox/powerCenter/tag-management/index.tsx index 5c9b3077e..5f48ab6e2 100644 --- a/Touchkebao/src/pages/pc/ckbox/powerCenter/tag-management/index.tsx +++ b/Touchkebao/src/pages/pc/ckbox/powerCenter/tag-management/index.tsx @@ -1,13 +1,16 @@ import React from "react"; +import PowerNavigation from "@/components/PowerNavtion"; import styles from "./index.module.scss"; const TagManagement: React.FC = () => { return (
-
-

标签管理

-

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

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