+
+
+ {/* Search & Filter */}
+
+
+ {/* Quick Filters */}
+
+ {["全部", "初步沟通", "方案交流", "招投标", "商务谈判", "已成交"].map((stage) => (
+
+ ))}
+
+
+ {/* List */}
+
+ {oppData.map((opp, i) => (
+
setSelectedItem(opp)}
+ className="group cursor-pointer relative rounded-2xl border border-slate-100 dark:border-slate-800 bg-white dark:bg-slate-900/50 p-5 shadow-sm backdrop-blur-sm transition-all hover:shadow-md hover:border-violet-100 dark:hover:border-violet-900/50"
+ >
+
+
+
+ {opp.id}
+ {opp.pushedToOMS && (
+
+ 已推OMS
+
+ )}
+
+
{opp.name}
+
+
+ {opp.confidence}%
+ 把握度
+
+
+
+
+ {opp.client}
+
+
+
+ ¥{opp.amount}
+
+
+
+ {opp.date}
+
+
+
+ 类型:
+ {opp.type}
+
+
+
+
+
+ ))}
+
+
+ {/* Detail Slide-over Panel */}
+
+ {selectedItem && (
+ <>
+ setSelectedItem(null)}
+ className="fixed inset-0 bg-slate-900/20 dark:bg-slate-900/60 backdrop-blur-sm z-40"
+ />
+
+ {/* Header */}
+
+
商机详情
+
+
+
+ {/* Content */}
+
+ {/* Header Info */}
+
+
+ {selectedItem.id}
+ {selectedItem.pushedToOMS && (
+
+ 已推OMS
+
+ )}
+
+
{selectedItem.name}
+
+
+ {selectedItem.stage}
+
+
+ 把握度 {selectedItem.confidence}%
+
+
+
+
+ {/* Basic Info Grid */}
+
+
+
+ 基本信息
+
+
+
客户名称
{selectedItem.client}
+
商机金额
¥{selectedItem.amount}
+
+
+
+
产品类别
{selectedItem.product}
+
商机来源
{selectedItem.source}
+
+
+
+
+ {/* Timeline */}
+
+
+
+
+ 跟进记录
+
+
+
+
+ {followUpRecords.map((record) => (
+
+
+
+
+ {record.type}
+ {record.date}
+
+
{record.content}
+
跟进人: {record.user}
+
+
+ ))}
+
+
+
+
+
+
+
+
+