图片编辑
This commit is contained in:
xixi
parent
df5a1c6bac
commit
cd8690f355
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -44,4 +44,12 @@
|
||||
|
||||
.qr-timeout .label {
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
.moneyBox{
|
||||
display: flex;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.moneyBox {
|
||||
display: flex;
|
||||
flex-wrap: ;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user