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

Merge remote-tracking branch 'origin/main'

main
白封羽 2023-01-06 15:32:26 +08:00
parent b569844c4f 25c389d0c8
commit 306736c42f
2 changed files with 171 additions and 161 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/HomeView.tsx
View File

@ -98,7 +98,7 @@ function HeaderBar(props: any) {
alignItems: 'center', alignItems: 'center',
}}> }}>
<Button type="text" shape="circle"> <Button type="text" shape="circle">
<BellOutlined /> <BellOutlined/>
</Button> </Button>
<Dropdown overlayStyle={{minWidth: '150px'}} menu={{items, onClick}} placement="bottomRight" arrow> <Dropdown overlayStyle={{minWidth: '150px'}} menu={{items, onClick}} placement="bottomRight" arrow>
<Button type="text" style={{ <Button type="text" style={{
@ -246,7 +246,10 @@ function HomeView() {
setMenuItems(items.slice(0, 4)) setMenuItems(items.slice(0, 4))
} }
} else { } else {
setMenuItems(items.slice(0, 2)) if (staff.staffDepartments && staff.staffDepartments.find((value, index, obj) => value.departmentId === 1))
setMenuItems(items.slice(0, 5))
else
setMenuItems(items.slice(0, 2))
} }
}).catch(function (error) { }).catch(function (error) {

325
src/pages/stat/StatView.tsx
View File

@ -100,7 +100,7 @@ function StatView() {
token: {colorBgContainer, colorPrimary, colorSuccess, colorBorder}, token: {colorBgContainer, colorPrimary, colorSuccess, colorBorder},
} = theme.useToken(); } = theme.useToken();
const [selectedTime, setSelectedTime] = useState<Dayjs|null>(null); const [selectedTime, setSelectedTime] = useState<Dayjs | null>(null);
const [type, setType] = useState<StatType>('month'); const [type, setType] = useState<StatType>('month');
const [loading, setLoading] = useState(true) const [loading, setLoading] = useState(true)
const [reimbursementAmount, setReimbursementAmount] = useState(0) const [reimbursementAmount, setReimbursementAmount] = useState(0)
@ -151,15 +151,15 @@ function StatView() {
url: 'financial/stats', url: 'financial/stats',
method: 'get', method: 'get',
params: { params: {
yearly: type==='year', yearly: type === 'year',
target: time.format('YYYY-MM-DD') target: time.format('YYYY-MM-DD')
} }
}).then(response => { }).then(response => {
const statResponse: StatResponse = response.data const statResponse: StatResponse = response.data
setReimbursementAmount(statResponse.reimbursementAllTotalAmount/100.) setReimbursementAmount(statResponse.reimbursementAllTotalAmount / 100.)
setReimbursementAmountTrend( setReimbursementAmountTrend(
(statResponse.reimbursementAllTotalAmount - statResponse.lastAllTotalAmount) / statResponse.lastAllTotalAmount) (statResponse.reimbursementAllTotalAmount - statResponse.lastAllTotalAmount) / statResponse.lastAllTotalAmount)
setReimbursementAdditionalAmount(statResponse.reimbursementAdditionalTotalAmount/100.) setReimbursementAdditionalAmount(statResponse.reimbursementAdditionalTotalAmount / 100.)
setReimbursementAdditionalAmountTrend( setReimbursementAdditionalAmountTrend(
(statResponse.reimbursementAdditionalTotalAmount - statResponse.lastAdditionalTotalAmount) / statResponse.lastAdditionalTotalAmount) (statResponse.reimbursementAdditionalTotalAmount - statResponse.lastAdditionalTotalAmount) / statResponse.lastAdditionalTotalAmount)
@ -174,7 +174,9 @@ function StatView() {
departmentAmountMap.set(key, new Map<number, number>()) departmentAmountMap.set(key, new Map<number, number>())
}) })
let maxTime = 0
for (const temporalDepartmentStat of statResponse.temporalDepartmentStats) { for (const temporalDepartmentStat of statResponse.temporalDepartmentStats) {
maxTime = Math.max(maxTime, temporalDepartmentStat.value)
for (const departmentStat of temporalDepartmentStat.departmentStats) { for (const departmentStat of temporalDepartmentStat.departmentStats) {
let valueMap = departmentAmountMap.get(departmentStat.departmentId) let valueMap = departmentAmountMap.get(departmentStat.departmentId)
if (valueMap) { if (valueMap) {
@ -195,10 +197,17 @@ function StatView() {
}) })
data.push({value: total, name: departmentName}) data.push({value: total, name: departmentName})
let valueMapArray = Array.from(valueMap); let values = []
/* let valueMapArray = Array.from(valueMap);
valueMapArray.sort(function (a, b) { valueMapArray.sort(function (a, b) {
return a[0] - b[0] return a[0] - b[0]
}) })*/
for (let i = 1; i <= maxTime; i++) {
let val = valueMap.get(i)
values.push(val ? val : 0)
}
series.push({ series.push({
name: departmentName, name: departmentName,
@ -208,9 +217,7 @@ function StatView() {
emphasis: { emphasis: {
focus: 'series' focus: 'series'
}, },
data: valueMapArray.map(function ([key, value]) { data: values
return value
})
}) })
}) })
setDepartmentPieData(data) setDepartmentPieData(data)
@ -283,158 +290,158 @@ function StatView() {
}).catch(function (error) { }).catch(function (error) {
console.log(error) console.log(error)
}) })
/* setTimeout(() => { /* setTimeout(() => {
let statResponse: StatResponse = { let statResponse: StatResponse = {
"temporalDepartmentStats": [ "temporalDepartmentStats": [
{ {
"value": 4, "value": 4,
"departmentStats": [ "departmentStats": [
{ {
"departmentId": 1, "departmentId": 1,
"reimbursementAmount": 79 "reimbursementAmount": 79
}, },
{ {
"departmentId": 2, "departmentId": 2,
"reimbursementAmount": 9 "reimbursementAmount": 9
}, },
{ {
"departmentId": 3, "departmentId": 3,
"reimbursementAmount": 29 "reimbursementAmount": 29
}, },
{ {
"departmentId": 4, "departmentId": 4,
"reimbursementAmount": 46 "reimbursementAmount": 46
}, },
{ {
"departmentId": 5, "departmentId": 5,
"reimbursementAmount": 66 "reimbursementAmount": 66
} }
] ]
}, },
{ {
"value": 3, "value": 3,
"departmentStats": [ "departmentStats": [
{ {
"departmentId": 1, "departmentId": 1,
"reimbursementAmount": 79 "reimbursementAmount": 79
}, },
{ {
"departmentId": 2, "departmentId": 2,
"reimbursementAmount": 9 "reimbursementAmount": 9
}, },
{ {
"departmentId": 3, "departmentId": 3,
"reimbursementAmount": 29 "reimbursementAmount": 29
}, },
{ {
"departmentId": 4, "departmentId": 4,
"reimbursementAmount": 46 "reimbursementAmount": 46
}, },
{ {
"departmentId": 5, "departmentId": 5,
"reimbursementAmount": 66 "reimbursementAmount": 66
} }
] ]
}, },
{ {
"value": 6, "value": 6,
"departmentStats": [ "departmentStats": [
{ {
"departmentId": 1, "departmentId": 1,
"reimbursementAmount": 79 "reimbursementAmount": 79
}, },
{ {
"departmentId": 2, "departmentId": 2,
"reimbursementAmount": 9 "reimbursementAmount": 9
}, },
{ {
"departmentId": 3, "departmentId": 3,
"reimbursementAmount": 29 "reimbursementAmount": 29
}, },
{ {
"departmentId": 4, "departmentId": 4,
"reimbursementAmount": 46 "reimbursementAmount": 46
}, },
{ {
"departmentId": 5, "departmentId": 5,
"reimbursementAmount": 66 "reimbursementAmount": 66
} }
] ]
}, },
{ {
"value": 13, "value": 13,
"departmentStats": [ "departmentStats": [
{ {
"departmentId": 1, "departmentId": 1,
"reimbursementAmount": 79 "reimbursementAmount": 79
}, },
{ {
"departmentId": 2, "departmentId": 2,
"reimbursementAmount": 9 "reimbursementAmount": 9
}, },
{ {
"departmentId": 3, "departmentId": 3,
"reimbursementAmount": 29 "reimbursementAmount": 29
}, },
{ {
"departmentId": 4, "departmentId": 4,
"reimbursementAmount": 46 "reimbursementAmount": 46
}, },
{ {
"departmentId": 5, "departmentId": 5,
"reimbursementAmount": 66 "reimbursementAmount": 66
} }
] ]
} }
], ],
"reimbursementAllTotalAmount": 79, "reimbursementAllTotalAmount": 79,
"reimbursementAdditionalTotalAmount": 25, "reimbursementAdditionalTotalAmount": 25,
"lastAllTotalAmount": 7, "lastAllTotalAmount": 7,
"lastAdditionalTotalAmount": 19, "lastAdditionalTotalAmount": 19,
"reimbursementLaunchCount": 86, "reimbursementLaunchCount": 86,
"invoiceLaunchCount": 26, "invoiceLaunchCount": 26,
"invoiceKindsStats": [ "invoiceKindsStats": [
{ {
"invoiceKind": 1, "invoiceKind": 1,
"invoiceLaunchCount": 39 "invoiceLaunchCount": 39
}, },
{ {
"invoiceKind": 2, "invoiceKind": 2,
"invoiceLaunchCount": 39 "invoiceLaunchCount": 39
}, },
{ {
"invoiceKind": 3, "invoiceKind": 3,
"invoiceLaunchCount": 39 "invoiceLaunchCount": 39
}, },
{ {
"invoiceKind": 5, "invoiceKind": 5,
"invoiceLaunchCount": 39 "invoiceLaunchCount": 39
}, },
{ {
"invoiceKind": 6, "invoiceKind": 6,
"invoiceLaunchCount": 39 "invoiceLaunchCount": 39
}, },
{ {
"invoiceKind": 7, "invoiceKind": 7,
"invoiceLaunchCount": 39 "invoiceLaunchCount": 39
}, },
], ],
"reimbursementPlaceStats": [ "reimbursementPlaceStats": [
{ {
"departureName": "青海", "departureName": "青海",
"reimbursementLaunchCount": 80, "reimbursementLaunchCount": 80,
"destinationName": "安徽" "destinationName": "安徽"
}, },
{ {
"departureName": "青海", "departureName": "青海",
"reimbursementLaunchCount": 70, "reimbursementLaunchCount": 70,
"destinationName": "甘肃" "destinationName": "甘肃"
} }
] ]
} }
}, 1000);*/ }, 1000);*/
}).catch(function (error) { }).catch(function (error) {
console.log(error) console.log(error)