Tenlion/system-copyright-react
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

图片编辑

Browse Source
This commit is contained in:
xixi 2024-07-25 18:33:29 +08:00
parent df5a1c6bac
commit cd8690f355
3 changed files with 76 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/ai/AiHelper.tsx
View File

@ -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>

37
src/components/payment/Payment.tsx
View File

@ -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>
)
}

8
src/components/payment/payment.css
View File

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