Tenlion/system-copyright-react
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
2f880d0bd6
system-copyright-react/src/route/Refun/Refun.tsx

796 lines
36 KiB
TypeScript
Raw Normal View History

暂存
2024-08-22 16:33:01 +08:00
import './refun.css';
退款
2024-08-23 12:00:55 +08:00
import { useState, useEffect, } from 'react';
暂存
2024-08-22 18:28:15 +08:00
import {
退款补正项目样式更改
2024-10-30 15:29:55 +08:00
// Table,
Pagination,
Modal,
// Tag,
message, Spin,
Empty,
Dropdown
暂存
2024-08-22 18:28:15 +08:00
} from 'antd';
暂存
2024-08-23 11:16:52 +08:00
import { useSelector, useDispatch } from 'react-redux'
import { get, put, downloadUrl } from '../../util/AjaxUtils'
退款补正项目样式更改
2024-10-30 15:29:55 +08:00
// import type { TableProps } from 'antd';
暂存
2024-09-03 17:51:42 +08:00
import { useLocation } from 'react-router-dom';
// import { useNavigate } from "react-router-dom";
退款补正项目样式更改
2024-10-30 15:29:55 +08:00
// interface DataType {
// projName: string;
// projPayment: number;
// refundReason: string;
// gmtCreate: string;
// refundVoucherFileKVs: any;
// projRefundApplyId: string;
// gmtReview: string;
// applyStatus: string;
// reviewReason: string;
// projId: string;
// authorName: string;
// }
暂存
2024-08-22 16:33:01 +08:00
import revokeImg from '../../static/revoke.png'
退款补正项目样式更改
2024-10-30 15:29:55 +08:00
import logoImg from '../../static/projBox/logo.png'
import reason from '../../static/projBox/reson.png'
import green from '../../static/projBox/green.png'
import red from '../../static/projBox/red.png'
import blue from '../../static/projBox/blue.png'
import black from '../../static/projBox/black.png'
暂存
2024-08-22 16:33:01 +08:00
export default function Refun() {
暂存
2024-09-03 17:51:42 +08:00
const { state } = useLocation()
暂存
2024-08-22 16:33:01 +08:00
const height = window.innerHeight - 180;
const [messageApi, contextHolder] = message.useMessage();
暂存
2024-08-23 11:16:52 +08:00
const [isLoading, setIsLoading] = useState(false)
暂存
2024-08-22 16:33:01 +08:00
const [page, setPage] = useState(1) // 分页
暂存
2024-08-23 11:16:52 +08:00
// const [total, setTotal] = useState(0) // 数据总数
// const [data, setData] = useState<any[]>([])
暂存
2024-08-22 16:33:01 +08:00
const [revokeModal, setRevokeModal] = useState(false) //撤销弹窗
暂存
2024-08-22 18:28:15 +08:00
const [projRefundApplyId, setprojRefundApplyId] = useState('') //要撤销的id
暂存
2024-09-03 17:51:42 +08:00
const keyWords = state ? state.keywords : ''
const applyStatus = state ? state.applyStatus : ''
const authorId = state ? state.authorId : ''
退款
2024-08-23 12:00:55 +08:00
// setMenuActive(type)
暂存
2024-08-22 16:33:01 +08:00
// {state.type}
退款补正项目样式更改
2024-10-30 15:29:55 +08:00
// const columns: TableProps<DataType>['columns'] =
// // 撤销状态
// applyStatus == 'CANCELED' ? [
// {
// title: '序号',
// dataIndex: 'index',
// align: 'center',
// width: 80,
// fixed: 'left',
// render: (_text, _record, index) => (page - 1) * 20 + index + 1, // 显示序号，从1开始
// },
// {
// title: '系统名称',
// dataIndex: 'projName',
// align: 'center',
// key: 'projName',
// width: 150,
// fixed: 'left',
// render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
// },
// {
// title: '产权所属者',
// dataIndex: 'authorName',
// align: 'center',
// key: 'authorName',
// width: 150,
// render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
// },
// {
// title: '金额',
// dataIndex: 'projPayment',
// key: 'projPayment',
// align: 'center',
// width: 100,
// render: (text) => <div style={{ color: 'red', fontWeight: 700 }}>{(text / 100).toFixed(2)}</div>
// },
// {
// title: '退款原因',
// dataIndex: 'refundReason',
// key: 'refundReason',
// align: 'center',
// width: 150,
// render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
// },
// {
// title: '申请退款时间',
// dataIndex: 'gmtCreate',
// key: 'gmtCreate',
// align: 'center',
// width: 200,
// },
// {
// title: '审核状态',
// dataIndex: 'applyStatus',
// key: 'applyStatus',
// align: 'center',
// width: 100,
// render: (text) => <Tag
// color={text == "APPROVED" ? '#87d068' : text == "REJECTED" ? '#f50' : text == "PENDING" ? '#2db7f5' : text == "CANCELED" ? '#108ee9' : ''}
// >{text == "APPROVED" ? '已通过' : text == "REJECTED" ? '未通过' : text == "PENDING" ? '待审核' : text == "CANCELED" ? '已取消' : '未知'}</Tag>,
// },
// {
// title: '退款凭证',
// dataIndex: 'refundVoucherFileKVs',
// key: 'refundVoucherFileKVs',
// width: 150,
// align: 'center',
// render: (_, record) => (
// (record.refundVoucherFileKVs).map((item: any, index: number) => (
// <div style={{ cursor: 'pointer', color: 'var(--color-blue)' }}
// className='ellipsis-text' title={item.value}
// key={index} onClick={() => {
// window.open(downloadUrl(item.key, false), '_blank')
// }}>{item.value}</div>
// ))
// ),
// },
// ]
// : applyStatus == 'PENDING' ?
// // PENDING待审核状态
// [
// {
// title: '序号',
// dataIndex: 'index',
// align: 'center',
// width: 80,
// fixed: 'left',
// render: (_text, _record, index) => (page - 1) * 20 + index + 1, // 显示序号，从1开始
// },
// {
// title: '系统名称',
// dataIndex: 'projName',
// align: 'center',
// key: 'projName',
// fixed: 'left',
// width: 150,
// render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
// },
// {
// title: '产权所属者',
// dataIndex: 'authorName',
// align: 'center',
// key: 'authorName',
// width: 150,
// render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
// },
// {
// title: '金额',
// dataIndex: 'projPayment',
// key: 'projPayment',
// align: 'center',
// width: 100,
// render: (text) => <div style={{ color: 'red', fontWeight: 700 }}>{(text / 100).toFixed(2)}</div>,
// },
// {
// title: '退款原因',
// dataIndex: 'refundReason',
// key: 'refundReason',
// align: 'center',
// width: 150,
// render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
// },
// {
// title: '申请退款时间',
// dataIndex: 'gmtCreate',
// key: 'gmtCreate',
// align: 'center',
// width: 200,
// },
// {
// title: '审核状态',
// dataIndex: 'applyStatus',
// key: 'applyStatus',
// align: 'center',
// width: 100,
// render: (text) => <Tag
// color={text == "APPROVED" ? '#87d068' : text == "REJECTED" ? '#f50' : text == "PENDING" ? '#2db7f5' : text == "CANCELED" ? '#108ee9' : ''}
// >{text == "APPROVED" ? '通过' : text == "REJECTED" ? '未通过' : text == "PENDING" ? '待审核' : text == "CANCELED" ? '已取消' : '未知'}</Tag>,
// },
// {
// title: '退款凭证',
// dataIndex: 'refundVoucherFileKVs',
// key: 'refundVoucherFileKVs',
// width: 150,
// align: 'center',
// render: (_, record) => (
// // {record.name}
// // <div className='refunBtn' onClick={() => {
// // console.log(record.refundVoucherFileKVs);
// // }}> 预览</div>
// (record.refundVoucherFileKVs).map((item: any, index: number) => (
// <div style={{ cursor: 'pointer', color: 'var(--color-blue)' }}
// className='ellipsis-text' title={item.value}
// key={index} onClick={() => {
// window.open(downloadUrl(item.key, false), '_blank')
// }}>{item.value}</div>
// ))
// ),
// },
// {
// title: '操作',
// fixed: 'right',
// align: 'center',
// width: 100,
// render: (_, record) => (
// // {record.name}
// <div className='refunBtn' onClick={() => {
// // console.log(record.projRefundApplyId);
// setRevokeModal(true)
// setprojRefundApplyId(record.projRefundApplyId)
// }}> 撤销</div>
// ),
// },
// ]
// : applyStatus == 'APPROVED' || applyStatus == 'REJECTED' ?
// // 已通过 和未通过 状态
// [
// {
// title: '序号',
// dataIndex: 'index',
// align: 'center',
// width: 80,
// fixed: 'left',
// render: (_text, _record, index) => (page - 1) * 20 + index + 1, // 显示序号，从1开始
// },
// {
// title: '系统名称',
// dataIndex: 'projName',
// align: 'center',
// key: 'projName',
// fixed: 'left',
// width: 150,
// render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
// },
// {
// title: '产权所属者',
// dataIndex: 'authorName',
// align: 'center',
// key: 'authorName',
// width: 150,
// render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
// },
// {
// title: '金额',
// dataIndex: 'projPayment',
// key: 'projPayment',
// align: 'center',
// width: 100,
// render: (text) => <div style={{ color: 'red', fontWeight: 700 }}>{(text / 100).toFixed(2)}</div>,
// },
// {
// title: '退款原因',
// dataIndex: 'refundReason',
// key: 'refundReason',
// align: 'center',
// width: 150,
// render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
// },
// {
// title: '申请退款时间',
// dataIndex: 'gmtCreate',
// key: 'gmtCreate',
// align: 'center',
// width: 200,
// },
// {
// title: '审核时间',
// dataIndex: 'gmtReview',
// key: 'gmtReview',
// align: 'center',
// width: 200,
// render: (text) => <div>
// {text ? text : '—'}
// </div>
// },
// {
// title: '审核状态',
// dataIndex: 'applyStatus',
// key: 'applyStatus',
// align: 'center',
// width: 100,
// render: (text) => <Tag
// color={text == "APPROVED" ? '#87d068' : text == "REJECTED" ? '#f50' : text == "PENDING" ? '#2db7f5' : text == "CANCELED" ? '#108ee9' : ''}
// >{text == "APPROVED" ? '通过' : text == "REJECTED" ? '未通过' : text == "PENDING" ? '待审核' : text == "CANCELED" ? '已取消' : '未知'}</Tag>,
// },
// {
// title: '审核意见',
// dataIndex: 'reviewReason',
// key: 'reviewReason',
// align: 'center',
// width: 150,
// render: (text) => <div className='ellipsis-text' title={text}>{text ? text : '—'}</div>,
// },
// {
// title: '退款凭证',
// dataIndex: 'refundVoucherFileKVs',
// key: 'refundVoucherFileKVs',
// width: 150,
// align: 'center',
// render: (_, record) => (
// (record.refundVoucherFileKVs).map((item: any, index: number) => (
// <div className='ellipsis-text' title={item.value} style={{ cursor: 'pointer', color: 'var(--color-blue)' }} key={index} onClick={() => {
// window.open(downloadUrl(item.key, false), '_blank')
// }}>{item.value}</div>
// ))
// ),
// },
// ] : [
// {
// title: '序号',
// dataIndex: 'index',
// align: 'center',
// width: 80,
// render: (_text, _record, index) => (page - 1) * 20 + index + 1, // 显示序号，从1开始
// fixed: 'left',
// },
// {
// title: '系统名称',
// dataIndex: 'projName',
// align: 'center',
// key: 'projName',
// fixed: 'left',
// width: 150,
// render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
// },
// {
// title: '产权所属者',
// dataIndex: 'authorName',
// align: 'center',
// key: 'authorName',
// width: 150,
// render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
// },
// {
// title: '金额',
// dataIndex: 'projPayment',
// key: 'projPayment',
// align: 'center',
// width: 100,
// render: (text) => <div style={{ color: 'red', fontWeight: 700 }}>{(text / 100).toFixed(2)}</div>,
// },
// {
// title: '退款原因',
// dataIndex: 'refundReason',
// key: 'refundReason',
// align: 'center',
// width: 150,
// render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
// },
// {
// title: '申请退款时间',
// dataIndex: 'gmtCreate',
// key: 'gmtCreate',
// align: 'center',
// width: 200,
// },
// {
// title: '审核时间',
// dataIndex: 'gmtReview',
// key: 'gmtReview',
// align: 'center',
// width: 200,
// render: (text) => <div>
// {text ? text : '—'}
// </div>
// },
// {
// title: '审核状态',
// dataIndex: 'applyStatus',
// key: 'applyStatus',
// align: 'center',
// width: 100,
// render: (text) => <Tag
// color={text == "APPROVED" ? '#87d068' : text == "REJECTED" ? '#f50' : text == "PENDING" ? '#2db7f5' : text == "CANCELED" ? '#108ee9' : ''}
// >{text == "APPROVED" ? '通过' : text == "REJECTED" ? '未通过' : text == "PENDING" ? '待审核' : text == "CANCELED" ? '已取消' : '未知'}</Tag>,
// },
// {
// title: '审核意见',
// dataIndex: 'reviewReason',
// key: 'reviewReason',
// align: 'center',
// width: 150,
// render: (text) => <div className='ellipsis-text' title={text}>{text ? text : '—'}</div>,
// },
// {
// title: '退款凭证',
// dataIndex: 'refundVoucherFileKVs',
// key: 'refundVoucherFileKVs',
// width: 150,
// align: 'center',
// render: (_, record) => (
// // {record.name}
// // <div className='refunBtn' onClick={() => {
// // console.log(record.refundVoucherFileKVs);
// // }}> 预览</div>
// (record.refundVoucherFileKVs).map((item: any, index: number) => (
// <div style={{ cursor: 'pointer', color: 'var(--color-blue)' }}
// className='ellipsis-text' title={item.value}
// key={index} onClick={() => {
// window.open(downloadUrl(item.key, false), '_blank')
// }}>{item.value}</div>
// ))
// ),
// },
// {
// title: '操作',
// align: 'center',
// width: 100,
// fixed: 'right',
// render: (_, record) => (
// // {record.applyStatus}PENDING
// <div>{record.applyStatus == 'PENDING' ? (
// <div className='refunBtn' onClick={() => {
// // console.log(record.projRefundApplyId);
// setRevokeModal(true)
// setprojRefundApplyId(record.projRefundApplyId)
// }}> 撤销</div>
// ) : (<>—</>)
// }</div >
// // <div className='refunBtn' onClick={() => {
// // // console.log(record.projRefundApplyId);
// // setRevokeModal(true)
// // setprojRefundApplyId(record.projRefundApplyId)
// // }}> 撤销</div>
// ),
// },
// ]
暂存
2024-08-23 11:16:52 +08:00
const dispath = useDispatch()
const redxuState: any = useSelector(state => state)
const refunArray = redxuState.refunArray
const total = redxuState.refunTotal
上传文件添加pdf
2024-09-11 16:45:19 +08:00
const newRefun = redxuState.newRefun
暂存
2024-08-22 18:28:15 +08:00
const getData = (page: number) => {
暂存
2024-08-22 16:33:01 +08:00
get({
messageApi,
优惠券等信息
2024-09-06 17:26:09 +08:00
url: `/api/proj/refund/apply/listpage/self`,
暂存
2024-08-22 16:33:01 +08:00
// url: `/api/proj/refund/apply/listpage?applyStatus=${state.type}`,
config: {
params: {
page: page,
退款
2024-08-26 09:10:30 +08:00
rows: 20,
暂存
2024-09-03 17:51:42 +08:00
applyStatus: applyStatus,
projName: keyWords,
authorId: authorId
暂存
2024-08-22 16:33:01 +08:00
}
},
暂存
2024-08-23 11:16:52 +08:00
onBefore() {
setIsLoading(true)
},
暂存
2024-08-22 18:28:15 +08:00
onSuccess(data: any) {
模块生成判定
2024-08-27 11:35:08 +08:00
// console.log(data.data.rows);
暂存
2024-08-23 11:16:52 +08:00
// setData(data.data.rows)
dispath({
type: 'upRefunArray',
val: data.data.rows
})
dispath({
type: 'upRefunTotal',
val: data.data.total
})
// setTotal(data.data.total)
},
onFinally() {
setIsLoading(false)
},
暂存
2024-08-22 18:28:15 +08:00
})
}
// 撤销退款
const projRefund = () => {
put<any>({
messageApi,
url: `/api/proj/refund/apply/cancel/self/${projRefundApplyId}`,
暂存
2024-08-23 11:16:52 +08:00
暂存
2024-08-22 18:28:15 +08:00
onBefore() {
暂存
2024-08-23 11:16:52 +08:00
暂存
2024-08-22 18:28:15 +08:00
},
onSuccess() {
setRevokeModal(false)
messageApi.success('已撤销');
暂存
2024-08-23 11:16:52 +08:00
get({
messageApi,
优惠券等信息
2024-09-06 17:26:09 +08:00
url: `/api/proj/refund/apply/listpage/self`,
暂存
2024-08-23 11:16:52 +08:00
// url: `/api/proj/refund/apply/listpage?applyStatus=${state.type}`,
config: {
params: {
page: page,
退款
2024-08-26 09:10:30 +08:00
rows: 20,
暂存
2024-09-03 17:51:42 +08:00
applyStatus: applyStatus,
projName: keyWords,
authorId: authorId
暂存
2024-08-23 11:16:52 +08:00
}
},
onSuccess(data: any) {
// console.log(data.data.rows);
// setData(data.data.rows)
暂存
2024-08-22 18:28:15 +08:00
暂存
2024-08-23 11:16:52 +08:00
// setTotal(data.data.total)
补正
2024-08-26 18:03:35 +08:00
if (data.data.rows.length == 0 && page > 1) {
暂存
2024-08-23 11:16:52 +08:00
getData(page - 1)
} else {
dispath({
type: 'upRefunArray',
val: data.data.rows
})
dispath({
type: 'upRefunTotal',
val: data.data.total
})
}
}
})
暂存
2024-08-22 18:28:15 +08:00
},
onFinally() {
// setIsProjIntroductionLoading(false)
// renderData()
暂存
2024-08-22 16:33:01 +08:00
}
})
}
暂存
2024-09-03 17:51:42 +08:00
// useEffect(() => {
// if (!state) {
// nav('/home')
// }
// }, [state])
暂存
2024-08-22 18:28:15 +08:00
useEffect(() => {
暂存
2024-08-22 16:33:01 +08:00
// getData(1)
setPage(1)
getData(1)
暂存
2024-09-03 17:51:42 +08:00
// console.log(authorId);
退款
2024-08-23 12:31:55 +08:00
暂存
2024-09-03 17:51:42 +08:00
}, [keyWords, applyStatus, authorId])
退款补正项目样式更改
2024-10-30 15:29:55 +08:00
useEffect(() => {
// 获取id为refun的元素
const refun: any = document.getElementById('refun');
// 当更换页码时候滚动到最上面
refun.scrollTop = 0;
}, [refunArray])
上传文件添加pdf
2024-09-11 16:45:19 +08:00
useEffect(() => {
// getData(1)
if (newRefun) {
setPage(1)
getData(1)
dispath({
type: 'newRefun',
val: false
})
}
}, [newRefun])
暂存
2024-08-22 16:33:01 +08:00
return (
<div>
{contextHolder}
暂存
2024-08-23 11:16:52 +08:00
退款补正项目样式更改
2024-10-30 15:29:55 +08:00
<div className='refun' id='refun' style={{ height: `${height - 60}px`, overflow: 'auto' }}>
暂存
2024-09-03 17:51:42 +08:00
暂存
2024-08-22 16:33:01 +08:00
{/* {state.type} */}
暂存
2024-08-23 11:16:52 +08:00
<Spin tip="加载中..." spinning={isLoading}>
退款补正项目样式更改
2024-10-30 15:29:55 +08:00
{/* <Table columns={columns} dataSource={refunArray}
暂存
2024-08-23 11:16:52 +08:00
style={{
// height: height - 80,
// height: 620,
// background: 'skyblue'
}}
补正退款页面修改
2024-10-24 10:16:49 +08:00
scroll={{ x: 2000, y: height - 160 }}
暂存
2024-08-23 11:16:52 +08:00
// pagination={false} // 不显示分页
pagination={
{
退款
2024-08-26 09:10:30 +08:00
pageSize: 20,
暂存
2024-08-23 11:16:52 +08:00
total: total,
onChange: (currentPage) => {
setPage(currentPage);
getData(currentPage)
},
showSizeChanger: false,
current: page
暂存
2024-08-22 16:33:01 +08:00
暂存
2024-08-23 11:16:52 +08:00
}
暂存
2024-08-22 16:33:01 +08:00
暂存
2024-08-23 11:16:52 +08:00
}
优惠券暂存
2024-09-02 16:41:02 +08:00
locale={{
emptyText: <Empty
description="暂无数据"
/>,
}}
补正退款页面修改
2024-10-24 10:16:49 +08:00
// scroll={{ }}
订单属性增加
2024-08-27 18:29:20 +08:00
rowKey="projRefundApplyId"
退款补正项目样式更改
2024-10-30 15:29:55 +08:00
/> */}
{refunArray.length == 0 ?
<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', width: '100%', height: `${height - 60}px` }}>
<Empty description="暂无数据" />
</div>
: <>
{refunArray.map((item: any, index: any) => {
const voucherItems = item.refundVoucherFileKVs.map((item: any) => ({
key: item.key,
label: (
<div
style={{ maxWidth: 200, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}
title={item.value}
onClick={() => {
window.open(downloadUrl(item.key, false), '_blank')
}}
>
{item.value}
</div>
),
}));
return (
<div className='projBox' key={item.projRefundApplyId}>
{/* <div className='numImg'>
<div style={{ marginTop: 15 }}>{(page - 1) * 20 + index + 1}</div>
</div> */}
<div className='timeImg'>
<div>申请时间 : {item.gmtCreate}</div>
</div>
<div className='projBoxTop'>
<div className='projName' title={item.projName}>
{item.projName}
</div>
<div>
</div>
</div>
<div className='projBoxBot'>
<div className='boxTopL'>
<div className='numImg'>
{(page - 1) * 20 + index + 1}
</div>
<div className='projlogo'>
<img src={logoImg} className='projlogo' alt="" />
</div>
<div className='projInfo'>
<div className='projPeople' title={item.authorName}>
{item.authorName}
</div>
<div className='projImg'>
<div> 退款凭证</div>
<Dropdown menu={{
items: voucherItems,
}}
arrow
placement="bottomLeft">
<div className='lookImg'
>(查看)
</div>
</Dropdown>
</div>
</div>
</div>
<div className='projReason'>
<div className='projReasonTop'>
<img src={reason} className='reasonImg' alt="" />
<div className='yellowTitle'>退款原因</div>
</div>
<div className='projBoxText' title={item.refundReason}>
{item.refundReason}
</div>
</div>
<div className='projStatus'>
<div className='projStatusTop'>
<img className='projStatusImg' src={item.applyStatus == 'PENDING' ? blue : item.applyStatus == 'CANCELED' ? black : item.applyStatus == 'APPROVED' ? green : item.applyStatus == 'REJECTED' ? red : ''} alt="" />
{/* <div>{item.applyStatus}</div> */}
<div
style={{ color: item.applyStatus == 'PENDING' ? '#1890FF' : item.applyStatus == 'CANCELED' ? '#979797' : item.applyStatus == 'APPROVED' ? '#52C41A' : item.applyStatus == 'REJECTED' ? '#FF0000' : '#FF0000' }}
>{item.applyStatus == 'PENDING' ? '待审核' : item.applyStatus == 'CANCELED' ? '已撤销' : item.applyStatus == 'APPROVED' ? '已通过' : item.applyStatus == 'REJECTED' ? '未通过' : '未知状态'}</div>
<div style={{ display: item.gmtReview ? 'block' : 'none', fontWeight: 400, marginLeft: 5 }}>{item.gmtReview}</div>
</div>
<div className='projBoxText statusprojBoxText' style={{ display: item.reviewReason ? 'block' : 'none' }} title={item.reviewReason}>
审核意见 : {item.reviewReason}
</div>
</div>
<div className='zwBox'>
</div>
<div className='projBtn'>
{/* <div className='priceNum'>金额:{(item.projPayment / 100).toFixed(2)}元</div> */}
<div className='priceNum'>金额:{(item.projPayment / 100)}元</div>
<div className='setProj' onClick={() => {
setRevokeModal(true)
setprojRefundApplyId(item.projRefundApplyId)
}}
style={{ display: item.applyStatus == 'PENDING' ? 'block' : 'none' }}
>撤销退款</div>
</div>
</div>
</div>
)
})}
</>}
暂存
2024-08-23 11:16:52 +08:00
</Spin>
退款补正项目样式更改
2024-10-30 15:29:55 +08:00
</div>
<div className='pagination'>
去除log
2025-01-03 17:33:18 +08:00
<Pagination current={page} total={total} pageSize={20} showSizeChanger={false} onChange={(page) => {
退款补正项目样式更改
2024-10-30 15:29:55 +08:00
setPage(page)
getData(page)
}} />
暂存
2024-08-22 16:33:01 +08:00
</div>
暂存
2024-08-23 11:16:52 +08:00
暂存
2024-08-22 16:33:01 +08:00
<Modal
title="确认撤销"
okText="撤销"
cancelText="取消"
destroyOnClose={true}
open={revokeModal}
onOk={() => {
暂存
2024-08-22 18:28:15 +08:00
// setRevokeModal(false)
projRefund()
暂存
2024-08-22 16:33:01 +08:00
}}
onCancel={() => {
setRevokeModal(false)
}}
okButtonProps={{ style: { background: 'red', color: 'white' } }}
style={{
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
height: `${height}px`,
}}>
<div style={{ width: 384, display: 'flex', height: 50, alignItems: 'center' }}>
<img src={revokeImg} alt="" style={{ width: 32, height: 32, marginLeft: 10 }} />
<div style={{ marginLeft: 10, fontSize: 18 }}>
是否撤销该条退款申请
</div>
</div>
</Modal>
</div>
)
}
Reference in New Issue Copy Permalink