1)
<ProFormDependency name={['buyCount']}> {({ buyCount }, { setFieldsValue }) => { isNaN(buyCount) ? setFieldsValue({ amountMoney: '¥0', amount: 0, }) : setFieldsValue({ amountMoney: `¥${buyCount * item?.priceUnit}`, amount:buyCount*item?.priceUnit }); return [ <ProFormField name="amount" width="sm" readonly hidden />, <ProFormField label="合计应付" name="amountMoney" width="sm" readonly hidden={type === 3} />, ]; }} </ProFormDependency> 2) <Alert message={<span dangerouslySetInnerHTML={{ __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 ? ( <Alert message="应用续费仅支持低版本向高版本续费,续费后不支持退换" type="warning" /> ) : null} <Tabs defaultActiveKey={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> <Card title="历史订单" size="small" style={{ backgroundColor: 'rgba(0, 0, 0, .02)' }}> <ProFormField label="订单编号" name="orderNo" readonly /> <Row> <Col span={12}> <ProFormField label="产品名称" name="productName" labelCol={{ span: 8 }} wrapperCol={{ span: 16 }} readonly /> </Col> <Col span={12}> <ProFormField label="套餐名称" name="packageName" labelCol={{ span: 8 }} wrapperCol={{ span: 16 }} readonly /> </Col> </Row> <Row> <Col span={12}> <ProFormField label="资源使用" name="usedResources" labelCol={{ span: 8 }} wrapperCol={{ span: 16 }} readonly /> </Col> <Col span={12}> <ProFormField label="账户使用" name="usedUsers" labelCol={{ span: 8 }} wrapperCol={{ span: 16 }} readonly /> </Col> </Row> <Row> <Col span={12}> <ProFormField label="购买周期" name="purchasedPeriod" labelCol={{ span: 8 }} wrapperCol={{ span: 16 }} readonly /> </Col> <Col span={12}> <ProFormField label="有效期至" name="expire" labelCol={{ span: 8 }} wrapperCol={{ span: 16 }} readonly /> </Col> </Row> <ProFormField label="剩余费用" name="leftAmount" readonly /> <ProFormField name="packageOrderId" hidden readonly /> <ProFormField name="deductionFee" hidden readonly /> </Card> {/* )} */} {type === 3 ? [ <p style={{ margin: '24px 0', color: '#ccc' }}> 升级抵扣规则:在订单有效期内进行升级,将抵扣原套餐已使用时间金额 </p>, ] : null} </Tabs.TabPane> ))} </Tabs> </DrawerForm>相关文章
- 01-15关于TortoiseGit使用的心得
- 01-15WinDebug的一些基本使用命令
- 01-15关于重写equals和hashcode的一些理解
- 01-15【Rust日报】 2019-05-30:使用最新的 async/await 的一些例子
- 01-15关于多态性的使用
- 01-15一些关于物理机和云平台的主要功能对比
- 01-15关于IDEA的idea64.exe.vmoptions使用的误区
- 01-15关于JDBC的一些建议
- 01-15关于使用C3P0程序报错Having failed to acquire a resource, com.mchange.v2.resourcepool的问题
- 01-15有关等保测评的一些常识整理v1