chore: 全站改为免费+联盟模式，原支付保留备用

- 课程详情页下架付费购买与扫码支付弹窗 - 首页/能力导览文案购买→免费使用 - 付费面(会员/技能广场/用量包/课程)均已免费化，原 orders/payment 模块保留后端备用
2026-07-11 17:08:32 +08:00
parent 00a3904eba
commit 8f13604e0e
5 changed files with 9 additions and 79 deletions
@@ -41,6 +41,8 @@
 | 技能广场 | `marketplace/page.tsx` | 所有 Skill 免费开放，下架付费购买与 PaymentModal |
 | 用量包 | `practices/packages/page.tsx` | 下架付费用量包，仅展示免费配额 + 赞助入口 |
 | 沙箱 | `sandbox/page.tsx` | 用量耗尽提示改为引导至 /donate 赞助 |
+| 课程详情 | `courses/[id]/client.tsx` | 下架付费购买按钮与微信扫码支付弹窗，全部免费开放 |
+| 首页/能力导览 | `page.tsx` / `models.*` | 文案由"购买即用"改为"免费使用" |
 | 导航/页脚 | `header.tsx` / `footer.tsx` | 新增「赞助」「联盟返佣」入口 |
 | i18n | `zh.ts` / `en.ts` | 新增 `donate.*`、导航 `affiliate`/`donate`、说明文案 |

@@ -5,7 +5,7 @@ import { useParams } from 'next/navigation';
 import Link from 'next/link';
 import { Skeleton } from '@/components/ui/skeleton';
 import { API_BASE } from '@/lib/config';
-import { BookOpen, AlertTriangle, Menu, ChevronLeft, X } from 'lucide-react';
+import { BookOpen, AlertTriangle, Menu, ChevronLeft } from 'lucide-react';

 interface Lesson {
  id: number; title: string; content?: string; sortOrder: number; status: string;
@@ -33,39 +33,6 @@ function LoadingSkeleton() {
  );
 }

