图片编辑

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>

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;
@@ -173,6 +174,7 @@ export default function Payment(props: IPaymentProps) {
         console.log(form.getFieldValue('rechargeMoney'))
         if (isRechargeMoneyEdit) {
             return (
+                <div>
                     <div>
                         <InputNumber min={0.01} max={2000} defaultValue={form.getFieldValue('rechargeMoney')} />
                         <Button type="link" onClick={() => {
@@ -193,9 +195,12 @@ export default function Payment(props: IPaymentProps) {
                             }}
                         >取消</span>
                     </div>
+
+                </div>
             )
         }
         return (
+            <div>
                 <div>
                     <span>￥</span>
                     <span style={{ fontWeight: 'bold', fontSize: '16px' }}>{form.getFieldValue('rechargeMoney')}</span>
@@ -203,6 +208,34 @@ export default function Payment(props: IPaymentProps) {
                         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={{ 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={{ color: '#fff', width: '100%', height: '100%', fontSize: 30, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
                             正在修改,请稍后...
                         </div>
                     </div>

src/components/payment/payment.css

@@ -45,3 +45,11 @@
 .qr-timeout .label {
     padding: 15px;
 }
+.moneyBox{
+    display: flex;
+    margin-top: 10px;
+}
+.moneyBox {
+    display: flex;
+    flex-wrap: ;
+}