1）

<ProFormDependencyname={['buyCount']}> {({buyCount},{setFieldsValue})=>{ isNaN(buyCount) ?setFieldsValue({ amountMoney:'￥0', amount:0, }) :setFieldsValue({ amountMoney:`￥${buyCount*item?.priceUnit}`, amount:buyCount*item?.priceUnit }); return[ <ProFormFieldname="amount"width="sm"readonlyhidden/>, <ProFormField label="合計應付" name="amountMoney" width="sm" readonly hidden={type===3} />, ]; }} </ProFormDependency> 2） <Alert message={<spandangerouslySetInnerHTML={{__html:item?.description}}></span>} type="info" style={{marginBottom:24}} /> 3） <ProFormField readonly label="合計應付" fieldProps={{value:`￥${amount}`}} labelCol={{span:8}} wrapperCol={{span:16}} /> 4） <DrawerForm //drawerFormConfig佈局

{...drawerFormConfig} title={(()=>drawerTitle())()} visible={visible} form={formRef} onVisibleChange={onVisibleChange} onFinish={onFinish} > {type===3?( <Alertmessage="應用續費僅支援低版本向高版本續費，續費後不支援退換"type="warning"/> ):null} <TabsdefaultActiveKey={activeKey}onChange={onTabChange}> {initialValues.map((item)=>( <Tabs.TabPane key={item?.id} tab={item?.name} 　　　　//在什麼情況下隱藏 不顯示 disabled={type===3&&item?.serialNumber<=appSerialNumber} forceRender > <Upgrade toBasic={item} type={type} deductionFees={deductionFees} renewDate={renewDate} ></Upgrade> <Cardtitle="歷史訂單"size="small"style={{backgroundColor:'rgba(0,0,0,.02)'}}> <ProFormFieldlabel="訂單編號"name="orderNo"readonly/> <Row> <Colspan={12}> <ProFormField label="產品名稱" name="productName" labelCol={{span:8}} wrapperCol={{span:16}} readonly /> </Col> <Colspan={12}> <ProFormField label="套餐名稱" name="packageName" labelCol={{span:8}} wrapperCol={{span:16}} readonly /> </Col> </Row> <Row> <Colspan={12}> <ProFormField label="資源使用" name="usedResources" labelCol={{span:8}} wrapperCol={{span:16}} readonly /> </Col> <Colspan={12}> <ProFormField label="賬戶使用" name="usedUsers" labelCol={{span:8}} wrapperCol={{span:16}} readonly /> </Col> </Row> <Row> <Colspan={12}> <ProFormField label="購買週期" name="purchasedPeriod" labelCol={{span:8}} wrapperCol={{span:16}} readonly /> </Col> <Colspan={12}> <ProFormField label="有效期至" name="expire" labelCol={{span:8}} wrapperCol={{span:16}} readonly /> </Col> </Row> <ProFormFieldlabel="剩餘費用"name="leftAmount"readonly/> <ProFormFieldname="packageOrderId"hiddenreadonly/> <ProFormFieldname="deductionFee"hiddenreadonly/> </Card> {/*)}*/} {type===3 ?[ <pstyle={{margin:'24px0',color:'#ccc'}}> 升級抵扣規則：在訂單有效期內進行升級，將抵扣原套餐已使用時間金額 </p>, ] :null} </Tabs.TabPane> ))} </Tabs> </DrawerForm>