修改AI创作可以再次编辑

2026-07-01 17:14:34 +08:00
parent cbe111548a
commit eb1ae69d84
5 changed files with 211 additions and 165 deletions
@@ -1400,9 +1400,10 @@ async def admin_list_generation_records(
 ):
    """List all generation records across all users, with optional filters."""
    query = (
-        select(GenerationRecord, User.username, Project.name, Project.industry)
+        select(GenerationRecord, User.username, Project.name, Project.industry, IndustryConfig.label)
        .join(User, GenerationRecord.user_id == User.id)
        .join(Project, GenerationRecord.project_id == Project.id)
+        .outerjoin(IndustryConfig, Project.industry == IndustryConfig.key)
        .where(GenerationRecord.deleted_at.is_(None), Project.deleted_at.is_(None))
        .order_by(GenerationRecord.created_at.desc())
    )
@@ -1427,7 +1428,7 @@ async def admin_list_generation_records(
    rows = result.all()

    items = []
-    for record, username, project_name, industry in rows:
+    for record, username, project_name, industry, industry_label in rows:
        refs = None
        if record.media_references:
            try:
@@ -1440,7 +1441,7 @@ async def admin_list_generation_records(
            "username": username,
            "project_id": record.project_id,
            "project_name": project_name,
-            "industry": industry,
+            "industry": industry_label or industry,
            "original_prompt": record.original_prompt,
            "optimized_prompt": record.optimized_prompt,
            "duration": record.duration,
@@ -28,7 +28,7 @@
        }
      })();
    </script>
-    <script type="module" crossorigin src="/assets/index-BsNc32TJ.js"></script>
+    <script type="module" crossorigin src="/assets/index-B7ziiqGo.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-BhPFzWLH.css">
  </head>
  <body>
