This commit is contained in:
lyp 2025-09-04 17:57:04 +08:00
parent b1a65a0349
commit b50a400fa0
2 changed files with 142 additions and 15 deletions

View File

@ -35,6 +35,31 @@ import SoftwareManagementShow from '../../route/proj/edit/ProjConfigModListShow.
import DisplayOrder from '../../route/proj/edit/ProjConfigMenuList.tsx'
import DisplayOrderShow from '../../route/proj/edit/ProjConfigMenuListShow.tsx'
export default function CardProj(props: any) {
// 高新材料申请--------------------------------------------------------------------------------
const [highTechModal, setHighTechModal] = useState(false)
const highTechButtonArray = [
{
name: '立项申请',
key: '1'
},
{
name: '项目验收',
key: '2'
},
]
const [highTechButtonKey, setHighTechButtonKey] = useState('1')
// -------------------------------------------------------------------------------------------------
const globalDispatchContext = useContext(GlobalDispatchContext);
const height = window.innerHeight - 250;
// 下载等待弹窗
@ -598,7 +623,6 @@ export default function CardProj(props: any) {
}}>
{payCharge}
</div>
<div className='cp-tag'
style={{
background: '#8a8a8a', color: '#fff',
@ -658,6 +682,17 @@ export default function CardProj(props: any) {
})}
</div>
<Button style={{
height: 30,
marginLeft: 10,
background: 'var(--color-tagedit)',
color: '#fff',
}}
onClick={() => setHighTechModal(true)}
>
</Button>
</div>
@ -718,8 +753,8 @@ export default function CardProj(props: any) {
</div>
</Carousel>
<div className='payStatus' style={{ background: data.pay.payStatus == 'UNPAID' ? '#E85454 ' : data.pay.payStatus == 'PAID' ? '#40BF76' : data.pay.payStatus == 'ARREARS' ? '#FFA200' : data.pay.payStatus == 'FULL_REFUND' ? '#C9C9C9' : data.pay.payStatus == 'CORRECTION1_REFUND' ? '#99B5BD' : data.pay.payStatus == 'CORRECTION2_REFUND' ? '#99A3BD' :data.pay.payStatus == 'RENAME_REFUND'?'#99B5BD': '' }}>
{data.pay.payStatus == 'UNPAID' ? '未付款' : data.pay.payStatus == 'PAID' ? '已付款' : data.pay.payStatus == 'ARREARS' ? '欠费' : data.pay.payStatus == 'FULL_REFUND' ? '全额退款' : data.pay.payStatus == 'CORRECTION1_REFUND' ? '补正1次退款' : data.pay.payStatus == 'CORRECTION2_REFUND' ? '补正2次退款' :data.pay.payStatus == 'RENAME_REFUND'?'换名退款': ''}
<div className='payStatus' style={{ background: data.pay.payStatus == 'UNPAID' ? '#E85454 ' : data.pay.payStatus == 'PAID' ? '#40BF76' : data.pay.payStatus == 'ARREARS' ? '#FFA200' : data.pay.payStatus == 'FULL_REFUND' ? '#C9C9C9' : data.pay.payStatus == 'CORRECTION1_REFUND' ? '#99B5BD' : data.pay.payStatus == 'CORRECTION2_REFUND' ? '#99A3BD' : data.pay.payStatus == 'RENAME_REFUND' ? '#99B5BD' : '' }}>
{data.pay.payStatus == 'UNPAID' ? '未付款' : data.pay.payStatus == 'PAID' ? '已付款' : data.pay.payStatus == 'ARREARS' ? '欠费' : data.pay.payStatus == 'FULL_REFUND' ? '全额退款' : data.pay.payStatus == 'CORRECTION1_REFUND' ? '补正1次退款' : data.pay.payStatus == 'CORRECTION2_REFUND' ? '补正2次退款' : data.pay.payStatus == 'RENAME_REFUND' ? '换名退款' : ''}
</div>
</div>
{/* <img src={downloadUrl(data.codeTypePage.previewImgs)} className='cpb-left-img' alt="" /> */}
@ -954,12 +989,16 @@ export default function CardProj(props: any) {
// window.open(`${Axios.defaults?.baseURL}/route/proj/download/all/${data.projId}`)
downAll(data.projId, data.projName)
}}><DownloadOutlined /> </Button>
<Button style={{ display: showBuyPicAgain ? 'unset' : 'none' }} size="small" type="text" onClick={() => {
<Button style={{
// display: showBuyPicAgain ? 'unset' : 'none'
}} size="small" type="text" onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/pkg/${data.projId}`)
}}><DownloadOutlined />
<span style={{ marginLeft: 5 }}></span>
</Button>
<Button style={{ display: showBuyVideoAgain ? 'unset' : 'none' }} size="small" type="text" onClick={() => {
<Button style={{
// display: showBuyVideoAgain ? 'unset' : 'none'
}} size="small" type="text" onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/video/${data.projId}`)
}}><DownloadOutlined />
<span style={{ marginLeft: 5 }}></span>
@ -1011,7 +1050,7 @@ export default function CardProj(props: any) {
</div> */}
<div className='cpbc-bot' style={{ color: 'var(--color-tagedit)' }} title={data.apply.authorName}>
: {data.apply.authorName?data.apply.authorName:'无'}
: {data.apply.authorName ? data.apply.authorName : '无'}
</div>
</div>
{/* <div className='cline'></div> */}
@ -1544,6 +1583,52 @@ export default function CardProj(props: any) {
<div className='modalTip'>*退</div>
{/* <div className='modalTip'>注安装包制作时长为1-3个工作日</div> */}
</ Modal>
< Modal open={highTechModal}
title="高新材料申请"
width={1200}
destroyOnClose={true}
maskClosable={false}
centered
onCancel={() => {
setHighTechModal(false);
}}
footer={null}
>
<div className='highTechBox'>
<div className='highTechBox-Right'>
{highTechButtonArray.map((item) => {
return (
<div className='highTechBoxButton'
style={{
backgroundColor: highTechButtonKey === item.key ? '#4582FF' : '',
color: highTechButtonKey === item.key ? '#FFFFFF' : '#232323',
}}
key={item.key} onClick={() => {
setHighTechButtonKey(item.key)
}}>
{item.name}
</div>
)
})}
</div>
<div className='highTechBox-Left'
style={{
display: highTechButtonKey === '1' ? 'block' : 'none',
}}
>
</div>
<div className='highTechBox-Left'
style={{
display: highTechButtonKey === '2' ? 'block' : 'none',
}}
>
</div>
</div>
</Modal >
</>
)
}

