From 5ee9b9d9313a1cb5f205c9f575beef0e5df736a9 Mon Sep 17 00:00:00 2001 From: hongjli <3117313295@qq.com> Date: 星期五, 11 四月 2025 10:45:26 +0800 Subject: [PATCH] 优化数据来源说明 --- src/components/DataPreviewDialog.tsx | 107 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 106 insertions(+), 1 deletions(-) diff --git a/src/components/DataPreviewDialog.tsx b/src/components/DataPreviewDialog.tsx index ebbba51..dff187d 100644 --- a/src/components/DataPreviewDialog.tsx +++ b/src/components/DataPreviewDialog.tsx @@ -10,13 +10,101 @@ isOpen: boolean; onClose: () => void; markdownContent: string; + sceneType?: 'chadan' | 'buliao'; // 娣诲姞鍦烘櫙绫诲瀷灞炴�� } export default function DataPreviewDialog({ isOpen, onClose, - markdownContent + markdownContent, + sceneType }: DataPreviewDialogProps) { + // 鏍规嵁鍦烘櫙绫诲瀷鑾峰彇瀵瑰簲鐨勬暟鎹潵婧愯鏄� + const getDataSourceDescription = () => { + if (sceneType === 'chadan') { + return ( + <div className="space-y-6"> + <div className="bg-white/50 rounded-lg p-4 backdrop-blur-sm border border-blue-100/50"> + <div className="flex items-center gap-3 mb-3"> + <div className="h-8 w-8 rounded-lg bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center"> + <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5 text-white" 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" /> + <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 12h8" /> + <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 16V8" /> + </svg> + </div> + <h4 className="text-lg font-semibold text-blue-900">ERP鏍稿績鏁版嵁</h4> + </div> + <div className="ml-11"> + <p className="text-blue-800">BOM銆侀渶姹傘�侀噰璐鍗曘�佷緵搴斿晢鍒楄〃</p> + </div> + </div> + + <div className="bg-white/50 rounded-lg p-4 backdrop-blur-sm border border-blue-100/50"> + <div className="flex items-center gap-3 mb-3"> + <div className="h-8 w-8 rounded-lg bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center"> + <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> + <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" /> + </svg> + </div> + <h4 className="text-lg font-semibold text-blue-900">澶栭儴绯荤粺琛ュ厖</h4> + </div> + <div className="ml-11"> + <p className="text-blue-800">鎻掑崟闇�姹傞�氬父鐢盋RM銆丮ES鎴栦汉宸ヨ緭鍏ヨЕ鍙戯紝鍏朵粬绯荤粺锛圥LM/SRM/SCM锛夊彲鑳芥彁渚涜ˉ鍏呮垨婧愬ご鏁版嵁</p> + </div> + </div> + </div> + ); + } else if (sceneType === 'buliao') { + return ( + <div className="space-y-6"> + <div className="bg-white/50 rounded-lg p-4 backdrop-blur-sm border border-blue-100/50"> + <div className="flex items-center gap-3 mb-3"> + <div className="h-8 w-8 rounded-lg bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center"> + <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> + <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" /> + </svg> + </div> + <h4 className="text-lg font-semibold text-blue-900">宸ヤ綅淇℃伅</h4> + </div> + <div className="ml-11"> + <p className="text-blue-800">鏍稿績鏉ユ簮绯荤粺锛歁ES銆丼CADA</p> + </div> + </div> + + <div className="bg-white/50 rounded-lg p-4 backdrop-blur-sm border border-blue-100/50"> + <div className="flex items-center gap-3 mb-3"> + <div className="h-8 w-8 rounded-lg bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center"> + <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> + <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" /> + </svg> + </div> + <h4 className="text-lg font-semibold text-blue-900">浜х嚎鐜板満搴撳瓨閲�</h4> + </div> + <div className="ml-11"> + <p className="text-blue-800">鏍稿績鏉ユ簮绯荤粺锛歁ES銆乄MS锛堢嚎杈逛粨锛�</p> + </div> + </div> + + <div className="bg-white/50 rounded-lg p-4 backdrop-blur-sm border border-blue-100/50"> + <div className="flex items-center gap-3 mb-3"> + <div className="h-8 w-8 rounded-lg bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center"> + <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> + <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4" /> + </svg> + </div> + <h4 className="text-lg font-semibold text-blue-900">鍘熸潗鏂欏簱瀛�</h4> + </div> + <div className="ml-11"> + <p className="text-blue-800">鏍稿績鏉ユ簮绯荤粺锛欵RP銆乄MS</p> + </div> + </div> + </div> + ); + } + return null; + }; + return ( <Transition appear show={isOpen} as={Fragment}> <Dialog as="div" className="relative z-50" onClose={onClose}> @@ -71,6 +159,23 @@ </div> <div className="flex-1 overflow-y-auto p-6"> <div className="prose max-w-none"> + <div className="mb-6 p-6 bg-gradient-to-br from-blue-50 to-blue-100/50 rounded-lg border border-blue-100"> + <h3 className="text-xl font-semibold text-blue-900 mb-4 pb-3 border-b border-blue-200/50 flex items-center gap-2"> + <svg xmlns="http://www.w3.org/2000/svg" className="h-6 w-6 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"> + <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" /> + </svg> + 鏁版嵁鏉ユ簮璇存槑 + </h3> + {getDataSourceDescription()} + <div className="mt-6 pt-3 border-t border-blue-200/50"> + <p className="text-blue-800/90 text-sm flex items-center gap-2"> + <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5 text-blue-600/80" fill="none" viewBox="0 0 24 24" stroke="currentColor"> + <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> + </svg> + 娉細浠ヤ笂涓烘ā鎷熸紨绀烘暟鎹紝瀹為檯浣跨敤鏃跺皢鑷姩瀵规帴鐩稿叧涓氬姟绯荤粺 + </p> + </div> + </div> <ReactMarkdown remarkPlugins={[remarkGfm]} components={{ -- Gitblit v1.9.3