@@ -1177,15 +1177,106 @@ const AppLayout: React.FC = () => {

      <Modal title={<Space><GiftOutlined />积分充值</Space>} open={rechargeModalOpen}
        onCancel={() => { setRechargeModalOpen(false); setSelectedPlan(null); }}
-        footer={null} width={680}
+        width={680}
        className="recharge-modal"
-        styles={{ body: { maxHeight: '70vh', overflowY: 'auto' } }}>
+        footer={
+          <div style={{ display: 'flex', justifyContent: 'flex-end', padding: '12px 0 0', borderTop: '1px solid #f0f0f0' }}>
+            <Button size="large" onClick={() => { setRechargeModalOpen(false); setSelectedPlan(null); }} style={{ borderRadius: 10, marginRight: 12 }}>取消</Button>
+            <Button type="primary" size="large" disabled={!selectedPlan || (!enabledMethods.alipay && !enabledMethods.wechat)} loading={paying}
+              onClick={async () => {
+                const plan = rechargeOptions.find((opt: any) => opt.id === selectedPlan);
+                if (!plan) return;
+                const totalCredits = (plan.credits || 0) + (plan.bonus_credits || plan.bonusCredits || 0);
+                try {
+                  setPaying(true);
+                  const order = await createRechargeOrder(plan.id, paymentMethod);
+                  const qrCode = order.qrUrl || order.codeUrl || order.qr_code || order.code_url;
+                  if ((order.paymentMethod === 'alipay' || order.paymentMethod === 'wechat') && qrCode) {
+                    const paymentInfo = {
+                      price: plan.price,
+                      credits: totalCredits,
+                      qrCode: qrCode,
+                      method: order.paymentMethod,
+                    };
+                    setCurrentPaymentInfo(paymentInfo);
+                    setRechargeModalOpen(false);
+                    setQrCodeModalOpen(true);
+                    currentOrderNoRef.current = order.orderNo;
+
+                    localStorage.setItem(PENDING_ORDER_KEY, JSON.stringify({
+                      orderNo: order.orderNo,
+                      price: plan.price,
+                      credits: totalCredits,
+                      qrCode: qrCode,
+                      method: order.paymentMethod,
+                      createdAt: order.createdAt || new Date().toISOString(),
+                      timeoutSeconds: 180,
+                    }));
+
+                    startPolling(order.orderNo);
+                  } else {
+                    message.success('充值成功！积分已到账');
+                    useAuthStore.getState().refreshUser();
+                    setRechargeModalOpen(false);
+                    setSelectedPlan(null);
+                  }
+                } catch (err: any) {
+                  message.error(err?.message || '创建订单失败，请重试');
+                } finally {
+                  setPaying(false);
+                }
+              }}
+              style={{
+                borderRadius: 10, fontWeight: 600,
+                background: selectedPlan ? 'linear-gradient(135deg, #6366f1, #8b5cf6)' : '#d1d5db',
+                border: 'none', boxShadow: selectedPlan ? '0 8px 24px rgba(99,102,241,0.3)' : 'none',
+              }}>
+              确认充值
+            </Button>
+          </div>
+        }>
        <div style={{ marginTop: 16 }}>
          <Space style={{ marginBottom: 16 }}>
            <WalletOutlined style={{ color: '#6366f1' }} />
            <Typography.Text style={{ color: '#64748b', letterSpacing: 0 }}>当前积分余额</Typography.Text>
            <Typography.Text strong style={{ color: '#6366f1', fontSize: 20, fontWeight: 600 }}>{user?.credits ?? 0}</Typography.Text>
          </Space>
+
+          {(!enabledMethods.alipay && !enabledMethods.wechat) ? (
+            <div style={{ marginBottom: 16, padding: 16, background: '#fef2f2', borderRadius: 12, border: '1px solid #fecaca' }}>
+              <Typography.Text style={{ color: '#dc2626', fontSize: 13 }}>
+                ⚠️ 暂无可用的支付方式，请联系管理员开启支付功能
+              </Typography.Text>
+            </div>
+          ) : (
+            <div style={{ marginBottom: 16 }}>
+              <Typography.Text style={{ color: '#64748b', fontSize: 13, marginBottom: 8, display: 'block' }}>选择支付方式</Typography.Text>
+              <Radio.Group value={paymentMethod} onChange={(e) => setPaymentMethod(e.target.value)}
+                style={{ display: 'flex', gap: 12 }}>
+                {enabledMethods.alipay && (
+                  <Radio.Button value="alipay" style={{
+                    flex: 1, textAlign: 'center', borderRadius: 10, height: 44, lineHeight: '42px',
+                    borderColor: paymentMethod === 'alipay' ? '#1677ff' : undefined,
+                    color: paymentMethod === 'alipay' ? '#1677ff' : undefined,
+                  }}>
+                    <AlipayCircleOutlined style={{ fontSize: 16, marginRight: 6 }} />
+                    支付宝
+                  </Radio.Button>
+                )}
+                {enabledMethods.wechat && (
+                  <Radio.Button value="wechat" style={{
+                    flex: 1, textAlign: 'center', borderRadius: 10, height: 44, lineHeight: '42px',
+                    borderColor: paymentMethod === 'wechat' ? '#07c160' : undefined,
+                    color: paymentMethod === 'wechat' ? '#07c160' : undefined,
+                  }}>
+                    <WechatOutlined style={{ fontSize: 16, marginRight: 6 }} />
+                    微信支付
+                  </Radio.Button>
+                )}
+              </Radio.Group>
+            </div>
+          )}
+
          <div style={{
            padding: '12px 16px',
            background: 'rgba(99, 102, 241, 0.06)',
@@ -1243,96 +1334,6 @@ const AppLayout: React.FC = () => {
              );
            })}
          </div>
