From 88a31d5a960bd10f3799bc00f8aa24461567d06e Mon Sep 17 00:00:00 2001
From: shimai <shimai@example.com>
Date: Tue, 07 Apr 2026 15:23:43 +0800
Subject: [PATCH] Merge branch 'test/tony.cheng/260312' of http://120.79.193.119:9090/r/~chengmw/cloud-melody-front into test/shimai.huang/260309
---
web-app/src/components/dashboard/AISuggestionCard.jsx | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 53 insertions(+), 0 deletions(-)
diff --git a/web-app/src/components/dashboard/AISuggestionCard.jsx b/web-app/src/components/dashboard/AISuggestionCard.jsx
new file mode 100644
index 0000000..f326727
--- /dev/null
+++ b/web-app/src/components/dashboard/AISuggestionCard.jsx
@@ -0,0 +1,53 @@
+/**
+ * AISuggestionCard 组件 - AI调解建议
+ * 展示AI生成的调解建议内容
+ */
+
+import React, { useCallback } from 'react';
+import { Button, message } from 'antd';
+import { BulbOutlined, RightOutlined } from '@ant-design/icons';
+import './AISuggestionCard.css';
+
+// Mock数据 - AI调解建议内容
+const MOCK_SUGGESTION = `建议调解员优先安抚申请人张三的情绪。目前双方在补偿金额上的差距已缩小至15%，可尝试引入"互谅互让"原则进行最后博弈。建议调解员优先安抚申请人张三的情绪。目前双方在补偿金额上的差距已缩小至15%，可尝试引入"互谅互让"原则进行最后博弈。建议调解员优先安抚申请人张三的情绪。`;
+
+/**
+ * AISuggestionCard 主组件
+ */
+const AISuggestionCard = () => {
+ // 点击查看详细策略建议
+ const handleViewDetail = useCallback(() => {
+ message.info('该功能正在升级中，敬请期待！');
+ }, []);
+
+ return (
+ <div className="ai-suggestion-card">
+ {/* 背景图标 */}
+ <img src="/ai-bg.png" alt="" className="ai-suggestion-bg" />
+
+ {/* 标题 */}
+ <div className="ai-suggestion-header">
+ <BulbOutlined className="ai-suggestion-icon" />
+ <span className="ai-suggestion-title">AI 调解建议</span>
+ </div>
+
+ {/* 建议内容 */}
+ <div className="ai-suggestion-content">
+ {MOCK_SUGGESTION}
+ </div>
+
+ {/* 查看详情按钮 */}
+ <div className="ai-suggestion-footer">
+ <Button
+ type="link"
+ className="ai-suggestion-btn"
+ onClick={handleViewDetail}
+ >
+ 查看详细策略建议 <RightOutlined />
+ </Button>
+ </div>
+ </div>
+ );
+};
+
+export default AISuggestionCard;
--
Gitblit v1.8.0