图片编辑
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}`;
|
const imgSrc = `${Axios.defaults?.baseURL}/route/file/v2/download/true/${item.previewImgs}`;
|
||||||
return (
|
return (
|
||||||
<div key={item.loginpageId} className={item.loginpageId == loginpageId ? 'page-img-select page-img-selected' : 'page-img-select'}
|
<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={() => {
|
onClick={() => {
|
||||||
setloginpageId(item.loginpageId)
|
setloginpageId(item.loginpageId)
|
||||||
put({
|
put({
|
||||||
@ -645,12 +645,15 @@ export default function AiHelper(props: PropsType) {
|
|||||||
<div className="page-img" >
|
<div className="page-img" >
|
||||||
<Image
|
<Image
|
||||||
src={imgSrc}
|
src={imgSrc}
|
||||||
preview={false} width={545} height={300} />
|
preview={false} width={265} height={150}
|
||||||
|
style={{borderRadius:15}} />
|
||||||
</div>
|
</div>
|
||||||
<div className="page-title">
|
<div className="page-title">
|
||||||
<div className="checkbox"></div>
|
<div className="checkbox"></div>
|
||||||
{/* <div className="text">{props.title ? props.title : '标题'}</div> */}
|
{/* <div className="text">{props.title ? props.title : '标题'}</div> */}
|
||||||
</div>
|
</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}`;
|
const imgSrc = `${Axios.defaults?.baseURL}/route/file/v2/download/true/${item.previewImgs}`;
|
||||||
return (
|
return (
|
||||||
<div key={item.loginpageId} className={item.codeTypePageId == codeTypePageId ? 'page-img-select page-img-selected' : 'page-img-select'}
|
<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={() => {
|
onClick={() => {
|
||||||
// setSelectedId(item.codeTypePageId)
|
// setSelectedId(item.codeTypePageId)
|
||||||
// setSelectedImg(item.previewImgs)
|
// setSelectedImg(item.previewImgs)
|
||||||
@ -702,7 +705,7 @@ export default function AiHelper(props: PropsType) {
|
|||||||
<div className="page-img" >
|
<div className="page-img" >
|
||||||
<Image
|
<Image
|
||||||
src={imgSrc}
|
src={imgSrc}
|
||||||
preview={false} width={545} height={270} />
|
preview={false} width={265} height={135} style={{borderRadius:15}} />
|
||||||
</div>
|
</div>
|
||||||
<div className="page-title">
|
<div className="page-title">
|
||||||
<div className="checkbox"></div>
|
<div className="checkbox"></div>
|
||||||
|
|||||||
@ -10,7 +10,8 @@ import {
|
|||||||
message,
|
message,
|
||||||
Radio,
|
Radio,
|
||||||
Spin,
|
Spin,
|
||||||
Upload, UploadProps
|
Upload, UploadProps,
|
||||||
|
Tag
|
||||||
} from "antd";
|
} from "antd";
|
||||||
import {
|
import {
|
||||||
ReloadOutlined
|
ReloadOutlined
|
||||||
@ -159,7 +160,7 @@ export default function Payment(props: IPaymentProps) {
|
|||||||
getPaySystemBank();
|
getPaySystemBank();
|
||||||
form.setFieldsValue({
|
form.setFieldsValue({
|
||||||
thirdParty: ThirdPartyEnum.DGZZ,
|
thirdParty: ThirdPartyEnum.DGZZ,
|
||||||
rechargeMoney: 300
|
rechargeMoney: 280
|
||||||
})
|
})
|
||||||
setThirdParty(ThirdPartyEnum.DGZZ)
|
setThirdParty(ThirdPartyEnum.DGZZ)
|
||||||
return;
|
return;
|
||||||
@ -174,34 +175,66 @@ export default function Payment(props: IPaymentProps) {
|
|||||||
if (isRechargeMoneyEdit) {
|
if (isRechargeMoneyEdit) {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<InputNumber min={0.01} max={2000} defaultValue={form.getFieldValue('rechargeMoney')} />
|
<div>
|
||||||
<Button type="link" onClick={() => {
|
<InputNumber min={0.01} max={2000} defaultValue={form.getFieldValue('rechargeMoney')} />
|
||||||
const money = form.getFieldValue('rechargeMoney');
|
<Button type="link" onClick={() => {
|
||||||
if (money < moneyRange[0]) {
|
const money = form.getFieldValue('rechargeMoney');
|
||||||
form.setFieldValue('rechargeMoney', moneyRange[0]);
|
if (money < moneyRange[0]) {
|
||||||
messageApi.error(`金额最小为${moneyRange[0]}`)
|
form.setFieldValue('rechargeMoney', moneyRange[0]);
|
||||||
} else if (money > moneyRange[1]) {
|
messageApi.error(`金额最小为${moneyRange[0]}`)
|
||||||
form.setFieldValue('rechargeMoney', moneyRange[1]);
|
} else if (money > moneyRange[1]) {
|
||||||
messageApi.error(`金额最大为${moneyRange[1]}`)
|
form.setFieldValue('rechargeMoney', moneyRange[1]);
|
||||||
}
|
messageApi.error(`金额最大为${moneyRange[1]}`)
|
||||||
setIsRechargeMoneyEdit(false);
|
}
|
||||||
getPay()
|
setIsRechargeMoneyEdit(false);
|
||||||
}}>确定</Button>
|
getPay()
|
||||||
<span style={{ color: '#1677ff', cursor: 'pointer' }}
|
}}>确定</Button>
|
||||||
onClick={() => {
|
<span style={{ color: '#1677ff', cursor: 'pointer' }}
|
||||||
setIsRechargeMoneyEdit(false)
|
onClick={() => {
|
||||||
}}
|
setIsRechargeMoneyEdit(false)
|
||||||
>取消</span>
|
}}
|
||||||
|
>取消</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<span>￥</span>
|
<div>
|
||||||
<span style={{ fontWeight: 'bold', fontSize: '16px' }}>{form.getFieldValue('rechargeMoney')}</span>
|
<span>￥</span>
|
||||||
<Button type="link" onClick={() => {
|
<span style={{ fontWeight: 'bold', fontSize: '16px' }}>{form.getFieldValue('rechargeMoney')}</span>
|
||||||
setIsRechargeMoneyEdit(true);
|
<Button type="link" onClick={() => {
|
||||||
}}>修改</Button>
|
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>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
@ -367,8 +400,8 @@ export default function Payment(props: IPaymentProps) {
|
|||||||
return <>
|
return <>
|
||||||
<Flex gap="middle" align="center" justify="center" vertical>
|
<Flex gap="middle" align="center" justify="center" vertical>
|
||||||
<div className="qr-code" style={{ position: 'relative' }}>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -44,4 +44,12 @@
|
|||||||
|
|
||||||
.qr-timeout .label {
|
.qr-timeout .label {
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
}
|
}
|
||||||
|
.moneyBox{
|
||||||
|
display: flex;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.moneyBox {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: ;
|
||||||
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user