发布商品，商品图片使用oss服务器地址

apps/h5-user/src/pages/RedeemCodePage.tsx

@@ -1,3 +1,4 @@
+import { useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import PageHeader from '@dukang/shared-ui/PageHeader';
 
@@ -5,6 +6,19 @@ export default function RedeemCodePage() {
   const navigate = useNavigate();
   const token = sessionStorage.getItem('redeemToken') || '';
   const amount = sessionStorage.getItem('redeemAmount') || '0';
+  const [secondsLeft, setSecondsLeft] = useState(300);
+
+  useEffect(() => {
+    const expireAt = sessionStorage.getItem('redeemExpireAt');
+    if (!expireAt) return;
+    const tick = () => {
+      const left = Math.max(0, Math.floor((new Date(expireAt).getTime() - Date.now()) / 1000));
+      setSecondsLeft(left);
+    };
+    tick();
+    const id = window.setInterval(tick, 1000);
+    return () => window.clearInterval(id);
+  }, []);
 
   return (
     <div className="page-no-tab" style={{ textAlign: 'center' }}>
@@ -14,10 +28,14 @@ export default function RedeemCodePage() {
         <div className="label-md text-muted">核销金额</div>
         <div className="amount-xl" style={{ margin: '8px 0 24px' }}>¥{amount}</div>
         <div className="code-box">{token}</div>
-        <p className="label-md text-muted" style={{ marginTop: 16 }}>5 分钟内有效</p>
+        <p className="label-md text-muted" style={{ marginTop: 16 }}>
+          {secondsLeft > 0 ? `${secondsLeft} 秒后过期` : '已过期，请重新生成'}
+        </p>
       </div>
       <div className="page-actions">
-        <button type="button" className="btn btn-outline btn-block" onClick={() => navigate('/redeem/success')}>模拟核销完成</button>
+        <button type="button" className="btn btn-outline btn-block" onClick={() => navigate('/benefit')}>
+          返回权益页
+        </button>
       </div>
     </div>
   );