From e2890e38199000cd056ab7a3992ac6049bb27e5d Mon Sep 17 00:00:00 2001
From: hongjli <3117313295@qq.com>
Date: 星期五, 11 四月 2025 14:07:43 +0800
Subject: [PATCH] 聊天页面优化
---
src/app/ai-scene/chat/page.tsx | 244 +++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 239 insertions(+), 5 deletions(-)
diff --git a/src/app/ai-scene/chat/page.tsx b/src/app/ai-scene/chat/page.tsx
index 761b8f4..0c02755 100644
--- a/src/app/ai-scene/chat/page.tsx
+++ b/src/app/ai-scene/chat/page.tsx
@@ -4,6 +4,7 @@
import { motion, AnimatePresence } from 'framer-motion';
import { useSearchParams } from 'next/navigation';
import { useRouter } from 'next/navigation';
+import DataPreviewDialog from '@/components/DataPreviewDialog';
// 瀵煎叆鍦烘櫙鏁版嵁
const defaultServices = [
@@ -12,18 +13,68 @@
description: '搴撳瓨鐭ヨ瘑锛屾彁渚涗笓涓氱殑渚涘簲閾惧簱瀛樼煡璇嗛棶绛�',
imageUrl: '/images/know.jpg',
chatbotId: 'pDDfkU9HyBl2gzXx',
+ background: '楂樻晥鐨勫簱瀛樼鐞嗛渶瑕佷赴瀵岀殑涓撲笟鐭ヨ瘑鍜岀粡楠屻�侫I鐭ヨ瘑搴撴暣鍚堜簡澶ч噺渚涘簲閾惧拰搴撳瓨绠＄悊鐨勪笓涓氱煡璇嗭紝鍙互蹇�熻В绛斿悇绫诲簱瀛樼鐞嗛棶棰樸��',
+ instructions: '鎮ㄥ彲浠ヨ闂换浣曚笌搴撳瓨绠＄悊鐩稿叧鐨勯棶棰橈紝鍖呮嫭搴撳瓨绛栫暐銆佹垚鏈帶鍒躲�佸懆杞巼浼樺寲绛夛紝AI鍔╂墜灏嗕负鎮ㄦ彁渚涗笓涓氱殑瑙ｇ瓟鍜屽缓璁��'
},
{
title: '鎵湴鏈哄櫒浜洪攢鍞帹鑽愬皬鍔╂墜',
description: '鏅鸿兘鍖栦骇鍝佹帹鑽愭彁鍗囧璐晥鐜�',
imageUrl: '/images/robot.jpg',
chatbotId: 'sUAviPXvcEIw3oQC',
+ background: '闈㈠涓嶅悓瀹㈡埛鐨勪釜鎬у寲闇�姹傦紝濡備綍鍑嗙‘鎺ㄨ崘鍚堥�傜殑浜у搧鏄彁鍗囬攢鍞晥鐜囩殑鍏抽敭銆侫I鍔╂墜鍩轰簬娣卞害瀛︿範绠楁硶锛岃兘澶熺簿鍑嗗垎鏋愬鎴烽渶姹傦紝鎻愪緵涓�у寲鐨勪骇鍝佹帹鑽愩��',
+ instructions: '鎮ㄥ彲浠ユ弿杩板鎴风殑鍏蜂綋闇�姹傚拰鍋忓ソ锛孉I鍔╂墜灏嗘牴鎹繖浜涗俊鎭紝涓烘偍鎺ㄨ崘鏈�閫傚悎鐨勪骇鍝侊紝骞舵彁渚涗笓涓氱殑浜у搧浠嬬粛鍜岄攢鍞缓璁��'
},
{
title: '琛ユ枡',
description: '鏅鸿兘鍔ㄦ�佸垎鏋愪骇绾匡紝宸ヤ綅鐨勭己鏂欐儏鍐碉紝闄嶄綆鍋滅嚎椋庨櫓',
imageUrl: '/images/kanban.jpg',
chatbotId: 'JELkWpPLHQfRNhEH',
+ background: '鍦ㄧ敓浜х嚎杩愯杩囩▼涓紝鍙婃椂鍙戠幇骞惰В鍐崇己鏂欓棶棰樻槸淇濊瘉鐢熶骇鏁堢巼鐨勫叧閿�侫I绯荤粺閫氳繃瀹炴椂鐩戞帶鍜屽垎鏋愶紝甯姪鎮ㄦ彁鍓嶉璀﹀彲鑳界殑缂烘枡椋庨櫓锛屼紭鍖栬ˉ鏂欒鍒掋��',
+ instructions: '鎮ㄥ彲浠ユ弿杩板叿浣撶殑鐢熶骇绾挎儏鍐靛拰缂烘枡闂锛孉I鍔╂墜灏嗗熀浜庡巻鍙叉暟鎹拰瀹炴椂鐘舵�侊紝涓烘偍鎻愪緵鏈�浼樼殑琛ユ枡鏂规鍜屽缓璁��',
+ dataDescription: '鏈満鏅�氳繃鏁村悎MES銆丼CADA銆乄MS绛夌郴缁熺殑瀹炴椂鏁版嵁锛岀粨鍚圓I绠楁硶杩涜鏅鸿兘鍒嗘瀽鍜岄璀︺�備互涓嬩负婕旂ず鏁版嵁锛屽疄闄呬娇鐢ㄦ椂灏嗚嚜鍔ㄥ鎺ョ浉鍏充笟鍔＄郴缁熴��',
+ exampleData: `
+### 鐢熶骇浜у搧P鏃讹紝璇︾粏宸ヤ綅鐨勭墿鏂欓渶姹備俊鎭�
+
+| 宸ヤ綅 | 鍘熸潗鏂欓渶姹� | 鍘熸潗鏂欐秷鑰楅�熺巼 | 鐢熶骇鐨勪骇鍝� | 浜х嚎鍚� |
+| :--: | :--: | :--: | :--: | :--: |
+| 1 | A1 | 2/灏忔椂 | P | 浜х嚎1 |
+| 2 | A2 | 1/灏忔椂 | P | 浜х嚎1 |
+| 3 | A3 | 2/灏忔椂 | P | 浜х嚎1 |
+| 4 | A4 | 4/灏忔椂 | P | 浜х嚎1 |
+| 5 | A5 | 5/灏忔椂 | P | 浜х嚎1 |
+| 6 | - | - | P | 浜х嚎1 |
+| 7 | A7 | 3/灏忔椂 | P | 浜х嚎1 |
+| 8 | - | - | P | 浜х嚎1 |
+| 9 | A9 | 3/灏忔椂 | P | 浜х嚎1 |
+
+### 鍙互閫氳繃闆嗘垚绾胯竟搴撳瓨鑾峰彇锛圛OT锛屼紶鎰熷櫒锛孍RP绯荤粺绛夛級锛屼汉宸ョ洰瑙嗗彂鐜扮己鏂欐垨鑰呯墿鏂欒緝灏戞椂锛屼汉涓鸿Е鍙戯紙椋炰功锛屽井淇＄瓑IM宸ュ叿涓婅緭鍏�/璇煶锛孹X宸ヤ綅锛孹X鐗╂枡缂烘枡锛�
+### 褰撳墠浜х嚎鐜板満搴撳瓨閲�
+
+| 鍘熸潗鏂� | 鏁伴噺 | 浜х嚎鍚� |
+| :--: | :--: | :--: |
+| A1 | 10 | 浜х嚎1 |
+| A2 | 10 | 浜х嚎1 |
+| A3 | 10 | 浜х嚎1 |
+| A4 | 10 | 浜х嚎1 |
+| A5 | 10 | 浜х嚎1 |
+| A6 | 10 | 浜х嚎1 |
+| A7 | 10 | 浜х嚎1 |
+| A8 | 10 | 浜х嚎1 |
+| A9 | 10 | 浜х嚎1 |
+
+### 闇�瑕侀�氳繃ERP/WMS鑾峰彇鏁版嵁锛岃嫢鏃犳硶鑾峰彇ERP/WMS绯荤粺鏁版嵁锛屽彲鐩存帴鐢变汉宸ュ懠鍙叿浣撹ˉ璐ф暟閲忥紝鐢熸垚浠撳簱琛ヨ揣鐪嬫澘
+### 褰撳墠鍘熸潗鏂欏簱涓紝瀛樻斁搴撲綅鍜屽簱瀛橀噺
+
+| 鍘熸潗鏂� | 搴撲綅 | 鏁伴噺 |
+| :--: | :--: | :--: |
+| A1 | 3-2 | 100 |
+| A2 | 3-1 | 100 |
+| A3 | 1-1 | 100 |
+| A4 | 1-2 | 100 |
+| A5 | 2-1 | 100 |
+| A7 | 2-2 | 100 |
+| A9 | 4-1 | 100 |
+`
},
{
title: '鎻掑崟1.0',
@@ -31,7 +82,64 @@
imageUrl: '/images/xuqiu.jpg',
chatbotId: 'DfH4cIzujVGvn5iR',
background: '鍦ㄧ敓浜ц鍒掓墽琛岃繃绋嬩腑锛屽父甯镐細閬囧埌绱ф�ヨ鍗曢渶瑕佹彃鍗曠殑鎯呭喌銆侫I绯荤粺鍙互蹇�熻瘎浼版彃鍗曞鐜版湁鐢熶骇璁″垝鐨勫奖鍝嶏紝骞舵彁渚涙渶浼樼殑鎻掑崟鏂规銆�',
- instructions: '璇锋彁渚涢渶瑕佹彃鍗曠殑璁㈠崟淇℃伅锛屽寘鎷骇鍝佺被鍨嬨�佹暟閲忓拰鏈熸湜浜や粯鏃堕棿锛孉I鍔╂墜灏嗕负鎮ㄥ垎鏋愬彲琛屾�у苟缁欏嚭鍏蜂綋鐨勬彃鍗曞缓璁��'
+ instructions: '璇锋彁渚涢渶瑕佹彃鍗曠殑璁㈠崟淇℃伅锛屽寘鎷骇鍝佺被鍨嬨�佹暟閲忓拰鏈熸湜浜や粯鏃堕棿锛孉I鍔╂墜灏嗕负鎮ㄥ垎鏋愬彲琛屾�у苟缁欏嚭鍏蜂綋鐨勬彃鍗曞缓璁��',
+ dataDescription: '鏈満鏅�氳繃鏁村悎ERP銆丮ES绛夌郴缁熺殑瀹炴椂鏁版嵁锛岀粨鍚圓I绠楁硶杩涜鏅鸿兘鍒嗘瀽鍜岄璀︺�備互涓嬩负婕旂ず鏁版嵁锛屽疄闄呬娇鐢ㄦ椂灏嗚嚜鍔ㄥ鎺ョ浉鍏充笟鍔＄郴缁熴��',
+ exampleData: `
+### 鍩虹鏁版嵁鏄繖鏍风殑锛氫骇鍝侊細A锛孊锛孋
+### A, B, C鐨凚OM鏄繖鏍风殑
+
+| 浜у搧 | 鐗╂枡 | 鐗╂枡鍗曚綅鐢ㄩ噺 |
+| :--: | :--: | :--: |
+| A | 1001 | 1 |
+| A | 1002 | 3 |
+| A | 1003 | 3 |
+| B | 1001 | 1 |
+| B | 1002 | 2 |
+| B | 1004 | 3 |
+| C | 1005 | 1 |
+| C | 1002 | 3 |
+| C | 1003 | 2 |
+
+### 闇�姹傛暟鎹槸杩欐牱鐨�
+
+| 浜у搧 | 闇�姹傛暟閲� | 闇�姹傛棩鏈� | 闇�姹傚崟鍙� | 瀹㈡埛 | 鍗曚环 |
+| :--: | :--: | :--: | :--: | :--: | :--: |
+| A | 1000 | 2/2/2025 | A1001 | 涓煶娌� | 100.0 |
+| A | 200 | 3/2/2025 | A1002 | 涓缓浜屽眬 | 95.0 |
+| A | 500 | 5/2/2025 | A1003 | 瀹濇闆嗗洟 | 90.0 |
+| B | 2000 | 3/2/2025 | B1001 | 涓煶娌� | 95.0 |
+| B | 300 | 4/2/2025 | B1002 | 涓缓浜屽眬 | 90.0 |
+| B | 100 | 7/2/2025 | B1003 | 瀹濇闆嗗洟 | 100.0 |
+| C | 800 | 4/2/2025 | C1001 | 涓煶娌� | 85.0 |
+| C | 600 | 7/2/2025 | C1002 | 涓缓浜屽眬 | 90.0 |
+| C | 400 | 8/2/2025 | C1003 | 瀹濇闆嗗洟 | 90.0 |
+
+### 鍋囪褰撳墠鏃ユ湡鏄�2鏈�1鏃ワ紝璁″垝寮�濮嬫棩鏈熸槸2鏈�2鏃ワ紝褰撳墠鏈変竴涓彃鍗曢渶姹傦細
+
+| 浜у搧 | 闇�姹傛暟閲� | 闇�姹傛棩鏈� | 闇�姹傚崟鍙� | 瀹㈡埛 | 鍗曚环 |
+| :--: | :--: | :--: | :--: | :--: | :--: |
+| A | 200 | 5/2/2025 | D1001 | 涓煶娌� | 100.0 |
+
+### 宸叉湁閲囪喘璁㈠崟
+
+| 渚涘簲鍟嗗悕绉� | 鐗╂枡 | 閲囪喘璁㈠崟鍙� | 棰勮鍒拌揣鏃ユ湡 | 閲囪喘鏁伴噺 |
+| :--: | :--: | :--: | :--: | :--: |
+| S1 | 1001 | PO1 | 2/2/2025 | 2000 |
+| S2 | 1002 | PO2 | 2/2/2025 | 1000 |
+| S3 | 1003 | PO3 | 2/2/2025 | 1000 |
+| S4 | 1004 | PO4 | 2/2/2025 | 800 |
+| S5 | 1005 | PO5 | 2/2/2025 | 800 |
+
+### 渚涘簲鍟嗗垪琛�
+
+| 渚涘簲鍟嗗悕绉� | 鐗╂枡 | 鑱旂郴鏂瑰紡 |
+| :--: | :--: | :--: |
+| S1 | 1001 | chenqinghonghs@163.com |
+| S2 | 1002 | chenqinghonghs@163.com |
+| S3 | 1003 | chenqinghonghs@163.com |
+| S4 | 1004 | chenqinghonghs@163.com |
+| S5 | 1005 | 16673976114@163.com |
+`
},
{
title: '鎻掑崟2.0',
@@ -39,7 +147,64 @@
imageUrl: '/images/chadan2.jpg',
chatbotId: 'zO9YQDEHdIApG9zC',
background: '鍦ㄧ敓浜ц鍒掓墽琛岃繃绋嬩腑锛屽父甯镐細閬囧埌绱ф�ヨ鍗曢渶瑕佹彃鍗曠殑鎯呭喌銆侫I绯荤粺鍙互蹇�熻瘎浼版彃鍗曞鐜版湁鐢熶骇璁″垝鐨勫奖鍝嶏紝骞舵彁渚涙渶浼樼殑鎻掑崟鏂规銆�',
- instructions: '璇锋彁渚涢渶瑕佹彃鍗曠殑璁㈠崟淇℃伅锛屽寘鎷骇鍝佺被鍨嬨�佹暟閲忓拰鏈熸湜浜や粯鏃堕棿锛孉I鍔╂墜灏嗕负鎮ㄥ垎鏋愬彲琛屾�у苟缁欏嚭鍏蜂綋鐨勬彃鍗曞缓璁��'
+ instructions: '璇锋彁渚涢渶瑕佹彃鍗曠殑璁㈠崟淇℃伅锛屽寘鎷骇鍝佺被鍨嬨�佹暟閲忓拰鏈熸湜浜や粯鏃堕棿锛孉I鍔╂墜灏嗕负鎮ㄥ垎鏋愬彲琛屾�у苟缁欏嚭鍏蜂綋鐨勬彃鍗曞缓璁��',
+ dataDescription: '鏈満鏅�氳繃鏁村悎ERP銆丮ES绛夌郴缁熺殑瀹炴椂鏁版嵁锛岀粨鍚圓I绠楁硶杩涜鏅鸿兘鍒嗘瀽鍜岄璀︺�備互涓嬩负婕旂ず鏁版嵁锛屽疄闄呬娇鐢ㄦ椂灏嗚嚜鍔ㄥ鎺ョ浉鍏充笟鍔＄郴缁熴��',
+ exampleData: `
+### 鍩虹鏁版嵁鏄繖鏍风殑锛氫骇鍝侊細A锛孊锛孋
+### A, B, C鐨凚OM鏄繖鏍风殑
+
+| 浜у搧 | 鐗╂枡 | 鐗╂枡鍗曚綅鐢ㄩ噺 |
+| :--: | :--: | :--: |
+| A | 1001 | 1 |
+| A | 1002 | 3 |
+| A | 1003 | 3 |
+| B | 1001 | 1 |
+| B | 1002 | 2 |
+| B | 1004 | 3 |
+| C | 1005 | 1 |
+| C | 1002 | 3 |
+| C | 1003 | 2 |
+
+### 闇�姹傛暟鎹槸杩欐牱鐨�
+
+| 浜у搧 | 闇�姹傛暟閲� | 闇�姹傛棩鏈� | 闇�姹傚崟鍙� | 瀹㈡埛 | 鍗曚环 |
+| :--: | :--: | :--: | :--: | :--: | :--: |
+| A | 1000 | 2/2/2025 | A1001 | 涓煶娌� | 100.0 |
+| A | 200 | 3/2/2025 | A1002 | 涓缓浜屽眬 | 95.0 |
+| A | 500 | 5/2/2025 | A1003 | 瀹濇闆嗗洟 | 90.0 |
+| B | 2000 | 3/2/2025 | B1001 | 涓煶娌� | 95.0 |
+| B | 300 | 4/2/2025 | B1002 | 涓缓浜屽眬 | 90.0 |
+| B | 100 | 7/2/2025 | B1003 | 瀹濇闆嗗洟 | 100.0 |
+| C | 800 | 4/2/2025 | C1001 | 涓煶娌� | 85.0 |
+| C | 600 | 7/2/2025 | C1002 | 涓缓浜屽眬 | 90.0 |
+| C | 400 | 8/2/2025 | C1003 | 瀹濇闆嗗洟 | 90.0 |
+
+### 鍋囪褰撳墠鏃ユ湡鏄�2鏈�1鏃ワ紝璁″垝寮�濮嬫棩鏈熸槸2鏈�2鏃ワ紝褰撳墠鏈変竴涓彃鍗曢渶姹傦細
+
+| 浜у搧 | 闇�姹傛暟閲� | 闇�姹傛棩鏈� | 闇�姹傚崟鍙� | 瀹㈡埛 | 鍗曚环 |
+| :--: | :--: | :--: | :--: | :--: | :--: |
+| A | 200 | 5/2/2025 | D1001 | 涓煶娌� | 100.0 |
+
+### 宸叉湁閲囪喘璁㈠崟
+
+| 渚涘簲鍟嗗悕绉� | 鐗╂枡 | 閲囪喘璁㈠崟鍙� | 棰勮鍒拌揣鏃ユ湡 | 閲囪喘鏁伴噺 |
+| :--: | :--: | :--: | :--: | :--: |
+| S1 | 1001 | PO1 | 2/2/2025 | 2000 |
+| S2 | 1002 | PO2 | 2/2/2025 | 1000 |
+| S3 | 1003 | PO3 | 2/2/2025 | 1000 |
+| S4 | 1004 | PO4 | 2/2/2025 | 800 |
+| S5 | 1005 | PO5 | 2/2/2025 | 800 |
+
+### 渚涘簲鍟嗗垪琛�
+
+| 渚涘簲鍟嗗悕绉� | 鐗╂枡 | 鑱旂郴鏂瑰紡 |
+| :--: | :--: | :--: |
+| S1 | 1001 | chenqinghonghs@163.com |
+| S2 | 1002 | chenqinghonghs@163.com |
+| S3 | 1003 | chenqinghonghs@163.com |
+| S4 | 1004 | chenqinghonghs@163.com |
+| S5 | 1005 | 16673976114@163.com |
+`
},
];
@@ -47,10 +212,12 @@
const searchParams = useSearchParams();
const sceneId = searchParams.get('scene');
const router = useRouter();
+ const [showDataPreview, setShowDataPreview] = useState(false);
// 鏍规嵁URL鍙傛暟鎵惧埌瀵瑰簲鐨勫満鏅�
const initialScene = defaultServices.find(s => s.chatbotId === sceneId) || defaultServices[0];
- const [services] = useState([initialScene]);
+ // 淇敼涓轰娇鐢ㄥ畬鏁寸殑鍦烘櫙鏁版嵁
+ const [services] = useState([defaultServices.find(s => s.chatbotId === sceneId) || defaultServices[0]]);
const [selectedScene, setSelectedScene] = useState(initialScene);
const [iframeKey, setIframeKey] = useState(0);
@@ -109,8 +276,9 @@
</div>
{/* 婊氬姩鍐呭鍖� */}
- <div className="flex-1 overflow-y-auto px-4 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-[#E5E6EB] [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-[#C9CDD4]">
- <div className="space-y-3 py-4">
+ <div className="flex-1 overflow-y-auto">
+ {/* 鍦烘櫙鍒楄〃 */}
+ <div className="px-4 py-2 space-y-3">
{services.map((scene) => (
<motion.div
key={scene.chatbotId}
@@ -176,6 +344,72 @@
</motion.div>
))}
</div>
+
+ {/* 鍦烘櫙淇℃伅灞曠ず鍖哄煙 */}
+ <div className="p-4 space-y-4">
+ {/* 鍦烘櫙鑳屾櫙 */}
+ <div className="bg-gray-50 rounded-lg p-4 border border-gray-100 hover:border-gray-200 transition-colors duration-300 shadow-sm">
+ <div className="flex items-center gap-2 mb-2">
+ <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+ <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
+ </svg>
+ <h3 className="text-sm font-medium text-gray-700">鍦烘櫙鑳屾櫙</h3>
+ </div>
+ <p className="text-gray-600 text-sm leading-relaxed">
+ {selectedScene.background}
+ </p>
+ </div>
+
+ {/* 浣跨敤璇存槑 */}
+ <div className="bg-gray-50 rounded-lg p-4 border border-gray-100 hover:border-gray-200 transition-colors duration-300 shadow-sm">
+ <div className="flex items-center gap-2 mb-2">
+ <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+ <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
+ </svg>
+ <h3 className="text-sm font-medium text-gray-700">浣跨敤璇存槑</h3>
+ </div>
+ <p className="text-gray-600 text-sm leading-relaxed">
+ {selectedScene.instructions}
+ </p>
+ </div>
+
+ {/* 鏁版嵁璇存槑 - 鍙湪琛ユ枡鍜屾彃鍗曞満鏅樉绀� */}
+ {(selectedScene.chatbotId === 'JELkWpPLHQfRNhEH' ||
+ selectedScene.chatbotId === 'DfH4cIzujVGvn5iR' ||
+ selectedScene.chatbotId === 'zO9YQDEHdIApG9zC') && (
+ <>
+ <div className="bg-gray-50 rounded-lg p-4 border border-gray-100 hover:border-gray-200 transition-colors duration-300 shadow-sm">
+ <div className="flex items-center justify-between mb-2">
+ <div className="flex items-center gap-2">
+ <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+ <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 7v10c0 2 1 3 3 3h10c2 0 3-1 3-3V7c0-2-1-3-3-3H7C5 4 4 5 4 7z M9 11h6 M12 8v6" />
+ </svg>
+ <h3 className="text-sm font-medium text-gray-700">鏁版嵁璇存槑</h3>
+ </div>
+ <button
+ onClick={() => setShowDataPreview(true)}
+ className="p-1.5 rounded-md text-gray-400 hover:text-gray-600 hover:bg-gray-100 transition-all duration-300"
+ title="鏌ョ湅婕旂ず鏁版嵁"
+ >
+ <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+ <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+ </svg>
+ </button>
+ </div>
+ <p className="text-gray-600 text-sm leading-relaxed">
+ {selectedScene.dataDescription || '鏈満鏅墍浣跨敤鐨勬暟鎹潎涓烘ā鎷熸暟鎹紝浠呯敤浜庢紨绀虹洰鐨勩�傚湪瀹為檯搴旂敤涓紝灏嗘牴鎹偍鐨勫叿浣撻渶姹備娇鐢ㄧ湡瀹炴暟鎹繘琛屽垎鏋愬拰澶勭悊銆�'}
+ </p>
+ </div>
+
+ <DataPreviewDialog
+ isOpen={showDataPreview}
+ onClose={() => setShowDataPreview(false)}
+ markdownContent={selectedScene.exampleData || ''}
+ sceneType={selectedScene.chatbotId === 'JELkWpPLHQfRNhEH' ? 'buliao' : 'chadan'}
+ />
+ </>
+ )}
+ </div>
</div>
</div>
--
Gitblit v1.9.3