Merge pull request '删除微信支付' (#42) from feat-20240118 into main

Reviewed-on: https://git.wishpal.cn/wishpal_ironfan/tiefen_space_web/pulls/42

app/pay/page.jsx

@@ -128,6 +128,28 @@ export default function Pay() {
     }
   };
 
+  //跳转联系客服
+  const handleContact = () => {
+    if (navigator.userAgent.includes("FromWebview")) {
+      window.ReactNativeWebView.postMessage(
+        JSON.stringify({
+          type: "NAVIGATE",
+          data: {
+            page: "MessageDetail",
+            params: {
+              mid: 1,
+            },
+          },
+        })
+      );
+    } else {
+      Toast.show({
+        content: "请下载app联系客服充值",
+      });
+    }
+    document.getElementById("manual_pay_modal").close();
+  };
+
   const PriceItem = ({ item }) => {
     const handleClickPrice = (item) => {
       setSelectedPrice(item);
@@ -254,7 +276,7 @@ export default function Pay() {
           <div className="basis-1/2 px-2">
             <button
               onClick={() => createOrder("alipay_h5")}
-              className="flex flex-row w-full items-center justify-center bg-primary rounded-full py-2"
+              className="flex flex-row h-12 w-full items-center justify-center bg-primary rounded-full py-2"
             >
               <svg viewBox="0 0 1024 1024" width="18" height="18">
                 <path
@@ -267,20 +289,39 @@ export default function Pay() {
           </div>
           <div className="basis-1/2 px-2">
             <button
-              onClick={() => createOrder("wxpay_native")}
+              onClick={() =>
-              className="flex flex-row w-full items-center justify-center bg-primary rounded-full py-2"
+                document.getElementById("manual_pay_modal").showModal()
+              }
+              className="flex flex-row h-12 w-full items-center justify-center bg-[#2E2E2E] rounded-full py-2"
             >
-              <svg viewBox="0 0 1228 1024" width="18" height="18">
+              <p className="text-white text-base ml-1">人工充值</p>
-                <path
-                  d="M530.8928 703.1296a41.472 41.472 0 0 1-35.7376-19.8144l-2.7136-5.5808L278.272 394.752a18.7392 18.7392 0 0 1-2.048-8.1408 19.968 19.968 0 0 1 20.48-19.3536c4.608 0 8.8576 1.4336 12.288 3.84l234.3936 139.9296a64.4096 64.4096 0 0 0 54.528 5.9392L1116.2624 204.8C1004.9536 80.896 821.76 0 614.4 0 275.0464 0 0 216.576 0 483.6352c0 145.7152 82.7392 276.8896 212.2752 365.5168a38.1952 38.1952 0 0 1 17.2032 31.488 44.4928 44.4928 0 0 1-2.1504 12.3904l-27.6992 97.4848c-1.3312 4.608-3.328 9.3696-3.328 14.1312 0 10.752 9.216 19.3536 20.48 19.3536 4.4032 0 8.0384-1.536 11.776-3.584l134.5536-73.3184c10.1376-5.5296 20.7872-8.96 32.6144-8.96 6.2976 0 12.288 0.9216 18.0736 2.5088 62.72 17.0496 130.4576 26.5728 200.5504 26.5728C953.7024 967.168 1228.8 750.592 1228.8 483.6352c0-80.9472-25.4464-157.1328-70.0416-224.1024l-604.9792 436.992-4.4544 2.4064a42.1376 42.1376 0 0 1-18.432 4.1984z"
-                  fill="#FFFFFF"
-                ></path>
-              </svg>
-              <p className="text-white text-base ml-1">微信支付</p>
             </button>
           </div>
         </div>
       </div>
+      <dialog id="manual_pay_modal" className="modal">
+        <div className="modal-box bg-[#13121F]">
+          <h3 className="font-semibold text-xl text-white text-center">
+            人工充值
+          </h3>
+          <p className="text-secondary text-base font-medium">
+            请联系人工客服进行充值，单笔金额不低于500人民币
+          </p>
+          <div className="flex flex-row">
+            <button
+              onClick={handleContact}
+              className="flex flex-row flex-1 mx-2 items-center justify-center bg-[#FF669E] rounded-lg py-2 mt-4"
+            >
+              <p className="text-white text-base ml-1">联系客服</p>
+            </button>
+            <form method="dialog" className="flex flex-row flex-1 mx-2">
+              <button className="flex flex-row flex-1 items-center justify-center border border-secondary rounded-lg py-2 mt-4">
+                <p className="text-secondary text-base ml-1">取消</p>
+              </button>
+            </form>
+          </div>
+        </div>
+      </dialog>
     </section>
   );
 }

app/vip/page.jsx

@@ -88,7 +88,6 @@ export default function Vip() {
         }
       );
       const data = await response.json();
-      console.log(data);
       if (data.ret === -1) {
         Toast.show({
           content: data.msg,
@@ -115,6 +114,27 @@ export default function Vip() {
     }
   };
 
+  //跳转联系客服
+  const handleContact = () => {
+    if (navigator.userAgent.includes("FromWebview")) {
+      window.ReactNativeWebView.postMessage(
+        JSON.stringify({
+          type: "NAVIGATE",
+          data: {
+            page: "MessageDetail",
+            params: {
+              mid: 1,
+            },
+          },
+        })
+      );
+    } else {
+      Toast.show({
+        content: "请下载app联系客服充值",
+      });
+    }
+  };
+
   if (isFetching) {
     return (
       <section className="flex flex-1 justify-center container">
@@ -233,17 +253,12 @@ export default function Vip() {
                 </div>
                 <div className="basis-1/2 pl-2">
                   <div
-                    onClick={() => createOrder("wxpay_native")}
+                    onClick={handleContact}
                     className="flex flex-row cursor-pointer gap-1.5 h-11 items-center justify-center bg-primary rounded-full"
                   >
-                    <svg viewBox="0 0 1228 1024" width="18" height="18">
+                    <Image src={contact} width={22} alt="" />
-                      <path
-                        d="M530.8928 703.1296a41.472 41.472 0 0 1-35.7376-19.8144l-2.7136-5.5808L278.272 394.752a18.7392 18.7392 0 0 1-2.048-8.1408 19.968 19.968 0 0 1 20.48-19.3536c4.608 0 8.8576 1.4336 12.288 3.84l234.3936 139.9296a64.4096 64.4096 0 0 0 54.528 5.9392L1116.2624 204.8C1004.9536 80.896 821.76 0 614.4 0 275.0464 0 0 216.576 0 483.6352c0 145.7152 82.7392 276.8896 212.2752 365.5168a38.1952 38.1952 0 0 1 17.2032 31.488 44.4928 44.4928 0 0 1-2.1504 12.3904l-27.6992 97.4848c-1.3312 4.608-3.328 9.3696-3.328 14.1312 0 10.752 9.216 19.3536 20.48 19.3536 4.4032 0 8.0384-1.536 11.776-3.584l134.5536-73.3184c10.1376-5.5296 20.7872-8.96 32.6144-8.96 6.2976 0 12.288 0.9216 18.0736 2.5088 62.72 17.0496 130.4576 26.5728 200.5504 26.5728C953.7024 967.168 1228.8 750.592 1228.8 483.6352c0-80.9472-25.4464-157.1328-70.0416-224.1024l-604.9792 436.992-4.4544 2.4064a42.1376 42.1376 0 0 1-18.432 4.1984z"
-                        fill="#FFFFFF"
-                      ></path>
-                    </svg>
                     <p className="text-white text-base font-medium whitespace-nowrap">
-                      微信支付
+                      联系人工充值
                     </p>
                   </div>
                 </div>