-
-          {(!enabledMethods.alipay && !enabledMethods.wechat) ? (
-            <div style={{ marginTop: 20, marginBottom: 8, padding: 16, background: '#fef2f2', borderRadius: 12, border: '1px solid #fecaca' }}>
-              <Typography.Text style={{ color: '#dc2626', fontSize: 13 }}>
-                ⚠️ 暂无可用的支付方式，请联系管理员开启支付功能
-              </Typography.Text>
-            </div>
-          ) : (
-            <div style={{ marginTop: 20, marginBottom: 8 }}>
-              <Typography.Text style={{ color: '#64748b', fontSize: 13, marginBottom: 8, display: 'block' }}>选择支付方式</Typography.Text>
-              <Radio.Group value={paymentMethod} onChange={(e) => setPaymentMethod(e.target.value)}
-                style={{ display: 'flex', gap: 12 }}>
-                {enabledMethods.alipay && (
-                  <Radio.Button value="alipay" style={{
-                    flex: 1, textAlign: 'center', borderRadius: 10, height: 44, lineHeight: '42px',
-                    borderColor: paymentMethod === 'alipay' ? '#1677ff' : undefined,
-                    color: paymentMethod === 'alipay' ? '#1677ff' : undefined,
-                  }}>
-                    <AlipayCircleOutlined style={{ fontSize: 16, marginRight: 6 }} />
-                    支付宝
-                  </Radio.Button>
-                )}
-                {enabledMethods.wechat && (
-                  <Radio.Button value="wechat" style={{
-                    flex: 1, textAlign: 'center', borderRadius: 10, height: 44, lineHeight: '42px',
-                    borderColor: paymentMethod === 'wechat' ? '#07c160' : undefined,
-                    color: paymentMethod === 'wechat' ? '#07c160' : undefined,
-                  }}>
-                    <WechatOutlined style={{ fontSize: 16, marginRight: 6 }} />
-                    微信支付
-                  </Radio.Button>
-                )}
-              </Radio.Group>
-            </div>
-          )}
-
-          <div style={{ marginTop: 16, display: 'flex', justifyContent: 'flex-end' }}>
-            <Button size="large" onClick={() => { setRechargeModalOpen(false); setSelectedPlan(null); }} style={{ borderRadius: 10, marginRight: 12 }}>取消</Button>
-            <Button type="primary" size="large" disabled={!selectedPlan || (!enabledMethods.alipay && !enabledMethods.wechat)} loading={paying}
-              onClick={async () => {
-                const plan = rechargeOptions.find((opt: any) => opt.id === selectedPlan);
-                if (!plan) return;
-                const totalCredits = (plan.credits || 0) + (plan.bonus_credits || plan.bonusCredits || 0);
-                try {
-                  setPaying(true);
-                  const order = await createRechargeOrder(plan.id, paymentMethod);
-                  const qrCode = order.qrUrl || order.codeUrl || order.qr_code || order.code_url;
-                  if ((order.paymentMethod === 'alipay' || order.paymentMethod === 'wechat') && qrCode) {
-                    const paymentInfo = {
-                      price: plan.price,
-                      credits: totalCredits,
-                      qrCode: qrCode,
-                      method: order.paymentMethod,
-                    };
-                    setCurrentPaymentInfo(paymentInfo);
-                    setRechargeModalOpen(false);
-                    setQrCodeModalOpen(true);
-                    currentOrderNoRef.current = order.orderNo;
-
-                    localStorage.setItem(PENDING_ORDER_KEY, JSON.stringify({
-                      orderNo: order.orderNo,
-                      price: plan.price,
-                      credits: totalCredits,
-                      qrCode: qrCode,
-                      method: order.paymentMethod,
-                      createdAt: order.createdAt || new Date().toISOString(),
-                      timeoutSeconds: 180,
-                    }));
-
-                    startPolling(order.orderNo);
-                  } else {
-                    message.success('充值成功！积分已到账');
-                    useAuthStore.getState().refreshUser();
-                    setRechargeModalOpen(false);
-                    setSelectedPlan(null);
-                  }
-                } catch (err: any) {
-                  message.error(err?.message || '创建订单失败，请重试');
-                } finally {
-                  setPaying(false);
-                }
-              }}
-              style={{
-                borderRadius: 10, fontWeight: 600,
-                background: selectedPlan ? 'linear-gradient(135deg, #6366f1, #8b5cf6)' : '#d1d5db',
-                border: 'none', boxShadow: selectedPlan ? '0 8px 24px rgba(99,102,241,0.3)' : 'none',
-              }}>
-              确认充值
-            </Button>
-          </div>
        </div>
      </Modal>

@@ -46,6 +46,7 @@ import {
  LayoutOutlined,
  ArrowUpOutlined,
  DownloadOutlined,
+  ReloadOutlined,

 } from '@ant-design/icons';

@@ -178,10 +179,10 @@ const AIChatPage: React.FC = () => {
    return media.map((m) => {
      if (m.type === 'image') {
        imgCount++;
-        return `图片${numberToChinese(imgCount)}`;
+        return `图片${imgCount}`;
      } else {
        vidCount++;
-        return `视频${numberToChinese(vidCount)}`;
+        return `视频${vidCount}`;
      }
    });
  };
