功能：提交成功弹窗

3607b7bf · ZhangLingKun · aca83790 · 3607b7bf · 3607b7bf · 3607b7bf
--- a/src/components/layout/index.tsx
+++ b/src/components/layout/index.tsx
@@ -6,6 +6,7 @@ import HeaderView from '@/components/layout/header';
 import { LayoutWrap } from '@/components/layout/styled';
 import LoginModalView from '@/components/loginModal';
 import QrcodeModalView from '@/components/qrcodeModal';
+import ToastModalView from '@/components/toastModal';
 import { RootState } from '@/store';
 import { GlobalDataState, setGlobalData } from '@/store/module/globalData';

@@ -25,6 +26,7 @@ const LayoutView: React.FC<{
      setGlobalData({
        loginModalVisible: false,
        qrcodeModalVisible: false,
+        toastModalVisible: false,
      }),
    );
  };
@@ -53,6 +55,11 @@ const LayoutView: React.FC<{
        open={globalData?.qrcodeModalVisible}
        onCancel={handleModalClose}
      />
+      {/* 功能正在完善中 */}
+      <ToastModalView
+        open={globalData?.toastModalVisible}
+        onCancel={handleModalClose}
+      />
    </LayoutWrap>
  );
 };

--- a/src/components/product-comp/product-head/index.tsx
+++ b/src/components/product-comp/product-head/index.tsx
@@ -227,9 +227,9 @@ const ProductHeadView: React.FC<{ detail: DetailType }> = ({ detail }) => {
          </div>
        </div>
        <div className="content-action flex-start select-none">
-          <div className="action-item" onClick={() => handleSubmit(3)}>
-            加入购物车
-          </div>
+          {/* <div className="action-item" onClick={() => handleSubmit(3)}> */}
+          {/*  加入购物车 */}
+          {/* </div> */}
          <div className="action-item" onClick={() => handleSubmit(2)}>
            提交意向
          </div>

--- a/src/components/toastModal/index.tsx
+++ b/src/components/toastModal/index.tsx
 import React from 'react';
+import { CheckCircleOutlined } from '@ant-design/icons';
 import { Modal } from 'antd';
+import styled from 'styled-components';

 const ToastModalView: React.FC<{
  open: boolean;
  onCancel: () => void;
 }> = ({ open, onCancel }) => {
  return (
-    <Modal open={open} title={'提示'}>
-      通知弹窗
+    <Modal
+      open={open}
+      title={'提示'}
+      onCancel={onCancel}
+      width={400}
+      footer={null}
+    >
+      <ToastModalWrap>
+        <CheckCircleOutlined style={{ color: '#07c160', fontSize: 68 }} />
+        <div className="toast-title">订单提交成功</div>
+      </ToastModalWrap>
    </Modal>
  );
 };

 export default ToastModalView;
+// 样式
+const ToastModalWrap = styled.div`
+  position: relative;
+  width: 100%;
+  height: 16.8rem;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-direction: column;
+  box-sizing: border-box;
+  padding-top: 3rem;
+  .toast-title {
+    font-size: 20px;
+    font-weight: bold;
+    margin-top: 2.5rem;
+  }
+`;
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -17,6 +17,8 @@ const MyDocument = () => (
      {/* eslint-disable-next-line */}
      <title>云享飞</title>
      {/* <title>【云享飞 iuav.com】无人机分类信息 - 让世界为天空所用</title> */}
+      {/*  强制使用浅色模式 */}
+      <meta name="color-scheme" content="light" />
    </Head>
    <body>
      <Main />

--- a/src/pages/cart/submit/[id].tsx
+++ b/src/pages/cart/submit/[id].tsx
 import React from 'react';
-import { Input } from 'antd';
+import { Input, Modal } from 'antd';
 import Big from 'big.js';
 import { GetServerSidePropsContext } from 'next';
 import { useRouter } from 'next/router';
@@ -74,20 +74,35 @@ const MallCartSubmitView: React.FC<{
  // 提交订单
  const handleSubmit = () => {
    if (!productDetail?.id) return;
-    const { id, specId, type } = router.query as { [key: string]: string };
-    const path = `k=${id}&sId=${specId}&sNum=${
-      globalData?.productSpecNum || 1
-    }&t=${type}`;
-    dispatch(
-      setGlobalData({
-        qrcodeModalVisible: true,
-        qrcodeModalPath:
-          path.length >= 32
-            ? 'page-product/product-detail/index'
-            : 'page-order/product-confirm/index',
-        qrcodeModalScene: path.length >= 32 ? `id=${id}` : path,
-      }),
-    );
+    Modal.confirm({
+      title: '提示',
+      content: `确认提交订单？`,
+      onOk: () => {
+        dispatch(setGlobalData({ loadingSpinnerVisible: true }));
+        setTimeout(() => {
+          dispatch(
+            setGlobalData({
+              toastModalVisible: true,
+              loadingSpinnerVisible: false,
+            }),
+          );
+        }, 1000);
+      },
+    });
+    // const { id, specId, type } = router.query as { [key: string]: string };
+    // const path = `k=${id}&sId=${specId}&sNum=${
+    //     globalData?.productSpecNum || 1
+    // }&t=${type}`;
+    // dispatch(
+    //   setGlobalData({
+    //     qrcodeModalVisible: true,
+    //     qrcodeModalPath:
+    //       path.length >= 32
+    //         ? 'page-product/product-detail/index'
+    //         : 'page-order/product-confirm/index',
+    //     qrcodeModalScene: path.length >= 32 ? `id=${id}` : path,
+    //   }),
+    // );
  };
  return (
    <LayoutView>

--- a/src/store/module/globalData.ts
+++ b/src/store/module/globalData.ts
@@ -15,12 +15,14 @@ export type GlobalDataState = {
  userAddressSelectId?: number;
  productSpecNum?: number;
  priceUnitList?: InterDataType<ListInspectionPriceUnit>;
+  toastModalVisible: boolean;
 };

 const initialState: GlobalDataState = {
  loadingSpinnerVisible: false,
  loginModalVisible: false,
  qrcodeModalVisible: false,
+  toastModalVisible: false,
 };

 const globalDataSlice = createSlice({