From 806df16a0b5dc87fd4e3c66765660c1cca10e0ea 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: Tue, 14 Oct 2025 14:34:50 +0800 Subject: [PATCH 01/72] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=B3=BB=E7=BB=9F?= =?UTF-8?q?=E6=8E=A8=E8=8D=90=E5=A4=87=E6=B3=A8=E6=B6=88=E6=81=AF=E7=BB=84?= =?UTF-8?q?=E4=BB=B6=EF=BC=8C=E5=B9=B6=E5=9C=A8=E6=B6=88=E6=81=AF=E8=AE=B0?= =?UTF-8?q?=E5=BD=95=E4=B8=AD=E5=A4=84=E7=90=86=E8=AF=A5=E6=B6=88=E6=81=AF?= =?UTF-8?q?=E7=B1=BB=E5=9E=8B=EF=BC=9B=E4=BC=98=E5=8C=96=E6=9C=AA=E8=AF=BB?= =?UTF-8?q?=E6=B6=88=E6=81=AF=E8=AE=A1=E6=95=B0=E9=80=BB=E8=BE=91=EF=BC=8C?= =?UTF-8?q?=E7=A1=AE=E4=BF=9D=E6=AD=A3=E7=A1=AE=E6=98=BE=E7=A4=BA=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../index.module.scss | 24 +++++++ .../SystemRecommendRemarkMessage/index.tsx | 66 +++++++++++++++++++ .../components/MessageRecord/index.tsx | 4 ++ .../SidebarMenu/MessageList/index.tsx | 4 +- 4 files changed, 97 insertions(+), 1 deletion(-) create mode 100644 Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/SystemRecommendRemarkMessage/index.module.scss create mode 100644 Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/SystemRecommendRemarkMessage/index.tsx diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/SystemRecommendRemarkMessage/index.module.scss b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/SystemRecommendRemarkMessage/index.module.scss new file mode 100644 index 00000000..99c88d3a --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/SystemRecommendRemarkMessage/index.module.scss @@ -0,0 +1,24 @@ +// 系统推荐备注消息样式 +.systemRecommendRemarkMessage { + .systemMessageText { + font-size: 14px; + font-weight: 500; + color: #8c8c8c; + line-height: 1.4; + word-break: break-word; + padding: 8px 12px; + border-radius: 8px; + max-width: 320px; + } +} + +// 响应式设计 +@media (max-width: 768px) { + .systemRecommendRemarkMessage { + .systemMessageText { + font-size: 13px; + padding: 6px 10px; + max-width: 280px; + } + } +} diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/SystemRecommendRemarkMessage/index.tsx b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/SystemRecommendRemarkMessage/index.tsx new file mode 100644 index 00000000..83d8bccc --- /dev/null +++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/SystemRecommendRemarkMessage/index.tsx @@ -0,0 +1,66 @@ +import React from "react"; +import styles from "./index.module.scss"; +import { WarningOutlined } from "@ant-design/icons"; + +interface SystemRecommendRemarkMessageProps { + content: string; +} + +const SystemRecommendRemarkMessage: React.FC< + SystemRecommendRemarkMessageProps +> = ({ content }) => { + // 解析XML内容 + const parseSystemMessage = (xmlContent: string) => { + try { + // 使用正则表达式提取关键信息 + const templateMatch = xmlContent.match( + /