From b50a400fa0684e84660ec1849a5552a214763c93 Mon Sep 17 00:00:00 2001 From: lyp Date: Thu, 4 Sep 2025 17:57:04 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9A=82=E5=AD=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/card/CardProj.tsx | 105 +++++++++++++++++++++++++++--- src/components/card/card-proj.css | 52 +++++++++++++-- 2 files changed, 142 insertions(+), 15 deletions(-) diff --git a/src/components/card/CardProj.tsx b/src/components/card/CardProj.tsx index d7c53dc..fe1c229 100644 --- a/src/components/card/CardProj.tsx +++ b/src/components/card/CardProj.tsx @@ -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; // 下载等待弹窗 @@ -119,9 +144,9 @@ export default function CardProj(props: any) { }); }, - // onError(error) { - // messageApi.error(error.message); - // }, + // onError(error) { + // messageApi.error(error.message); + // }, onFinally() { } @@ -598,7 +623,6 @@ export default function CardProj(props: any) { }}> {payCharge} -
+
@@ -718,8 +753,8 @@ export default function CardProj(props: any) { -
- {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'?'换名退款': ''} +
+ {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' ? '换名退款' : ''}
{/* */} @@ -742,7 +777,7 @@ export default function CardProj(props: any) { {/* 2000.00 */}
(已优惠{data.pay.couponAmount / 100}元)
-
(套餐包)
+
(套餐包)
{/*
基础费用:{basicsValue}
*/} @@ -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) }}> 全部 - -
*/}
- 产权所属者 : {data.apply.authorName?data.apply.authorName:'无'} + 产权所属者 : {data.apply.authorName ? data.apply.authorName : '无'}
{/*
*/} @@ -1544,6 +1583,52 @@ export default function CardProj(props: any) {
*注：购买后无法退款，修改后需重新购买下载！
{/*
注：安装包制作时长为1-3个工作日
*/} + < Modal open={highTechModal} + title="高新材料申请" + width={1200} + + destroyOnClose={true} + maskClosable={false} + centered + onCancel={() => { + setHighTechModal(false); + }} + footer={null} + > +
+
+ {highTechButtonArray.map((item) => { + return ( +
{ + setHighTechButtonKey(item.key) + }}> + {item.name} +
+ ) + })} + +
+
+ 嘻嘻 +
+
+ 哈哈 +
+
+ ) } \ No newline at end of file diff --git a/src/components/card/card-proj.css b/src/components/card/card-proj.css index 5f295e2..064ca79 100644 --- a/src/components/card/card-proj.css +++ b/src/components/card/card-proj.css @@ -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; } \ No newline at end of file