feat: audit diff, mock SMS 999888, env photos, proxy pay lock, mini-user UX

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/h5-partner/src/pages/ProxyOrderDetailPage.tsx

@@ -59,6 +59,7 @@ export default function ProxyOrderDetailPage() {
   const [payMethod, setPayMethod] = useState<ProxyPayMethod>('NATIVE');
   const [codeUrl, setCodeUrl] = useState<string | null>(null);
   const [qrDataUrl, setQrDataUrl] = useState<string | null>(null);
+  const [cancelling, setCancelling] = useState(false);
   const pollRef = useRef<number | null>(null);
 
   function stopPoll() {
@@ -77,7 +78,12 @@ export default function ProxyOrderDetailPage() {
   useEffect(() => {
     if (!id) return;
     void request<PartnerProxyOrderListItem>('PARTNER_H5', `/partner/proxy-orders/${id}`)
-      .then(setOrder)
+      .then((data) => {
+        setOrder(data);
+        if (data.proxyPayMethod) {
+          setPayMethod(data.proxyPayMethod);
+        }
+      })
       .catch((e) => setError(e instanceof Error ? e.message : '加载失败'));
   }, [id]);
 
@@ -129,6 +135,15 @@ export default function ProxyOrderDetailPage() {
 
   async function startPay(method: ProxyPayMethod) {
     if (!id) return;
+    const locked = order?.proxyPayMethod;
+    if (locked && locked !== method) {
+      setPayMsg(
+        locked === 'JSAPI'
+          ? '该订单已发起微信代付，请先取消支付后重新下单'
+          : '该订单已生成收款码，请先取消支付后重新下单',
+      );
+      return;
+    }
     setPaying(true);
     setPayMsg('');
     setPayMethod(method);
@@ -166,12 +181,14 @@ export default function ProxyOrderDetailPage() {
 
       if (pay.mode === 'native' && pay.codeUrl) {
         setCodeUrl(pay.codeUrl);
+        setOrder((prev) => (prev ? { ...prev, proxyPayMethod: method } : prev));
         startPoll(id);
         return;
       }
 
       if (pay.mode === 'jsapi' && pay.prepay) {
         setCodeUrl(null);
+        setOrder((prev) => (prev ? { ...prev, proxyPayMethod: method } : prev));
         await invokeWechatPay(pay.prepay, {
           apiBase: '/api/v1',
           clientApp: 'PARTNER_H5',
@@ -191,14 +208,27 @@ export default function ProxyOrderDetailPage() {
     }
   }
 
-  const autoPayStartedRef = useRef(false);
-  useEffect(() => {
-    if (!id || !unpaid || autoPayStartedRef.current) return;
-    autoPayStartedRef.current = true;
-    void startPay('NATIVE');
-    // 仅首次进入未支付详情时自动拉收款码
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [id, unpaid]);
+  async function cancelPay() {
+    if (!id) return;
+    setCancelling(true);
+    setPayMsg('');
+    stopPoll();
+    try {
+      await request('PARTNER_H5', `/partner/proxy-orders/${id}/cancel-pay`, {
+        method: 'POST',
+        body: '{}',
+      });
+      toastSuccess('已取消支付，可重新下单并选择其他支付方式');
+      navigate('/center/proxy-orders');
+    } catch (e) {
+      setPayMsg(e instanceof Error ? e.message : '取消失败');
+      toastError(e instanceof Error ? e.message : '取消失败');
+    } finally {
+      setCancelling(false);
+    }
+  }
+
+  const lockedPayMethod = order?.proxyPayMethod ?? null;
 
   const img = order?.imageResource?.url || '';
   const isOnSite = String(order?.deliveryType || '').toUpperCase() === 'ON_SITE_PICKUP';
@@ -285,6 +315,7 @@ export default function ProxyOrderDetailPage() {
                 <button
                   type="button"
                   className={`partner-proxy-mode-tab${payMethod === 'NATIVE' ? ' is-active' : ''}`}
+                  disabled={!!lockedPayMethod && lockedPayMethod !== 'NATIVE'}
                   onClick={() => void startPay('NATIVE')}
                 >
                   收款码
@@ -292,11 +323,21 @@ export default function ProxyOrderDetailPage() {
                 <button
                   type="button"
                   className={`partner-proxy-mode-tab${payMethod === 'JSAPI' ? ' is-active' : ''}`}
+                  disabled={!!lockedPayMethod && lockedPayMethod !== 'JSAPI'}
                   onClick={() => void startPay('JSAPI')}
                 >
                   微信代付
                 </button>
               </div>
+              {lockedPayMethod ? (
+                <p className="label-md text-muted" style={{ marginTop: 8 }}>
+                  已选择{lockedPayMethod === 'NATIVE' ? '收款码' : '微信代付'}，切换方式请先取消支付
+                </p>
+              ) : (
+                <p className="label-md text-muted" style={{ marginTop: 8 }}>
+                  请选择支付方式并点击下方按钮发起支付
+                </p>
+              )}
 
               {payMethod === 'NATIVE' ? (
                 <div style={{ textAlign: 'center', marginTop: 16 }}>
@@ -338,6 +379,16 @@ export default function ProxyOrderDetailPage() {
                   {payMsg}
                 </p>
               ) : null}
+
+              <button
+                type="button"
+                className="btn btn-block"
+                style={{ marginTop: 16 }}
+                disabled={cancelling || paying}
+                onClick={() => void cancelPay()}
+              >
+                {cancelling ? '取消中…' : '取消支付'}
+              </button>
             </section>
           ) : null}