project/chuhai-payment-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update modal error message

Browse Source
This commit is contained in:
LittleBoy 2024-09-05 15:47:49 +08:00
parent 6dbfbddeb6
commit 6eeed9b451
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/pages/bill/components/add_bill_modal.tsx
View File

@ -109,7 +109,8 @@ export const AddBillModal: React.FC<BillPaidModalProps> = (props) => {
details: ConfirmedBillDetail[]; details: ConfirmedBillDetail[];
errorMessage?: string; errorMessage?: string;
errorConfirmMessage?: string; errorConfirmMessage?: string;
values?: CreateBillRecordModel errorConfirmOk?: boolean;
values?: CreateBillRecordModel;
}>({ }>({
details: [] details: []
}) })
@ -132,7 +133,8 @@ export const AddBillModal: React.FC<BillPaidModalProps> = (props) => {
values.paid_date = dayjs(values.paid_date).format("YYYY-MM-DD") values.paid_date = dayjs(values.paid_date).format("YYYY-MM-DD")
values.delivered_date = dayjs(values.delivered_date).format("YYYY-MM-DD") values.delivered_date = dayjs(values.delivered_date).format("YYYY-MM-DD")
setState({ setState({
loading: true, errorMessage: undefined,values loading: true, errorMessage: undefined,
values,errorConfirmOk:false
}) })
addBillRecord(values).then(() => { addBillRecord(values).then(() => {
setState({open: false}) setState({open: false})
@ -141,9 +143,9 @@ export const AddBillModal: React.FC<BillPaidModalProps> = (props) => {
}).catch((e: BizError) => { }).catch((e: BizError) => {
if (e.code == -50415) { // STUDENT_INFO_NOT_FOUND if (e.code == -50415) { // STUDENT_INFO_NOT_FOUND
// duplicate // duplicate
setState({errorConfirmMessage: e.message}) setState({errorConfirmMessage: e.message,errorConfirmOk:true})
} else { } else {
setState({errorMessage: e.message}) setState({errorConfirmMessage: e.message})
} }
}).finally(() => { }).finally(() => {
setState({ setState({
@ -360,9 +362,16 @@ export const AddBillModal: React.FC<BillPaidModalProps> = (props) => {
onCancel={handleCloseConfirm} onCancel={handleCloseConfirm}
width={600} width={600}
maskClosable={false} maskClosable={false}
okText={t('base.confirm_and_add')} footer={
onOk={handleConfirmAdd} <div className={'text-center'}>
okButtonProps={{loading: state.confirmLoading}} <Space>
<Button onClick={handleCloseConfirm} type={'tertiary'}>{t('base.cancel')}</Button>
{state.errorConfirmOk && <Button loading={state.confirmLoading} onClick={handleConfirmAdd} theme={'solid'}>
{t('base.confirm_and_add')}
</Button>}
</Space>
</div>
}
> >
<Descriptions layout='horizontal' align='plain' data={details} column={2}/> <Descriptions layout='horizontal' align='plain' data={details} column={2}/>
<Divider style={{margin: '10px 0'}}>{t('base.title_error_tip')}</Divider> <Divider style={{margin: '10px 0'}}>{t('base.title_error_tip')}</Divider>