View File

@ -1223,7 +1223,8 @@
color: #C52A2A;
cursor: pointer;
}
.buyBox{
.buyBox {
/* display: flex;
align-items: center;
justify-content: center; */
@ -1231,7 +1232,8 @@
line-height: 19px;
}
.buyIng{
.buyIng {
/* width: 120px; */
padding: 0 10px 0 10px;
height: 19px;
@ -1241,7 +1243,8 @@
font-size: 12px;
color: #389D3A;
}
.buyAgein{
.buyAgein {
/* width: 120px; */
padding: 0 10px 0 10px;
height: 19px;
@ -1254,13 +1257,52 @@
/* 禁止换行 */
white-space: nowrap;
}
.modalText{
.modalText {
font-size: 16px;
font-weight: 700;
}
.modalTip{
.modalTip {
font-size: 14px;
color: #ff0000;
font-weight: 700;
margin-top: 10px;
}
.highTechBox {
height: 700px;
/* background-color: skyblue; */
display: flex;
border-radius: 5px;
border: 1px solid #EDEEF6;
}
.highTechBox-Right {
flex: 2;
/* background-color: pink; */
height: 100%;
background: #F7FAFF;
padding: 15px;
box-sizing: border-box;
}
.highTechBox-Left {
flex: 8;
/* background-color: red; */
}
.highTechBoxButton {
width: 100%;
height: 40px;
/* background-color: #7bf171; */
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 16px;
margin-bottom: 10px;
cursor: pointer;
/* background: #4582FF; */
border-radius: 10px;
}