This commit is contained in:
lyp 2024-12-02 15:31:39 +08:00
commit 82d446ffe2
3 changed files with 43 additions and 41 deletions

View File

@ -1,5 +1,5 @@
import React, { useState } from 'react'
import { post,Axios,get } from "../../util/AjaxUtils.ts";
import {useState} from 'react'
import {post, Axios, get} from "../../util/AjaxUtils.ts";
import useMessage from "antd/es/message/useMessage";
import {
Form,
@ -7,7 +7,8 @@ import {
Input, Button
} from 'antd';
import ContractText from '../ContractText/ContractText'
import { useDispatch } from 'react-redux'
import {useDispatch} from 'react-redux'
export default function ContractModal(props: any) {
const [messageApi, messageApiHolder] = useMessage();
const [modalOpen, setModalOpen] = useState(false)
@ -15,6 +16,7 @@ export default function ContractModal(props: any) {
const [name, setName] = useState(''); // 甲方姓名状态
const [phone, setPhone] = useState(''); // 电话状态
const [address, setAddress] = useState(''); // 地址状态
const [isSaving, setIsSaving] = useState(false);
const onFinish = (values: any) => {
setName(values.name);
setPhone(values.phone);
@ -48,6 +50,9 @@ export default function ContractModal(props: any) {
})
}
const downContract = () => {
if (isSaving) {
return;
}
post<any>({
messageApi,
url: `/api/contract/management/save`,
@ -57,7 +62,7 @@ export default function ContractModal(props: any) {
firstPartyPhone: phone
},
onBefore() {
setIsSaving(true);
},
onSuccess(data) {
// console.log(data.data.data);
@ -67,10 +72,9 @@ export default function ContractModal(props: any) {
getContractArray(1)
setModalOpen(false)
props.closeModal()
},
onFinally() {
setIsSaving(false);
}
})
@ -82,8 +86,8 @@ export default function ContractModal(props: any) {
name="Form"
form={form}
onFinish={onFinish}
initialValues={{ softWare: '' }}
style={{ maxWidth: 600, marginTop: 20 }}
initialValues={{softWare: ''}}
style={{maxWidth: 600, marginTop: 20}}
>
<div className='refunModal-item'>
<div className='refunModal-title'>
@ -93,7 +97,7 @@ export default function ContractModal(props: any) {
<Form.Item
name="name"
rules={[{ required: true, message: '请输入甲方姓名!' }]}
rules={[{required: true, message: '请输入甲方姓名!'}]}
>
<Input style={{
width: 405,
@ -119,7 +123,7 @@ export default function ContractModal(props: any) {
<Form.Item
name="phone"
rules={[
{ required: true, message: '请输入联联系电话!' },
{required: true, message: '请输入联联系电话!'},
{
pattern: /^1[3456789]\d{9}$/,
message: '请输入正确的手机号码',
@ -151,7 +155,7 @@ export default function ContractModal(props: any) {
<Form.Item
name="address"
rules={[{ required: true, message: '请输入联系地址!' }]}
rules={[{required: true, message: '请输入联系地址!'}]}
>
<Input style={{
width: 405,
@ -170,7 +174,6 @@ export default function ContractModal(props: any) {
</div>
<Form.Item>
<div className='refunModal-btn'>
<Button type="primary" htmlType="submit" style={{
@ -192,7 +195,7 @@ export default function ContractModal(props: any) {
onCancel={() => {
setModalOpen(false)
}}
okButtonProps={{ style: { background: 'red', color: 'white' } }}
okButtonProps={{style: {background: 'red', color: 'white'}}}
width={850}
centered
@ -200,7 +203,7 @@ export default function ContractModal(props: any) {
<div className='contract'>
<ContractText name={name} phone={phone} address={address}></ContractText>
</div>
<div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: 20 }}>
<div style={{display: 'flex', justifyContent: 'flex-end', marginTop: 20}}>
<Button type="primary" onClick={
downContract
}></Button>

View File

@ -1,4 +1,3 @@
import React from 'react'
import './ContractText.css'
export default function ContractText(props: any) {
const height = window.innerHeight - 200;

View File

@ -1,4 +1,4 @@
import React, { useEffect, useState } from 'react'
import { useEffect, useState } from 'react'
import { // Table,
Pagination,
Table,