暂存

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) {
+            // onError(error) {
-                    //     messageApi.error(error.message);
+            //     messageApi.error(error.message);
-                    // },
+            // },
             onFinally() {
 
             }
@@ -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': '' }}>
+                            <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'?'换名退款': ''}
+                                {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="" /> */}
@@ -742,7 +777,7 @@ export default function CardProj(props: any) {
                                         {/* 2000.00 */}
                                     </div>
                                     <div className='coupon-num' style={{ display: data.pay.couponAmount ? 'unset' : 'none', color: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' ? 'var(--color-tagmoneyright)' : '#8a8a8a' }}>(已优惠{data.pay.couponAmount / 100}元)</div>
-                                    <div className='coupon-num' style={{ display: data.pay.servicePackageId  ? 'unset' : 'none', color: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' ? 'var(--color-tagmoneyright)' : '#8a8a8a' }}>(套餐包)</div>
+                                    <div className='coupon-num' style={{ display: data.pay.servicePackageId ? 'unset' : 'none', color: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' ? 'var(--color-tagmoneyright)' : '#8a8a8a' }}>(套餐包)</div>
                                 </div>
                                 <div className='otherMoney'>
                                     {/* <div>基础费用:{basicsValue}</div> */}
@@ -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 >
         </>
     )
 }

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;
 }