758 lines
38 KiB
TypeScript
758 lines
38 KiB
TypeScript
import { connect } from "umi";
|
||
import type { ConnectState } from "@/models/connect";
|
||
import { PageContainer } from "@ant-design/pro-layout";
|
||
import type { FormInstance } from "antd";
|
||
import { message } from "antd";
|
||
import { Button, Col, Descriptions, Row, Tooltip } from "antd";
|
||
import moment from 'moment'
|
||
import { contractType } from "@/pages/contract/emun";
|
||
import session from "@/utils/session";
|
||
import ProTable from "@ant-design/pro-table";
|
||
import numeral from 'numeral'
|
||
import { useImperativeHandle, useRef, useState } from "react";
|
||
import CorrectTable from "./correctTable";
|
||
import { handleGetPeriodSupplementList } from "../service";
|
||
import ProForm, { ProFormDigit, ProFormSelect, ProFormTextArea, ProFormUploadButton } from "@ant-design/pro-form";
|
||
import { handleGetAPPROVALROUTEDetail, handleGetProjectPeriodAccount } from "../../ShopExpenseDetail/service";
|
||
import ReviewProcess from "../../revenueConfirmation/components/ReviewProcess";
|
||
import { getMoney } from "@/services/options";
|
||
import { wrapTreeNode } from "@/utils/format";
|
||
import { handleGetBUSINESSAPPROVALDetail } from "@/pages/examine/monthSettlement/service";
|
||
import HistoricalProjects from "./HistoricalProjects";
|
||
|
||
type DetailProps = {
|
||
parentRow: any
|
||
dataRef: any // 可以通过这个拿到选中的数据
|
||
onShow: boolean // 组件是否显示
|
||
setIsFinishCalibration?: any
|
||
onRef: any
|
||
currentUser?: any
|
||
readonly: boolean // 判断是否显示按钮和 精算表单
|
||
}
|
||
const AfterSettlement = ({ parentRow, dataRef, onShow, setIsFinishCalibration, onRef, currentUser, readonly }: DetailProps) => {
|
||
const SETTLEMENTMODESOBJ: any = session.get('SETTLEMENT_MODESObj')
|
||
const settlementRef = useRef<FormInstance>();
|
||
const HistoricalProjectsRef = useRef<any>()
|
||
|
||
// 表格数据
|
||
const [tableData, setTableData] = useState<any>()
|
||
// 表格的加载效果
|
||
const [tableLoading, setTableLoading] = useState<boolean>(false)
|
||
// 日结冲正信息表的表格数据
|
||
const [correctTableData, setCorrectTableData] = useState<any>()
|
||
// 校验表单的加载效果
|
||
const [proFormLoading, setProFormLoading] = useState<boolean>(false)
|
||
// 附件
|
||
const [fileList, setFileList] = useState<any>()
|
||
// 当前是否为指定重新申请
|
||
const [currentREJECTTYPE, setCurrentREJECT_TYPE] = useState<boolean>(false)
|
||
// 指定的下一个状态
|
||
const [nextState, setNextState] = useState<any>()
|
||
const columns: any = [
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>期限</div>,
|
||
dataIndex: 'PeriodDesc',
|
||
align: 'left',
|
||
width: 300,
|
||
fixed: 'left',
|
||
hideInSearch: true,
|
||
render: (_, record) => {
|
||
return record?.PeriodDesc === '合计' ?
|
||
<span style={{ color: '#9A3D1A', fontWeight: 600 }}>合计</span> :
|
||
record?.level === 1 ?
|
||
<span>{`${record?.PeriodDesc}`}</span> :
|
||
<>
|
||
<span>{`${record?.PeriodDesc}`}</span>
|
||
{
|
||
record?.EarlySettlement ?
|
||
<span style={{ color: 'red', marginLeft: '4px' }}>【提前结算】</span> : ''
|
||
}
|
||
</>
|
||
}
|
||
},
|
||
{
|
||
title: '租金信息',
|
||
dataIndex: '',
|
||
hideInSearch: true,
|
||
children: [
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>保底/固定租金</div>,
|
||
dataIndex: 'MinturnOver',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
width: 130,
|
||
hideInSearch: true,
|
||
},
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>提成比率</div>,
|
||
dataIndex: 'GuaranteeRatio',
|
||
hideInSearch: true,
|
||
align: 'right',
|
||
width: 100,
|
||
render: (_, record) => {
|
||
return record?.GuaranteeRatio ? `${record?.GuaranteeRatio}%` : ''
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
title: '营业额',
|
||
dataIndex: '',
|
||
hideInSearch: true,
|
||
children: [
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>现金</div>,
|
||
dataIndex: 'CashAmount',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
width: 80,
|
||
hideInSearch: true,
|
||
},
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>微支付</div>,
|
||
dataIndex: 'MobilePayAmount',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
width: 100,
|
||
hideInSearch: true,
|
||
},
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>小计</div>,
|
||
dataIndex: 'RevenueAmount',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
width: 150,
|
||
hideInSearch: true,
|
||
render: (_, record) => {
|
||
return <span style={{ color: '#1890ff' }}>
|
||
{record?.RevenueAmount ?
|
||
`${numeral(getMoney(record?.RevenueAmount)).format('0,0.00')}${record?.addRevenueMoney ? `（${record?.addRevenueMoney > 0 ? '+' : record?.addRevenueMoney < 0 ? '' : ''}${record?.addRevenueMoney}）`
|
||
: ''
|
||
}`
|
||
: '0'}</span>
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>业主收款</div>,
|
||
dataIndex: 'RoyaltyAmount',
|
||
valueType: 'digit',
|
||
width: 100,
|
||
align: 'right',
|
||
hideInSearch: true,
|
||
},
|
||
{
|
||
title: '应收费用',
|
||
dataIndex: '',
|
||
hideInSearch: true,
|
||
children: [
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>合计</div>,
|
||
dataIndex: 'ReceivableAmount',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
width: 100,
|
||
hideInSearch: true,
|
||
render: (_, record) => {
|
||
const str: string = `租金(${numeral(record?.GuaranteeFee).format('0.00')}) + 物业费(${numeral(record?.PropertyFee).format('0.00')}) + 房租(${numeral(record?.HouseRent).format('0.00')}) + 罚款(${numeral(record?.BreachPenalty).format('0.00')}) + 电费(${numeral(record?.ElectricityCharge).format('0.00')}) + 水费(${numeral(record?.WaterCharge).format('0.00')}) + 其他(${numeral(record?.OtherFee).format('0.00')})`
|
||
return record?.ReceivableAmount ?
|
||
<Tooltip title={str}>
|
||
<span>
|
||
{numeral(record?.ReceivableAmount).format('0,0.00')}
|
||
</span>
|
||
</Tooltip>
|
||
: ''
|
||
}
|
||
},
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>租金</div>,
|
||
dataIndex: 'GuaranteeFee',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
width: 120,
|
||
hideInSearch: true,
|
||
render: (_, record) => {
|
||
const str: string = `租金(${numeral(record?.MinturnOver).format('0.00')}) ${record?.MinturnOver > (record?.RevenueAmount * (record?.GuaranteeRatio) / 100) ? '>' : '<'} 营业额(${record?.RevenueAmount || 0}) * 提成比率(${record?.GuaranteeRatio ? `${record?.GuaranteeRatio}%` : ''})`
|
||
return record?.GuaranteeFee ?
|
||
<Tooltip title={record?.PeriodDesc === '合计' ? '' : str}>
|
||
<span>{numeral(record?.GuaranteeFee).format('0,0.00')}</span>
|
||
</Tooltip>
|
||
: ''
|
||
}
|
||
},
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>物业费</div>,
|
||
dataIndex: 'PropertyFee',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
width: 100,
|
||
hideInSearch: true,
|
||
render: (_, record) => {
|
||
return record?.PropertyFee ?
|
||
numeral(record?.PropertyFee).format('0,0.00')
|
||
: record?.PropertyFee === 0 ? <span style={{ color: 'red' }}>0</span> : ''
|
||
}
|
||
},
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>房租</div>,
|
||
dataIndex: 'HouseRent',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
width: 80,
|
||
hideInSearch: true,
|
||
},
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>罚款</div>,
|
||
dataIndex: 'BreachPenalty',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
width: 80,
|
||
hideInSearch: true,
|
||
},
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>电费</div>,
|
||
dataIndex: 'ElectricityCharge',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
width: 80,
|
||
hideInSearch: true,
|
||
render: (_, record) => {
|
||
return record?.ElectricityCharge ?
|
||
numeral(record?.ElectricityCharge).format('0,0.00')
|
||
: record?.ElectricityCharge === 0 ? <span style={{ color: 'red' }}>0</span> : ''
|
||
}
|
||
},
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>水费</div>,
|
||
dataIndex: 'WaterCharge',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
width: 80,
|
||
hideInSearch: true,
|
||
render: (_, record) => {
|
||
return record?.WaterCharge ?
|
||
numeral(record?.WaterCharge).format('0,0.00')
|
||
: record?.WaterCharge === 0 ? <span style={{ color: 'red' }}>0</span> : ''
|
||
}
|
||
},
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>其他</div>,
|
||
dataIndex: 'OtherFee',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
width: 80,
|
||
hideInSearch: true,
|
||
}
|
||
]
|
||
},
|
||
{
|
||
title: '已缴费用',
|
||
dataIndex: '',
|
||
align: 'center',
|
||
hideInSearch: true,
|
||
children: [
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>合计</div>,
|
||
dataIndex: 'PaidFee',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
width: 100,
|
||
hideInSearch: true,
|
||
render: (_, record) => {
|
||
const str: string = `水费(${numeral(record?.SHOPEXPENSE_AMOUNT_1000).format('0.00')}) + 电费(${numeral(record?.SHOPEXPENSE_AMOUNT_2000).format('0.00')}) + 房租(${numeral(record?.SHOPEXPENSE_AMOUNT_3000).format('0.00')})
|
||
+ 物业费(${numeral(record?.SHOPEXPENSE_AMOUNT_5000).format('0.00')})`
|
||
|
||
|
||
return record?.PaidFee
|
||
?
|
||
<Tooltip title={str}>
|
||
<span>{numeral(record?.PaidFee).format('0,0.00')}</span>
|
||
</Tooltip>
|
||
: ''
|
||
}
|
||
},
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>水费</div>,
|
||
dataIndex: 'SHOPEXPENSE_AMOUNT_1000',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
width: 80,
|
||
hideInSearch: true,
|
||
render: (_, record) => {
|
||
return record?.SHOPEXPENSE_AMOUNT_1000 ?
|
||
numeral(record?.SHOPEXPENSE_AMOUNT_1000).format('0,0.00')
|
||
: record?.SHOPEXPENSE_AMOUNT_1000 === 0 ? <span style={{ color: 'red' }}>0</span> : ''
|
||
}
|
||
},
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>电费</div>,
|
||
dataIndex: 'SHOPEXPENSE_AMOUNT_2000',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
width: 80,
|
||
hideInSearch: true,
|
||
render: (_, record) => {
|
||
return record?.SHOPEXPENSE_AMOUNT_2000 ?
|
||
numeral(record?.SHOPEXPENSE_AMOUNT_2000).format('0,0.00')
|
||
: record?.SHOPEXPENSE_AMOUNT_2000 === 0 ? <span style={{ color: 'red' }}>0</span> : ''
|
||
}
|
||
},
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>房租</div>,
|
||
dataIndex: 'SHOPEXPENSE_AMOUNT_3000',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
width: 80,
|
||
hideInSearch: true,
|
||
},
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>物业费</div>,
|
||
dataIndex: 'SHOPEXPENSE_AMOUNT_5000',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
width: 100,
|
||
hideInSearch: true,
|
||
render: (_, record) => {
|
||
return record?.SHOPEXPENSE_AMOUNT_5000 ?
|
||
numeral(record?.SHOPEXPENSE_AMOUNT_5000).format('0,0.00')
|
||
: record?.SHOPEXPENSE_AMOUNT_5000 === 0 ? <span style={{ color: 'red' }}>0</span> : ''
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
title: <div style={{ textAlign: 'center' }}>退补款</div>,
|
||
dataIndex: 'RefundSupplement',
|
||
valueType: 'digit',
|
||
align: 'right',
|
||
fixed: 'right',
|
||
width: 100,
|
||
hideInSearch: true,
|
||
render: (_, record) => {
|
||
const str: string = `业主收款(${record?.RoyaltyAmount || 0}) - 应收费用(${record?.ReceivableAmount || 0}) + 已缴费用(${record?.PaidFee || 0})`
|
||
return record?.RefundSupplement ?
|
||
<Tooltip title={str}>
|
||
<span style={{ color: '#9A3D1A', fontWeight: 600 }}>{numeral(record?.RefundSupplement).format('0,0.00')}</span>
|
||
</Tooltip>
|
||
: ''
|
||
}
|
||
},
|
||
|
||
]
|
||
|
||
const descirption = () => {
|
||
return <>
|
||
<Descriptions column={3}>
|
||
<Descriptions.Item label="开始日期">{parentRow?.STARTDATE ? moment(parentRow?.STARTDATE).format('YYYY-MM-DD') : ''}</Descriptions.Item>
|
||
<Descriptions.Item label="截止日期">{parentRow?.ENDDATE ? moment(parentRow?.ENDDATE).format('YYYY-MM-DD') : ''}</Descriptions.Item>
|
||
<Descriptions.Item label="经营商户">{parentRow?.MERCHANTS_NAME}</Descriptions.Item>
|
||
</Descriptions>
|
||
<Descriptions column={3}>
|
||
<Descriptions.Item label="经营模式">{parentRow?.BUSINESS_TYPE ? contractType[parentRow?.BUSINESS_TYPE] : '-'}</Descriptions.Item>
|
||
<Descriptions.Item label="结算模式">{parentRow?.SETTLEMENT_MODES ? SETTLEMENTMODESOBJ[parentRow?.SETTLEMENT_MODES] : '-'}</Descriptions.Item>
|
||
{/* <Descriptions.Item label="项目税率">{}</Descriptions.Item> */}
|
||
<Descriptions.Item label="经营门店">{parentRow?.SERVERPARTSHOP_NAME}</Descriptions.Item>
|
||
</Descriptions>
|
||
|
||
|
||
{/* <Descriptions column={3}> */}
|
||
{/* </Descriptions> */}
|
||
</>
|
||
}
|
||
|
||
// 重新校准
|
||
const handleRecalibrate = (money?: any) => {
|
||
|
||
if (tableData && tableData.length > 0) {
|
||
// 避免重复添加重新精算的数据 把原本重新精算的数据 先给筛选掉
|
||
const newReqList: any = []
|
||
tableData.forEach((item: any) => {
|
||
if (item.PeriodDesc !== '精算数据' && item.PeriodDesc !== '合计') {
|
||
newReqList.push(item)
|
||
}
|
||
if (item.PeriodDesc === '合计' && item.children && item.children.length > 0) {
|
||
item.children.forEach((subItem: any) => {
|
||
newReqList.push(subItem)
|
||
})
|
||
}
|
||
})
|
||
console.log('tableData', tableData);
|
||
|
||
// 最近的一条数据
|
||
const newObj: any = JSON.parse(JSON.stringify(newReqList[newReqList.length - 1]))
|
||
// 重新校准点击拿到的值
|
||
const res = settlementRef.current?.getFieldsValue()
|
||
newObj.RevenueAmount += (res?.CORRECT_AMOUNT || money || 0)
|
||
newObj.addRevenueMoney = (res?.CORRECT_AMOUNT || money || 0)
|
||
let isBig: boolean = false
|
||
// 判断现在新的小计乘以提升比率 是否大于租金
|
||
if ((newObj.RevenueAmount * (newObj.GuaranteeRatio / 100)) > newObj.GuaranteeFee) {
|
||
isBig = true
|
||
}
|
||
// 如果新小计大于租金 那么租金就变成小计乘以比率 反之就是原本的值
|
||
newObj.GuaranteeFee = isBig ? getMoney(newObj.RevenueAmount * (newObj.GuaranteeRatio / 100)) : newObj.GuaranteeFee
|
||
if (isBig) {
|
||
// 算出合计
|
||
newObj.ReceivableAmount = newObj.GuaranteeFee + newObj.PropertyFee + newObj.HouseRent + newObj.BreachPenalty + newObj.ElectricityCharge + newObj.WaterCharge + newObj.OtherFee
|
||
// 算出退补款
|
||
newObj.RefundSupplement = newObj.RoyaltyAmount - newObj.ReceivableAmount + newObj?.PaidFee
|
||
}
|
||
const list = JSON.parse(JSON.stringify(newReqList))
|
||
newObj.PeriodDesc = '精算数据'
|
||
newObj.children = null
|
||
|
||
// 根据新要求 冲正了多少钱应该显示在第二条记录里面 即精算数据的上面一行 精算数据 直接显示结果既可
|
||
list.forEach((item: any, index: number) => {
|
||
if (index === list.length - 1) {
|
||
item.addRevenueMoney = newObj.addRevenueMoney
|
||
}
|
||
})
|
||
newObj.addRevenueMoney = null
|
||
list.push(newObj)
|
||
console.log('list', list);
|
||
|
||
setTableData(list)
|
||
}
|
||
}
|
||
|
||
useImperativeHandle(onRef, () => ({
|
||
settlementRef,
|
||
tableData,
|
||
fileList,
|
||
nextState,
|
||
HistoricalProjectsRef
|
||
}));
|
||
|
||
|
||
return (
|
||
<div>
|
||
<PageContainer
|
||
style={{ width: '100%', height: '100%', background: '#ffffff' }}
|
||
header={{
|
||
title: parentRow?.BUSINESSPROJECT_NAME,
|
||
breadcrumb: {},
|
||
}}
|
||
>
|
||
<>
|
||
<>
|
||
{descirption()}
|
||
</>
|
||
<>
|
||
<ProTable
|
||
rowKey={(record) => {
|
||
return `${record?.ShopRoyalty_Id}-${record?.PeriodIndexStr}-${record?.PeriodDesc}`
|
||
}}
|
||
columns={columns}
|
||
bordered
|
||
search={false}
|
||
pagination={false}
|
||
scroll={{ x: 'max-content' }}
|
||
loading={tableLoading}
|
||
request={async () => {
|
||
setTableLoading(true)
|
||
console.log('dataRef', dataRef);
|
||
const res: any = dataRef.current?.YearExamineDetailTableRef?.current?.selectDetailList
|
||
setTableData(res)
|
||
console.log('res', res);
|
||
// 拿最小的开始 最大的结束
|
||
let startTime: string = ''
|
||
let endTime: string = ''
|
||
let ShopRoyaltyIdStr: string = ''
|
||
if (res && res.length > 0) {
|
||
res.forEach((item: any, index: number) => {
|
||
if (item.PeriodDesc !== '合计') {
|
||
if (ShopRoyaltyIdStr) {
|
||
ShopRoyaltyIdStr += `,${item.ShopRoyalty_Id}`
|
||
} else {
|
||
ShopRoyaltyIdStr = `${item.ShopRoyalty_Id}`
|
||
}
|
||
|
||
|
||
if (startTime) {
|
||
if (new Date(moment(item.StartDate).format('YYYY-MM-DD')).getTime() < new Date(startTime).getTime()) {
|
||
startTime = moment(item.StartDate).format('YYYY-MM-DD')
|
||
}
|
||
} else {
|
||
startTime = moment(item.StartDate).format('YYYY-MM-DD')
|
||
}
|
||
|
||
if (endTime) {
|
||
if (new Date(moment(item.EndDate).format('YYYY-MM-DD')).getTime() > new Date(endTime).getTime()) {
|
||
endTime = moment(item.EndDate).format('YYYY-MM-DD')
|
||
}
|
||
} else {
|
||
endTime = moment(item.EndDate).format('YYYY-MM-DD')
|
||
}
|
||
} else {
|
||
if (item.children && item.children.length > 0) {
|
||
item.children.forEach((subItem) => {
|
||
if (ShopRoyaltyIdStr) {
|
||
ShopRoyaltyIdStr += `,${subItem.ShopRoyalty_Id}`
|
||
} else {
|
||
ShopRoyaltyIdStr = `${subItem.ShopRoyalty_Id}`
|
||
}
|
||
|
||
|
||
if (startTime) {
|
||
if (new Date(moment(subItem.StartDate).format('YYYY-MM-DD')).getTime() < new Date(startTime).getTime()) {
|
||
startTime = moment(subItem.StartDate).format('YYYY-MM-DD')
|
||
}
|
||
} else {
|
||
startTime = moment(subItem.StartDate).format('YYYY-MM-DD')
|
||
}
|
||
|
||
if (endTime) {
|
||
if (new Date(moment(subItem.EndDate).format('YYYY-MM-DD')).getTime() > new Date(endTime).getTime()) {
|
||
endTime = moment(subItem.EndDate).format('YYYY-MM-DD')
|
||
}
|
||
} else {
|
||
endTime = moment(subItem.EndDate).format('YYYY-MM-DD')
|
||
}
|
||
})
|
||
}
|
||
}
|
||
})
|
||
}
|
||
console.log('parentRow', parentRow);
|
||
|
||
// 调新接口 拿数据
|
||
const newReq: any = {
|
||
BusinessProjectId: parentRow?.BUSINESSPROJECT_ID,
|
||
ShopRoyaltyId: ShopRoyaltyIdStr,
|
||
ServerpartShopId: parentRow?.SERVERPARTSHOP_ID,
|
||
StartDate: startTime,
|
||
EndDate: endTime,
|
||
}
|
||
|
||
const newData = await handleGetPeriodSupplementList(newReq)
|
||
console.log('newDatanewDatanewDatanewData', newData);
|
||
setCorrectTableData(newData)
|
||
if (!(parentRow?.APPLY_PROCCESS && parentRow?.BUSINESSAPPROVAL_ID)) {
|
||
settlementRef.current?.setFieldsValue({ CORRECT_AMOUNT: newData && newData.length > 0 ? newData[0].CorrectAmount : '' })
|
||
}
|
||
setTableLoading(false)
|
||
|
||
// 如果是重新申请的话 再调用这个接口
|
||
if (parentRow?.APPLY_PROCCESS && parentRow?.BUSINESSAPPROVAL_ID) {
|
||
const req: any = {
|
||
BUSINESSPROJECT_ID: parentRow?.BUSINESSPROJECT_ID,
|
||
SHOPROYALTY_ID: parentRow?.SHOPROYALTY_ID,
|
||
BUSINESSAPPROVAL_ID: parentRow?.BUSINESSAPPROVAL_ID
|
||
}
|
||
const data = await handleGetProjectPeriodAccount(req)
|
||
if (data.ProjectPeriodList && data.ProjectPeriodList.length > 0) {
|
||
const list: any = wrapTreeNode(data.ProjectPeriodList)
|
||
console.log('dskdjaskldjas', list);
|
||
if (list && list.length > 0) {
|
||
list.forEach((item: any) => {
|
||
if (item.PeriodIndex > 0) {
|
||
settlementRef.current?.setFieldsValue({ CORRECT_AMOUNT: item.CorrectAmount })
|
||
}
|
||
})
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
}}
|
||
dataSource={tableData}
|
||
/>
|
||
</>
|
||
{/* <HistoricalProjects parentRow={parentRow} onRef={HistoricalProjectsRef} /> */}
|
||
<>
|
||
{
|
||
tableLoading ? '' :
|
||
<CorrectTable data={correctTableData} show={false} currentRow={parentRow} money={parentRow?.CORRECT_AMOUNT} />
|
||
}
|
||
</>
|
||
{
|
||
readonly ? '' :
|
||
<div style={{ marginTop: '16px' }}>
|
||
<ProForm
|
||
formRef={settlementRef}
|
||
submitter={{
|
||
render: () => {
|
||
return []
|
||
}
|
||
}}
|
||
// loading={proFormLoading ? {
|
||
// spinning: proFormLoading,
|
||
// tip: '正在为您查询结算年度内，服务区管理员校验冲正数据...'
|
||
// } : false}
|
||
// request={() => {
|
||
// setProFormLoading(true)
|
||
// if (correctTableData && correctTableData.length > 0) {
|
||
// const obj: any = correctTableData[0]
|
||
// setProFormLoading(false)
|
||
// return { CORRECT_AMOUNT: obj?.CorrectAmount || 0 }
|
||
// }
|
||
// setProFormLoading(false)
|
||
// return {}
|
||
// }}
|
||
>
|
||
<Row gutter={16}>
|
||
<Col span={6}>
|
||
<ProFormDigit
|
||
name={'CORRECT_AMOUNT'}
|
||
label={'冲正金额'}
|
||
fieldProps={{
|
||
min: -9999999999
|
||
}}
|
||
/>
|
||
</Col>
|
||
|
||
<Col span={6}>
|
||
<ProFormSelect
|
||
name="APPROVALSTAFF_ID"
|
||
label="审批人"
|
||
rules={[
|
||
{
|
||
required: true,
|
||
message: '请选择审批人'
|
||
}
|
||
]}
|
||
disabled={currentREJECTTYPE}
|
||
request={async () => {
|
||
console.log('currentRow请选择审批人', parentRow);
|
||
|
||
const req = {
|
||
OperationType: 11,
|
||
CurState: 1000,
|
||
IsValid: 1,
|
||
ShowApprovalUser: true,
|
||
ServerpartIds: parentRow?.SERVERPART_ID || '',
|
||
ShopIds: parentRow?.SERVERPARTSHOP_ID || ''
|
||
}
|
||
const data = await handleGetAPPROVALROUTEDetail(req)
|
||
|
||
const detailReq: any = {
|
||
BUSINESSAPPROVALId: parentRow?.BUSINESSAPPROVAL_ID
|
||
}
|
||
console.log('req', req);
|
||
let detailData: any = []
|
||
if (parentRow?.BUSINESSAPPROVAL_ID) {
|
||
detailData = await handleGetBUSINESSAPPROVALDetail(detailReq)
|
||
}
|
||
const list: any = []
|
||
if (detailData.REJECT_TYPE === 2) {
|
||
const nowPersonList: any = detailData.approveList[detailData.approveList.length - 1]
|
||
const list: any = [{ label: nowPersonList.REJECT_STAFF, value: `${nowPersonList.REJECT_STAFF}-${nowPersonList.REJECT_ID}` }]
|
||
settlementRef.current?.setFieldsValue({ APPROVALSTAFF_ID: `${nowPersonList.REJECT_STAFF}-${nowPersonList.REJECT_ID}` })
|
||
setNextState(nowPersonList?.REJECT_TYPE)
|
||
setCurrentREJECT_TYPE(true)
|
||
return list
|
||
}
|
||
setCurrentREJECT_TYPE(false)
|
||
setNextState(undefined)
|
||
if (data.UserList && data.UserList.length > 0) {
|
||
data.UserList.forEach((item: any) => {
|
||
list.push({ label: item.USER_NAME, value: `${item.USER_NAME}-${item.USER_ID}` })
|
||
})
|
||
}
|
||
if (list && list.length > 0 && list.length === 1) {
|
||
settlementRef.current?.setFieldsValue({ APPROVALSTAFF_ID: list[0].value })
|
||
}
|
||
if (currentUser?.ID === 2785) {
|
||
list.push({ label: '严琅杰', value: `严琅杰-2785` })
|
||
}
|
||
|
||
return list
|
||
|
||
|
||
}}
|
||
/>
|
||
</Col>
|
||
|
||
</Row>
|
||
|
||
<ProFormTextArea
|
||
label={"结算备注"}
|
||
name={"BUSINESSAPPROVAL_DESC"}
|
||
rules={[
|
||
{
|
||
required: true,
|
||
message: '请输入结算备注'
|
||
}
|
||
]}
|
||
/>
|
||
|
||
<ProFormUploadButton
|
||
label={"上传年度结算单"}
|
||
name="files"
|
||
fileList={fileList}
|
||
fieldProps={{
|
||
beforeUpload: () => false,
|
||
onChange: async (info: any) => {
|
||
console.log('info', info);
|
||
// setFileList(info.fileList)
|
||
const { fileList: newFileList } = info;
|
||
|
||
// 过滤出有效的图片文件
|
||
const validFileList = newFileList.filter(file => {
|
||
if (file.type.startsWith('image/')) {
|
||
return true;
|
||
}
|
||
message.error(`${file.name} 不是图片文件，已被移除.`);
|
||
return false;
|
||
|
||
});
|
||
// 更新文件列表
|
||
setFileList(validFileList);
|
||
|
||
|
||
// console.log('parentRow', parentRow);
|
||
|
||
|
||
// const formData = new FormData();
|
||
// info.fileList.forEach((item: any) => {
|
||
// if (item.status !== "done") {
|
||
// console.log('item', item);
|
||
// formData.append('files[]', item.originFileObj);
|
||
// formData.append('ImageName', item.name);
|
||
// }
|
||
// })
|
||
// formData.append('TableType', '1130');
|
||
// formData.append('TableId', );
|
||
}
|
||
}}
|
||
buttonProps={{
|
||
children: '上传年度结算单'
|
||
}}
|
||
/>
|
||
|
||
<div style={{ width: '100%', display: 'flex', justifyContent: 'flex-end' }}>
|
||
<Button type="primary" onClick={() => {
|
||
handleRecalibrate()
|
||
setIsFinishCalibration(true)
|
||
}}>
|
||
精算金额
|
||
</Button>
|
||
</div>
|
||
|
||
</ProForm>
|
||
</div>
|
||
}
|
||
|
||
{
|
||
readonly ? '' :
|
||
<div style={{ paddingBottom: '16px', paddingTop: '16px' }}>
|
||
<ReviewProcess showReviewProcess={onShow} compareCurrent={{
|
||
...parentRow,
|
||
BusinessApprovalId: parentRow?.BUSINESSAPPROVAL_ID
|
||
}} changeDesc={settlementRef} />
|
||
</div>
|
||
}
|
||
|
||
|
||
|
||
</>
|
||
</PageContainer>
|
||
</div>
|
||
)
|
||
}
|
||
|
||
export default connect(({ user, }: ConnectState) => ({
|
||
currentUser: user.currentUser,
|
||
}))(AfterSettlement);
|