登录页面

2026-07-12 15:17:54 +08:00
parent becf91da52
commit bfac6c6663
63 changed files with 4662 additions and 431 deletions
@@ -0,0 +1,56 @@
+import { useEffect, useState } from 'react';
+import { View, Text } from '@tarojs/components';
+import Taro, { useRouter } from '@tarojs/taro';
+import PageShell from '../../components/PageShell';
+import SubPageHeader from '../../components/SubPageHeader';
+import { toast } from '../../lib/api';
+
+export default function RedeemCodePage() {
+  const router = useRouter();
+  const amount = router.params.amount ?? '0';
+  const [seconds, setSeconds] = useState(180);
+  const code = `DK${String(Date.now()).slice(-8)}`;
+
+  useEffect(() => {
+    const timer = setInterval(() => {
+      setSeconds((s) => {
+        if (s <= 1) {
+          clearInterval(timer);
+          toast('核销码已过期');
+          return 0;
+        }
+        return s - 1;
+      });
+    }, 1000);
+    return () => clearInterval(timer);
+  }, []);
+
+  const mm = String(Math.floor(seconds / 60)).padStart(2, '0');
+  const ss = String(seconds % 60).padStart(2, '0');
+
+  return (
+    <PageShell variant="sub" className="redeem-code-page">
+      <SubPageHeader title="核销码" />
+      <View className="sub-page-body">
+        <View className="redeem-code-panel">
+          <Text className="u-muted">核销金额 ¥{Number(amount).toFixed(2)}</Text>
+          <Text className="redeem-code-value">{code}</Text>
+          <Text className="redeem-code-timer">剩余有效时间 {mm}:{ss}</Text>
+          <Text className="u-muted" style={{ display: 'block', marginTop: 16 }}>
+            请向门店店员出示此码完成核销
+          </Text>
+        </View>
+        <View
+          className="redeem-submit"
+          onClick={() =>
+            Taro.redirectTo({
+              url: `/pages/redeem-success/index?amount=${amount}`,
+            })
+          }
+        >
+          <Text>模拟核销成功</Text>
+        </View>
+      </View>
+    </PageShell>
+  );
+}