Skip to content

Commit d7e2b46

Browse files
phodalphodal
committed
feat(implementation): 移除实施路线图组件及相关内容，优化SPARE框架结构
1 parent 08e8d5c commit d7e2b46

File tree

1 file changed

+0
-177
lines changed

1 file changed

+0
-177
lines changed

‎src/components/SPAREFramework.jsx

Lines changed: 0 additions & 177 deletions
Original file line numberDiff line numberDiff line change
@@ -888,183 +888,6 @@ export const SPAREFramework = () => {
888888
</div>
889889
</div>
890890
</div>
891-
892-
{/* 实施路线图 */}
893-
<div className="bg-white p-5 rounded-lg shadow">
894-
<h4 className="text-xl font-semibold mb-3 text-center text-blue-700">实施路线图</h4>
895-
896-
<div className="flex items-stretch space-x-4 mb-4">
897-
<div className="flex-1 p-3 rounded-lg bg-blue-50 border border-blue-100">
898-
<h5 className="font-semibold text-blue-700 mb-2 flex items-center">
899-
<div className="h-6 w-6 rounded-full bg-blue-600 text-white flex items-center justify-center mr-2 text-sm font-bold">1</div>
900-
奠定基础
901-
</h5>
902-
<ul className="text-sm text-slate-600 space-y-1">
903-
<li className="flex items-start">
904-
<ArrowRight className="h-3.5 w-3.5 text-blue-500 mr-1 mt-1 flex-shrink-0" />
905-
<span>选择试点团队/项目</span>
906-
</li>
907-
<li className="flex items-start">
908-
<ArrowRight className="h-3.5 w-3.5 text-blue-500 mr-1 mt-1 flex-shrink-0" />
909-
<span>确定核心指标集</span>
910-
</li>
911-
<li className="flex items-start">
912-
<ArrowRight className="h-3.5 w-3.5 text-blue-500 mr-1 mt-1 flex-shrink-0" />
913-
<span>建立基线测量值</span>
914-
</li>
915-
</ul>
916-
</div>
917-
918-
<div className="flex-1 p-3 rounded-lg bg-green-50 border border-green-100">
919-
<h5 className="font-semibold text-green-700 mb-2 flex items-center">
920-
<div className="h-6 w-6 rounded-full bg-green-600 text-white flex items-center justify-center mr-2 text-sm font-bold">2</div>
921-
扩展与工具化
922-
</h5>
923-
<ul className="text-sm text-slate-600 space-y-1">
924-
<li className="flex items-start">
925-
<ArrowRight className="h-3.5 w-3.5 text-green-500 mr-1 mt-1 flex-shrink-0" />
926-
<span>扩展至更多团队</span>
927-
</li>
928-
<li className="flex items-start">
929-
<ArrowRight className="h-3.5 w-3.5 text-green-500 mr-1 mt-1 flex-shrink-0" />
930-
<span>实施自动化数据收集</span>
931-
</li>
932-
<li className="flex items-start">
933-
<ArrowRight className="h-3.5 w-3.5 text-green-500 mr-1 mt-1 flex-shrink-0" />
934-
<span>拓展更多复杂指标</span>
935-
</li>
936-
</ul>
937-
</div>
938-
939-
<div className="flex-1 p-3 rounded-lg bg-purple-50 border border-purple-100">
940-
<h5 className="font-semibold text-purple-700 mb-2 flex items-center">
941-
<div className="h-6 w-6 rounded-full bg-purple-600 text-white flex items-center justify-center mr-2 text-sm font-bold">3</div>
942-
优化与整合
943-
</h5>
944-
<ul className="text-sm text-slate-600 space-y-1">
945-
<li className="flex items-start">
946-
<ArrowRight className="h-3.5 w-3.5 text-purple-500 mr-1 mt-1 flex-shrink-0" />
947-
<span>优化指标与分析</span>
948-
</li>
949-
<li className="flex items-start">
950-
<ArrowRight className="h-3.5 w-3.5 text-purple-500 mr-1 mt-1 flex-shrink-0" />
951-
<span>整合至研发规划</span>
952-
</li>
953-
<li className="flex items-start">
954-
<ArrowRight className="h-3.5 w-3.5 text-purple-500 mr-1 mt-1 flex-shrink-0" />
955-
<span>开发可视化仪表板</span>
956-
</li>
957-
</ul>
958-
</div>
959-
</div>
960-
961-
<p className="text-center text-slate-500 text-sm italic">
962-
框架实施应视为持续旅程，不断优化与调整，以适应组织需求和AI技术演进
963-
</p>
964-
965-
{/* 增强版实施时间线 */}
966-
<div className="mt-6 border-t border-slate-200 pt-5">
967-
<h5 className="font-semibold text-blue-700 mb-4 text-center">实施进度时间线</h5>
968-
969-
<div className="relative">
970-
{/* 时间线轴 */}
971-
<div className="absolute left-1/2 transform -translate-x-1/2 h-full w-1 bg-slate-200"></div>
972-
973-
{/* 第一阶段 */}
974-
<div className="flex items-center mb-8 relative">
975-
<div className="w-1/2 pr-8 text-right">
976-
<h6 className="font-medium text-blue-700">Q1-Q2 2023</h6>
977-
<p className="text-sm text-slate-600">初始评估与试点部署</p>
978-
</div>
979-
<div className="absolute left-1/2 transform -translate-x-1/2 w-8 h-8 rounded-full bg-blue-500 text-white font-bold flex items-center justify-center z-10">1</div>
980-
<div className="w-1/2 pl-8">
981-
<div className="bg-blue-50 p-3 rounded-lg border border-blue-100">
982-
<p className="text-sm text-slate-700">选择前端团队进行SPARE框架试点，建立基线指标，收集初步反馈</p>
983-
<span className="inline-block mt-2 px-2 py-0.5 text-xs bg-blue-100 text-blue-700 rounded">已完成</span>
984-
</div>
985-
</div>
986-
</div>
987-
988-
{/* 第二阶段 */}
989-
<div className="flex items-center mb-8 relative">
990-
<div className="w-1/2 pr-8 text-right">
991-
<div className="bg-green-50 p-3 rounded-lg border border-green-100">
992-
<p className="text-sm text-slate-700">推广至后端与平台团队，实施自动数据收集，集成CI/CD度量</p>
993-
<span className="inline-block mt-2 px-2 py-0.5 text-xs bg-green-100 text-green-700 rounded">进行中</span>
994-
</div>
995-
</div>
996-
<div className="absolute left-1/2 transform -translate-x-1/2 w-8 h-8 rounded-full bg-green-500 text-white font-bold flex items-center justify-center z-10">2</div>
997-
<div className="w-1/2 pl-8">
998-
<h6 className="font-medium text-green-700">Q3-Q4 2023</h6>
999-
<p className="text-sm text-slate-600">扩展与自动化</p>
1000-
</div>
1001-
</div>
1002-
1003-
{/* 第三阶段 */}
1004-
<div className="flex items-center relative">
1005-
<div className="w-1/2 pr-8 text-right">
1006-
<h6 className="font-medium text-purple-700">Q1-Q2 2024</h6>
1007-
<p className="text-sm text-slate-600">整合与战略优化</p>
1008-
</div>
1009-
<div className="absolute left-1/2 transform -translate-x-1/2 w-8 h-8 rounded-full bg-slate-300 text-white font-bold flex items-center justify-center z-10">3</div>
1010-
<div className="w-1/2 pl-8">
1011-
<div className="bg-slate-50 p-3 rounded-lg border border-slate-200">
1012-
<p className="text-sm text-slate-700">开发综合仪表板，与战略规划整合，开发组织级AI效能指数</p>
1013-
<span className="inline-block mt-2 px-2 py-0.5 text-xs bg-slate-200 text-slate-700 rounded">计划中</span>
1014-
</div>
1015-
</div>
1016-
</div>
1017-
</div>
1018-
</div>
1019-
1020-
{/* 实施计划资源与支持 */}
1021-
<div className="mt-8 bg-blue-50 p-4 rounded-lg border border-blue-100">
1022-
<h5 className="font-semibold text-blue-700 mb-3">实施支持资源</h5>
1023-
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
1024-
<div className="bg-white p-3 rounded-lg border border-blue-100 flex items-start">
1025-
<div className="bg-blue-100 p-2 rounded-lg mr-3">
1026-
<FileText className="h-5 w-5 text-blue-600" />
1027-
</div>
1028-
<div>
1029-
<h6 className="font-medium text-blue-700 mb-1">实施指南文档</h6>
1030-
<p className="text-xs text-slate-600">包含详细步骤、最佳实践与常见问题解答</p>
1031-
<a href="#" className="text-xs text-blue-600 hover:underline inline-flex items-center mt-1">
1032-
查看文档
1033-
<ExternalLink className="h-3 w-3 ml-1" />
1034-
</a>
1035-
</div>
1036-
</div>
1037-
1038-
<div className="bg-white p-3 rounded-lg border border-blue-100 flex items-start">
1039-
<div className="bg-green-100 p-2 rounded-lg mr-3">
1040-
<Users className="h-5 w-5 text-green-600" />
1041-
</div>
1042-
<div>
1043-
<h6 className="font-medium text-green-700 mb-1">专家咨询与培训</h6>
1044-
<p className="text-xs text-slate-600">SPARE专家团队提供实时支持与定制培训</p>
1045-
<a href="#" className="text-xs text-green-600 hover:underline inline-flex items-center mt-1">
1046-
预约咨询
1047-
<ExternalLink className="h-3 w-3 ml-1" />
1048-
</a>
1049-
</div>
1050-
</div>
1051-
1052-
<div className="bg-white p-3 rounded-lg border border-blue-100 flex items-start">
1053-
<div className="bg-purple-100 p-2 rounded-lg mr-3">
1054-
<Database className="h-5 w-5 text-purple-600" />
1055-
</div>
1056-
<div>
1057-
<h6 className="font-medium text-purple-700 mb-1">指标收集与分析工具</h6>
1058-
<p className="text-xs text-slate-600">用于自动收集与可视化SPARE指标的开源工具</p>
1059-
<a href="#" className="text-xs text-purple-600 hover:underline inline-flex items-center mt-1">
1060-
获取工具
1061-
<ExternalLink className="h-3 w-3 ml-1" />
1062-
</a>
1063-
</div>
1064-
</div>
1065-
</div>
1066-
</div>
1067-
</div>
1068891
</div>
1069892
);
1070893
};

0 commit comments

Comments
 (0)