@@ -1274,8 +1275,55 @@ const AIChatPage: React.FC = () => {
                              {msg.genType === 'image' ? '图片生成' : '视频生成'}
                            </span>
                          </div>
-                          {/* 删除按钮 - 右上角 */}
+                          {/* 附件详情 - 右上角 */}
+                          {msg.mediaReferences && msg.mediaReferences.length > 0 && (
                            <div style={{ position: 'absolute', top: 8, right: 8, zIndex: 100 }}>
+                              <span style={{ padding: '4px 12px', borderRadius: 16, color: '#6366f1', cursor: 'pointer', fontWeight: 500, border: '1px solid rgba(99, 102, 241, 0.2)', background: 'rgba(99, 102, 241, 0.04)' }} onClick={(e) => { e.stopPropagation(); const target = e.currentTarget as HTMLElement; const rect = target.getBoundingClientRect(); setAttachmentPopupPosition({ x: rect.left, y: rect.top - 10 }); setAttachmentPopupMessageId(msg.id); setAttachmentPopupVisible(true); }}>附件详情</span>
+                            </div>
+                          )}
+                          {/* 操作按钮 - 右下角 */}
+                          <div style={{ position: 'absolute', bottom: 8, right: 8, zIndex: 100, display: 'flex', gap: 6 }}>
+                            <button
+                              onClick={(e) => {
+                                e.stopPropagation();
+                                setInputValue(msg.originalPrompt || '');
+                                if (msg.mediaReferences && msg.mediaReferences.length > 0) {
+                                  setCurrentMedia(msg.mediaReferences.map((ref: any) => ({
+                                    name: ref.name,
+                                    type: ref.type,
+                                    url: ref.url,
+                                    label: ref.label || '',
+                                  })));
+                                } else {
+                                  setCurrentMedia([]);
+                                }
+                                msgApi.success('已加载到编辑区');
+                              }}
+                              style={{
+                                height: 28,
+                                padding: '0 10px',
+                                borderRadius: 8,
+                                border: 'none',
+                                background: 'rgba(99, 102, 241, 0.08)',
+                                color: '#6366f1',
+                                cursor: 'pointer',
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                                transition: 'all 0.2s ease',
+                                gap: 4,
+                                fontSize: 12,
+                              }}
+                              onMouseEnter={(e) => {
+                                e.currentTarget.style.background = 'rgba(99, 102, 241, 0.15)';
+                              }}
+                              onMouseLeave={(e) => {
+                                e.currentTarget.style.background = 'rgba(99, 102, 241, 0.08)';
+                              }}
+                            >
+                              <ReloadOutlined style={{ fontSize: 12 }} />
+                              重新编辑
+                            </button>
                            <Popconfirm
                              title="确定要删除吗？"
                              onConfirm={async () => {
@@ -1297,8 +1345,8 @@ const AIChatPage: React.FC = () => {
                              <button
                                onClick={(e) => e.stopPropagation()}
                                style={{
-                                  width: 28,
                                  height: 28,
+                                  padding: '0 10px',
                                  borderRadius: 8,
                                  border: 'none',
                                  background: 'rgba(99, 102, 241, 0.08)',
@@ -1308,7 +1356,8 @@ const AIChatPage: React.FC = () => {
                                  alignItems: 'center',
                                  justifyContent: 'center',
                                  transition: 'all 0.2s ease',
-                                  padding: 0,
+                                  gap: 4,
+                                  fontSize: 12,
                                }}
                                onMouseEnter={(e) => {
                                  e.currentTarget.style.background = 'rgba(239, 68, 68, 0.1)';
@@ -1320,9 +1369,9 @@ const AIChatPage: React.FC = () => {
                                }}
                              >
                                <DeleteOutlined style={{ fontSize: 12 }} />
+                                删除
                              </button>
                            </Popconfirm>
-
                          </div>

                          {/* 文本内容 */}
@@ -1449,11 +1498,6 @@ const AIChatPage: React.FC = () => {
                            </div>
                            
                          )}
-                          <div style={{ textAlign: 'right' }}>
-                                  {msg.mediaReferences && msg.mediaReferences.length > 0 && (
-                                    <span style={{ padding: '4px 12px', borderRadius: 16, color: '#6366f1', cursor: 'pointer', fontWeight: 500, border: '1px solid rgba(99, 102, 241, 0.2)', background: 'rgba(99, 102, 241, 0.04)' }} onClick={(e) => { e.stopPropagation(); const target = e.currentTarget as HTMLElement; const rect = target.getBoundingClientRect(); setAttachmentPopupPosition({ x: rect.left, y: rect.top - 10 }); setAttachmentPopupMessageId(msg.id); setAttachmentPopupVisible(true); }}>附件详情</span>
-                                  )}
-                                </div>
                        </div>