-function PayModal({ paying, qrCodeUrl, onClose }: { paying: boolean; qrCodeUrl: string; onClose: () => void }) {
-  if (!paying) return null;
-  return (
-    <div className="fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4">
-      <div className="bg-card rounded-2xl p-8 max-w-md w-full text-center shadow-xl border border-border">
-        <div className="flex items-center justify-between mb-4">
-          <h3 className="text-lg font-semibold text-foreground">扫码支付</h3>
-          <button onClick={onClose} className="p-1 rounded-lg hover:bg-muted">
-            <X className="w-5 h-5 text-muted-foreground" />
-          </button>
-        </div>
-        {qrCodeUrl ? (
-          <>
-            <div className="bg-muted/50 rounded-xl p-6 mb-4 inline-block">
-              <img
-                src={`https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(qrCodeUrl)}`}
-                alt="支付二维码"
-                className="rounded-lg"
-              />
-            </div>
-            <p className="text-sm text-muted-foreground mb-4">请使用微信扫描二维码完成支付</p>
-          </>
-        ) : (
-          <div className="py-12">
-            <div className="w-10 h-10 border-2 border-brand-600 border-t-transparent rounded-full animate-spin mx-auto mb-4" />
-            <p className="text-sm text-muted-foreground">正在生成支付二维码...</p>
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}
-
 export default function CourseDetailClient() {
  const params = useParams();
  const [course, setCourse] = useState<Course | null>(null);
@@ -73,8 +40,6 @@ export default function CourseDetailClient() {
  const [error, setError] = useState('');
  const [activeLesson, setActiveLesson] = useState<Lesson | null>(null);
  const [sidebarOpen, setSidebarOpen] = useState(true);
-  const [paying, setPaying] = useState(false);
-  const [qrCodeUrl, setQrCodeUrl] = useState('');

  useEffect(() => {
    if (!params.id) return;
@@ -107,11 +72,6 @@ export default function CourseDetailClient() {

  return (
    <>
-      <PayModal
-        paying={paying}
-        qrCodeUrl={qrCodeUrl}
-        onClose={() => { setPaying(false); setQrCodeUrl(''); }}
-      />

      <div className="flex h-[calc(100vh-4rem)] max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        {/* Sidebar */}
@@ -185,41 +145,9 @@ export default function CourseDetailClient() {
            </div>

            <div className="flex items-center gap-2 text-xs text-muted-foreground shrink-0">
-              {course.isFree ? (
-                <span className="bg-green-100 dark:bg-green-950/30 text-green-700 dark:text-green-400 px-2 py-0.5 rounded font-medium">
-                  免费
-                </span>
-              ) : (
-                <>
-                  <span className="bg-brand-100 dark:bg-brand-950/30 text-brand-700 dark:text-brand-400 px-2 py-0.5 rounded font-medium">
-                    ¥{course.price}
-                  </span>
-                  <button
-                    onClick={async () => {
-                      setPaying(true);
-                      try {
-                        const res = await fetch(`${API_BASE}/payment/wxpay/unified-order`, {
-                          method: 'POST',
-                          headers: { 'Content-Type': 'application/json' },
-                          body: JSON.stringify({
-                            description: course.title,
-                            outTradeNo: `COURSE_${course.id}_${Date.now()}`,
-                            amount: course.price,
-                            tradeType: 'NATIVE',
-                          }),
-                        });
-                        const data = await res.json();
-                        if (data.codeUrl) {
-                          setQrCodeUrl(data.codeUrl);
-                        }
-                      } catch {}
-                    }}
-                    className="px-3 py-1 bg-brand-600 text-white text-xs rounded-lg hover:bg-brand-700 transition-colors font-medium"
-                  >
-                    立即购买
-                  </button>
-                </>
-              )}
+              <span className="bg-green-100 dark:bg-green-950/30 text-green-700 dark:text-green-400 px-2 py-0.5 rounded font-medium">
+                免费
+              </span>
              {course.category && (
                <span className="bg-muted px-2 py-0.5 rounded">{course.category.name}</span>
              )}
@@ -234,7 +234,7 @@ export default function HomePage() {
              { icon: BarChart3, title: '数据分析', desc: '分析数据、生成图表、洞察趋势，让数据说话', href: '/sandbox', cta: '打开沙盒' },
              { icon: FileText, title: '提示词工程', desc: '学习编写高效提示词，掌握与 AI 沟通的最佳实践', href: '/prompts', cta: '浏览提示词库' },
              { icon: GraduationCap, title: '技能实战', desc: '在真实场景中练习 AI 技能，获得即时评分反馈', href: '/practices', cta: '开始练习' },
-              { icon: Puzzle, title: '工作流技能', desc: '购买即用的 AI 工作流技能，解决具体业务问题', href: '/marketplace', cta: '前往技能广场' },
+              { icon: Puzzle, title: '工作流技能', desc: '免费使用的 AI 工作流技能，解决具体业务问题', href: '/marketplace', cta: '前往技能广场' },
            ].map((item) => {
              const Icon = item.icon;
              return (
@@ -20,7 +20,7 @@ const en: Translations = {
  circles: { title: 'Circles', desc: 'Topic-based discussion groups', empty: 'No circles yet', back: 'Back to Discover', members: 'members', posts: 'posts' },
  brand: { name: 'Yuzhiran', suffix: 'AI' },
  footer: { tagline: 'Empowering Everyone to Master AI', explore: 'Explore', about: 'About', aboutUs: 'About Us', privacy: 'Privacy Policy', terms: 'Terms of Service', aiAgreement: 'AI Service Agreement', contact: 'Contact', copyright: '© {year} Yuzhiran Technology Center. All rights reserved.', models: 'Capabilities', aiTools: 'AI Tools', articles: 'Articles', skills: 'Skills' },
-  models: { title: 'AI Capabilities Guide', desc: 'Discover what AI can do for you — from conversations to coding, find your perfect use case', capChat: 'Chat & Writing', capChatDesc: 'Chat with AI for ideas, copywriting, translation, and more', capCode: 'Coding Assistant', capCodeDesc: 'Generate code, debug errors, explain algorithms — your coding partner', capData: 'Data Analysis', capDataDesc: 'Analyze data, generate charts, uncover trends — let data speak', capPrompt: 'Prompt Engineering', capPromptDesc: 'Learn to write effective prompts, master AI communication', capPractice: 'Skill Practice', capPracticeDesc: 'Practice AI skills in real scenarios with instant scoring feedback', capMarketplace: 'Workflow Skills', capMarketplaceDesc: 'Buy ready-to-use AI workflow skills for specific business problems', goSandbox: 'Open Sandbox', goPrompts: 'Browse Prompts', goPractice: 'Start Practice', goMarketplace: 'Go to Marketplace' },
+  models: { title: 'AI Capabilities Guide', desc: 'Discover what AI can do for you — from conversations to coding, find your perfect use case', capChat: 'Chat & Writing', capChatDesc: 'Chat with AI for ideas, copywriting, translation, and more', capCode: 'Coding Assistant', capCodeDesc: 'Generate code, debug errors, explain algorithms — your coding partner', capData: 'Data Analysis', capDataDesc: 'Analyze data, generate charts, uncover trends — let data speak', capPrompt: 'Prompt Engineering', capPromptDesc: 'Learn to write effective prompts, master AI communication', capPractice: 'Skill Practice', capPracticeDesc: 'Practice AI skills in real scenarios with instant scoring feedback', capMarketplace: 'Workflow Skills', capMarketplaceDesc: 'Free ready-to-use AI workflow skills for specific business problems', goSandbox: 'Open Sandbox', goPrompts: 'Browse Prompts', goPractice: 'Start Practice', goMarketplace: 'Go to Marketplace' },
  error: { title: 'Something went wrong', desc: 'Page failed to load. Please try again.', reload: 'Reload' },
  notFound: { title: '404', desc: 'Page not found', backToHome: 'Back to Home' },
  share: { missingToken: 'Missing share token', invalidLink: 'Invalid share link', notAvailable: 'Shared content not available', expired: 'This share link may have expired', goToSandbox: 'Go to AI Sandbox', backToSandbox: 'AI Sandbox', modelInfo: 'Model: {model} · {date}' },
@@ -18,7 +18,7 @@ const zh = {
  circles: { title: '圈子', desc: '按领域划分的垂直讨论区', empty: '暂无圈子', back: '返回发现', members: '人', posts: '帖' },
  brand: { name: '宇之然', suffix: 'AI' },
  footer: { tagline: '让每个人都能用好 AI', explore: '探索', about: '关于', aboutUs: '关于我们', privacy: '隐私政策', terms: '服务协议', aiAgreement: 'AI 服务协议', contact: '联系方式', copyright: '© {year} 北京宇之然科技中心 版权所有', models: '能力导览', aiTools: 'AI 工具', articles: '文章', skills: '技能' },
-  models: { title: 'AI 能力导览', desc: '探索 AI 能为你做什么，从对话写作到编程实战，找到适合你的场景', capChat: '对话写作', capChatDesc: '与 AI 进行自然对话，获取灵感、润色文案、翻译语言', capCode: '编程辅助', capCodeDesc: '生成代码、调试错误、解释算法，你的随身编程搭档', capData: '数据分析', capDataDesc: '分析数据、生成图表、洞察趋势，让数据说话', capPrompt: '提示词工程', capPromptDesc: '学习编写高效提示词，掌握与 AI 沟通的最佳实践', capPractice: '技能实战', capPracticeDesc: '在真实场景中练习 AI 技能，获得即时评分反馈', capMarketplace: '工作流技能', capMarketplaceDesc: '购买即用的 AI 工作流技能，解决具体业务问题', goSandbox: '打开沙盒', goPrompts: '浏览提示词库', goPractice: '开始练习', goMarketplace: '前往技能广场' },
+  models: { title: 'AI 能力导览', desc: '探索 AI 能为你做什么，从对话写作到编程实战，找到适合你的场景', capChat: '对话写作', capChatDesc: '与 AI 进行自然对话，获取灵感、润色文案、翻译语言', capCode: '编程辅助', capCodeDesc: '生成代码、调试错误、解释算法，你的随身编程搭档', capData: '数据分析', capDataDesc: '分析数据、生成图表、洞察趋势，让数据说话', capPrompt: '提示词工程', capPromptDesc: '学习编写高效提示词，掌握与 AI 沟通的最佳实践', capPractice: '技能实战', capPracticeDesc: '在真实场景中练习 AI 技能，获得即时评分反馈', capMarketplace: '工作流技能', capMarketplaceDesc: '免费使用的 AI 工作流技能，解决具体业务问题', goSandbox: '打开沙盒', goPrompts: '浏览提示词库', goPractice: '开始练习', goMarketplace: '前往技能广场' },
  error: { title: '出错了', desc: '页面加载失败，请稍后重试', reload: '重新加载' },
  notFound: { title: '404', desc: '页面未找到', backToHome: '返回首页' },
  share: { missingToken: '缺少分享参数', invalidLink: '分享链接无效', notAvailable: '分享内容不可用', expired: '该分享链接可能已过期或不存在', goToSandbox: '前往 AI 沙盒', backToSandbox: 'AI 沙盒', modelInfo: '模型: {model} · {date}' },