BigC
/
FinancialReimbursementSystem_frontend
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/main' into main

main
wuyize 2023-01-02 21:03:16 +08:00
parent a9ba72b612 30cd60c925
commit 3f64451add
2 changed files with 116 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/pages/reimbursement/mine/MyReimbursement.tsx
View File

@ -25,6 +25,7 @@ export type Department = {
departmentName: string;
}
export type TableListItem = {
key:number;
id: number;
beginDate: number;
duration: number;
@ -43,6 +44,7 @@ export type TableListItem = {
let fakeData: TableListItem[] = [];
for (let i = 0; i < 94; i++) {
fakeData.push({
key:i,
id: i + 1,
beginDate: Date.UTC(2022, i % 11 + 1, i % 28 + 1),
endDate: Date.UTC(2022, i % 11 + 1, i % 28 + 1) + 1000 * 60 * 60 * 24 * i + 1,
@ -72,7 +74,7 @@ class Subpage extends React.Component<any, any> {
tableAction = React.createRef<ActionType>();
departments = new Map<number, string>()
constructor(props: {}) {
constructor(props: any) {
super(props);
this.state = {
searchWord: "",
@ -182,12 +184,9 @@ class Subpage extends React.Component<any, any> {
search(value: string, form: FormProps['form'], dom: ReactNode[]) {
this.setState({searchWord: value});
if (value === "") {
// @ts-ignore
this.tableAction.current.reloadAndRest()
}
this.tableAction.current?.reload()
}
create() {
this.createRef.current?.setState({open: true})
@ -199,13 +198,33 @@ class Subpage extends React.Component<any, any> {
}
async converter(value: Reimbursement[] | undefined, pageSize: number | undefined) {
async converter(value: Reimbursement[] | undefined | Reimbursement, pageSize: number | undefined) {
if (value === undefined) {
return []
}
let result: TableListItem[] = []
if("reimbursementAdditionalAmount" in value){
result.push({
key:1,
id: value.reimbursementId,
beginDate: Date.parse(value.reimbursementDepartureInvoice.invoiceDate),
endDate: Date.parse(value.reimbursementDepartureInvoice.invoiceDate) + value.reimbursementTripDuration * 24 * 60 * 60 * 1000,
duration: value.reimbursementTripDuration,
OD: [value.reimbursementDepartureName, value.reimbursementDestinationName],
amount: value.reimbursementInvoiceAmount + value.reimbursementAdditionalAmount,
invoiceAmount: value.reimbursementInvoiceAmount,
additionalAmount: value.reimbursementAdditionalAmount,
status: value.reimbursementStatus % 6,
departmentId: value.reimbursementSubmitDepartment.departmentId,
submitDateTime: Date.parse(value.reimbursementSubmitTime),
detail: "查看详情",
back: value.reimbursementDestinationInvoice !== undefined,
})
return result
}
for (let i = 0; i < value.length; i++) {
result.push({
key:i,
id: value[i].reimbursementId,
beginDate: Date.parse(value[i].reimbursementDepartureInvoice.invoiceDate),
endDate: Date.parse(value[i].reimbursementDepartureInvoice.invoiceDate) + value[i].reimbursementTripDuration * 24 * 60 * 60 * 1000,
@ -246,7 +265,7 @@ class Subpage extends React.Component<any, any> {
current = (current === undefined ? 0 : current)
pageSize = (pageSize === undefined ? 5 : pageSize)
let params: any = {
current: current,
pageNum: current - 1,
pageSize: pageSize,
}
if (filter.status !== undefined && filter.status !== null && filter.status.length !== 0) {
@ -281,15 +300,21 @@ class Subpage extends React.Component<any, any> {
params['sortBy'] = "reimbursementDepartureDate"
params['asc'] = (sort.beginDate === "ascend")
}
console.log(params)
let response = await axiosInstance.get('common/reimbursement', {params: params})
tableListDataSource = await this.converter(response.data.records, pageSize)
console.log(response.data.records)
totalRecordLength = response.data.total
} else {
let response = await axiosInstance.get('common/reimbursement/' + this.state.searchWord.trim(), {})
tableListDataSource = await this.converter(response.data.records, pageSize)
let response = await axiosInstance.get('common/reimbursement/' + Number(this.state.searchWord.trim()), {}).catch(error => {
tableListDataSource = []
totalRecordLength = 0
return Promise.resolve({
data: tableListDataSource,
success: false,
total: totalRecordLength,
});
})
tableListDataSource = await this.converter(response.data, pageSize)
totalRecordLength = tableListDataSource.length
}
@ -375,7 +400,7 @@ class Subpage extends React.Component<any, any> {
function MyReimbursement() {
return (
<>
<Subpage/>
<Subpage key={12}/>
</>
)
}

89
src/pages/reimbursement/mine/ReimbursementCreate.tsx
View File

@ -6,8 +6,8 @@ import {
Form,
Input,
InputNumber,
Modal, notification,
Row
Modal, notification, Popover,
Row, Select, Tag
} from "antd";
import {FormInstance} from "antd/es/form";
import {Invoice} from "../../../models/Reimbursement";
@ -21,7 +21,7 @@ import {FieldData} from "rc-field-form/lib/interface";
import {invoiceTypeNameMap} from "../../../models/Invoice";
import SingleInvoiceSelector from "./component/SingleInvoiceSelector";
import MultiInvoiceSelector from "./component/MultiInvoiceSelector";
import {StatisticCard} from "@ant-design/pro-components";
import {ActionType, StatisticCard} from "@ant-design/pro-components";
const {Operation} = StatisticCard;
@ -37,11 +37,14 @@ const openNotification = (hint: string) => {
class ReimbursementCreate extends React.Component<any, any> {
formRef = React.createRef<FormInstance>();
actionRef = React.createRef<ActionType>();
invoiceSelector1 = React.createRef<SingleInvoiceSelector>();
invoiceSelector2 = React.createRef<SingleInvoiceSelector>();
invoiceSelector3 = React.createRef<MultiInvoiceSelector>();
departments: { departmentId: number, departmentName: string }[] = [];
place: { placeName: string, subsidyPerDay: number }[] = []
constructor(props: {}) {
super(props);
let managingDepartment = store.getState().staff.managingDepartment
@ -66,8 +69,12 @@ class ReimbursementCreate extends React.Component<any, any> {
icon: <UserOutlined/>,
})
})
axiosInstance.get("common/place").then((res) => {
this.place = res.data
this.formRef.current?.setFieldsValue({departureName: "", destinationName: ""})
this.formRef.current?.resetFields(["departureName", "destinationName"])
})
store.subscribe(this.handleStoreChange);
console.log(store.getState().staff.staffDepartments)
this.state = {
loading: false,
open: this.props.open,
@ -90,7 +97,7 @@ class ReimbursementCreate extends React.Component<any, any> {
}
handleStoreChange = () => {
this.departments=[]
this.departments = []
let managingDepartment = store.getState().staff.managingDepartment
if (managingDepartment !== null && managingDepartment !== undefined) {
this.departments.push({
@ -154,7 +161,7 @@ class ReimbursementCreate extends React.Component<any, any> {
axiosInstance.post("common/reimbursement", params).then(response => {
openNotification("提交成功")
this.setState({open: false})
this.cancel()
this.props.tableAction.current?.reload()
}).catch(error => {
console.log(error)
@ -162,7 +169,22 @@ class ReimbursementCreate extends React.Component<any, any> {
})
}
cancel = () => {
this.setState({open: false})
this.formRef.current?.resetFields()
this.setState({
loading: false,
open: false,
invoices: [],
selectedDepartment: {id: this.departments[0].departmentId, name: this.departments[0].departmentName},
back: false,
duration: 0,
departureInvoice: null,
destinationInvoice: null,
otherInvoices: [],
departureName: "",
destinationName: "",
note: "",
departmentId: -1,
})
}
changeDuration = (value: number | null) => {
return
@ -215,7 +237,19 @@ class ReimbursementCreate extends React.Component<any, any> {
}
return res
}
calculateAddition = () => {
if(store.getState().staff.staffBase===this.formRef.current?.getFieldValue("destinationName"))
return {value:0,hint:"出差地点与基地相同，无补贴"}
let addition = 0
this.place.map((item)=>{
if(addition===this.formRef.current?.getFieldValue("destinationName"))
addition=item.subsidyPerDay
})
let days=0
if(this.state.duration!==undefined)
days=this.state.duration
return {value:addition*days,hint:"每日补贴"+addition+"元，共"+days+"天"}
}
render() {
return (
<Modal
@ -240,20 +274,40 @@ class ReimbursementCreate extends React.Component<any, any> {
duration: 0
}}>
<Row gutter={18}>
<Row gutter={18} key={1}>
<Col span={12}>
<Form.Item label="出发地" name="departureName" rules={[{required: true}]}>
<Input/>
<Select
showSearch
placeholder="请选择出发地"
optionFilterProp="children"
filterOption={(input, option) =>
(option?.label ?? '').toLowerCase().includes(input.toLowerCase())
}
options={this.place.map((item) => {
return {label: item.placeName, value: item.placeName}
})}
/>
</Form.Item>
</Col>
<Col span={12}>
<Form.Item label="目的地" name="destinationName" rules={[{required: true}]}>
<Input/>
<Select
showSearch
placeholder="请选择目的地"
optionFilterProp="children"
filterOption={(input, option) =>
(option?.label ?? '').toLowerCase().includes(input.toLowerCase())
}
options={this.place.map((item) => {
return {label: item.placeName, value: item.placeName}
})}
/>
</Form.Item>
</Col>
</Row>
<Row gutter={18}>
<Row gutter={18} key={2}>
<Col span={12}>
<Form.Item help="" label="出发票据" name="departureInvoice" rules={[{required: true}]}>
<SingleInvoiceSelector pickerOpen={false} after={0}
@ -274,7 +328,7 @@ class ReimbursementCreate extends React.Component<any, any> {
</Col>
</Row>
<Row gutter={18}>
<Row gutter={18} key={3}>
<Col span={12}>
<Form.Item label="出差时长" name={"duration"} rules={[{required: true}]}>
<InputNumber addonAfter={"天"} min={0} max={1000} disabled={this.state.back}
@ -294,6 +348,15 @@ class ReimbursementCreate extends React.Component<any, any> {
</Form.Item>
</Col>
</Row>
<Row style={{fontSize: 15, marginBottom: 5}} key={4}>
补贴金额：
<Popover content={this.calculateAddition().hint} title="出差补贴" trigger="hover">
<Tag color={store.getState().staff.staffBase===this.formRef.current?.getFieldValue("destinationName")?
"red":"green"}>
{this.calculateAddition().value}元
</Tag>
</Popover>
</Row>
<Form.Item label="附加票据" name="otherInvoices" rules={[{required: false}]}>
<MultiInvoiceSelector pickerOpen={false}
//after={0}