From cd8690f355b86354ed68044f9c22a8e6a93e1b84 Mon Sep 17 00:00:00 2001
From: xixi <123@qq.com>
Date: Thu, 25 Jul 2024 18:33:29 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E7=BC=96=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ai/AiHelper.tsx     | 11 ++--
 src/components/payment/Payment.tsx | 87 ++++++++++++++++++++----------
 src/components/payment/payment.css | 10 +++-
 3 files changed, 76 insertions(+), 32 deletions(-)

diff --git a/src/components/ai/AiHelper.tsx b/src/components/ai/AiHelper.tsx
index 4107d5b..833bf45 100644
--- a/src/components/ai/AiHelper.tsx
+++ b/src/components/ai/AiHelper.tsx
@@ -619,7 +619,7 @@ export default function AiHelper(props: PropsType) {
                             const imgSrc = `${Axios.defaults?.baseURL}/route/file/v2/download/true/${item.previewImgs}`;
                             return (
                                 <div key={item.loginpageId} className={item.loginpageId == loginpageId ? 'page-img-select page-img-selected' : 'page-img-select'}
-                                    style={{ marginRight: '10px', marginBottom: '10px', width: 545, }}
+                                    style={{ marginRight: '10px', marginBottom: '10px', width: 265,height:150,borderRadius:15}}
                                     onClick={() => {
                                         setloginpageId(item.loginpageId)
                                         put({
@@ -645,12 +645,15 @@ export default function AiHelper(props: PropsType) {
                                     <div className="page-img" >
                                         <Image
                                             src={imgSrc}
-                                            preview={false} width={545} height={300} />
+                                            preview={false} width={265} height={150}
+                                            style={{borderRadius:15}} />
                                     </div>
                                     <div className="page-title">
                                         <div className="checkbox"></div>
                                         {/* <div className="text">{props.title ? props.title : '标题'}</div> */}
                                     </div>
+                                        
+                                    
                                 </div>
                             )
                         })
@@ -676,7 +679,7 @@ export default function AiHelper(props: PropsType) {
                             const imgSrc = `${Axios.defaults?.baseURL}/route/file/v2/download/true/${item.previewImgs}`;
                             return (
                                 <div key={item.loginpageId} className={item.codeTypePageId == codeTypePageId ? 'page-img-select page-img-selected' : 'page-img-select'}
-                                    style={{ marginRight: '10px', marginBottom: '10px', width: 545, height: 270 }}
+                                    style={{ marginRight: '10px', marginBottom: '10px', width: 265, height: 135,borderRadius:15 }}
                                     onClick={() => {
                                         // setSelectedId(item.codeTypePageId)
                                         // setSelectedImg(item.previewImgs)
@@ -702,7 +705,7 @@ export default function AiHelper(props: PropsType) {
                                     <div className="page-img" >
                                         <Image
                                             src={imgSrc}
-                                            preview={false} width={545} height={270} />
+                                            preview={false} width={265} height={135} style={{borderRadius:15}} />
                                     </div>
                                     <div className="page-title">
                                         <div className="checkbox"></div>
diff --git a/src/components/payment/Payment.tsx b/src/components/payment/Payment.tsx
index b5fa9b1..d1f8abb 100644
--- a/src/components/payment/Payment.tsx
+++ b/src/components/payment/Payment.tsx
@@ -10,7 +10,8 @@ import {
     message,
     Radio,
     Spin,
-    Upload, UploadProps
+    Upload, UploadProps,
+    Tag
 } from "antd";
 import {
     ReloadOutlined
@@ -159,7 +160,7 @@ export default function Payment(props: IPaymentProps) {
             getPaySystemBank();
             form.setFieldsValue({
                 thirdParty: ThirdPartyEnum.DGZZ,
-                rechargeMoney: 300
+                rechargeMoney: 280
             })
             setThirdParty(ThirdPartyEnum.DGZZ)
             return;
@@ -174,34 +175,66 @@ export default function Payment(props: IPaymentProps) {
         if (isRechargeMoneyEdit) {
             return (
                 <div>
-                    <InputNumber min={0.01} max={2000} defaultValue={form.getFieldValue('rechargeMoney')} />
-                    <Button type="link" onClick={() => {
-                        const money = form.getFieldValue('rechargeMoney');
-                        if (money < moneyRange[0]) {
-                            form.setFieldValue('rechargeMoney', moneyRange[0]);
-                            messageApi.error(`金额最小为${moneyRange[0]}`)
-                        } else if (money > moneyRange[1]) {
-                            form.setFieldValue('rechargeMoney', moneyRange[1]);
-                            messageApi.error(`金额最大为${moneyRange[1]}`)
-                        }
-                        setIsRechargeMoneyEdit(false);
-                        getPay()
-                    }}>确定</Button>
-                    <span style={{ color: '#1677ff', cursor: 'pointer' }}
-                        onClick={() => {
-                            setIsRechargeMoneyEdit(false)
-                        }}
-                    >取消</span>
+                    <div>
+                        <InputNumber min={0.01} max={2000} defaultValue={form.getFieldValue('rechargeMoney')} />
+                        <Button type="link" onClick={() => {
+                            const money = form.getFieldValue('rechargeMoney');
+                            if (money < moneyRange[0]) {
+                                form.setFieldValue('rechargeMoney', moneyRange[0]);
+                                messageApi.error(`金额最小为${moneyRange[0]}`)
+                            } else if (money > moneyRange[1]) {
+                                form.setFieldValue('rechargeMoney', moneyRange[1]);
+                                messageApi.error(`金额最大为${moneyRange[1]}`)
+                            }
+                            setIsRechargeMoneyEdit(false);
+                            getPay()
+                        }}>确定</Button>
+                        <span style={{ color: '#1677ff', cursor: 'pointer' }}
+                            onClick={() => {
+                                setIsRechargeMoneyEdit(false)
+                            }}
+                        >取消</span>
+                    </div>
+
                 </div>
             )
         }
         return (
             <div>
-                <span>￥</span>
-                <span style={{ fontWeight: 'bold', fontSize: '16px' }}>{form.getFieldValue('rechargeMoney')}</span>
-                <Button type="link" onClick={() => {
-                    setIsRechargeMoneyEdit(true);
-                }}>修改</Button>
+                <div>
+                    <span>￥</span>
+                    <span style={{ fontWeight: 'bold', fontSize: '16px' }}>{form.getFieldValue('rechargeMoney')}</span>
+                    <Button type="link" onClick={() => {
+                        setIsRechargeMoneyEdit(true);
+                    }}>修改</Button>
+                </div>
+                <div className='moneyBox' >
+                    <Tag style={{ cursor: 'pointer' }} onClick={() => {
+                        form.setFieldValue('rechargeMoney', '100');
+                        setIsRechargeMoneyEdit(false)
+                        getPay()
+                    }} color="volcano">100</Tag>
+                    <Tag style={{ cursor: 'pointer' }} onClick={() => {
+                        form.setFieldValue('rechargeMoney', '200');
+                        setIsRechargeMoneyEdit(false)
+                        getPay()
+                    }} color="volcano">200</Tag>
+                    <Tag style={{ cursor: 'pointer' }} onClick={() => {
+                        form.setFieldValue('rechargeMoney', '300');
+                        setIsRechargeMoneyEdit(false)
+                        getPay()
+                    }} color="volcano">300</Tag>
+                    <Tag style={{ cursor: 'pointer' }} onClick={() => {
+                        form.setFieldValue('rechargeMoney', '400');
+                        setIsRechargeMoneyEdit(false)
+                        getPay()
+                    }} color="volcano">400</Tag>
+                      <Tag style={{ cursor: 'pointer' }} onClick={() => {
+                        form.setFieldValue('rechargeMoney', '500');
+                        setIsRechargeMoneyEdit(false)
+                        getPay()
+                    }} color="volcano">500</Tag>
+                </div>
             </div>
         )
     }
@@ -367,8 +400,8 @@ export default function Payment(props: IPaymentProps) {
         return <>
             <Flex gap="middle" align="center" justify="center" vertical>
                 <div className="qr-code" style={{ position: 'relative' }}>
-                    <div style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', background: "rgba(0,0,0,0.6)",backdropFilter: 'blur(10px)', zIndex: 99 ,display:isRechargeMoneyEdit?'block':'none'}}>
-                        <div style={{color:'#fff', width: '100%', height: '100%',fontSize:30,display:'flex',alignItems:'center',justifyContent:'center'}}>
+                    <div style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', background: "rgba(0,0,0,0.6)", backdropFilter: 'blur(10px)', zIndex: 99, display: isRechargeMoneyEdit ? 'block' : 'none' }}>
+                        <div style={{ color: '#fff', width: '100%', height: '100%', fontSize: 30, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
                             正在修改,请稍后...
                         </div>
                     </div>
diff --git a/src/components/payment/payment.css b/src/components/payment/payment.css
index 3995650..25850e9 100644
--- a/src/components/payment/payment.css
+++ b/src/components/payment/payment.css
@@ -44,4 +44,12 @@
 
 .qr-timeout .label {
     padding: 15px;
-}
\ No newline at end of file
+}
+.moneyBox{
+    display: flex;
+    margin-top: 10px;
+}
+.moneyBox {
+    display: flex;
+    flex-wrap: ;
+}