import { View } from '@tarojs/components'; import { Button, CapsuleTabs, Form, Modal, Toast } from 'antd-mobile'; import FormImage from '/components/FormImage'; import FormLabel from '/components/FormLabel'; import React, { useEffect, useMemo, useState } from 'react'; import { getOrderInfoAction } from '/request/actions'; import { getUrlParam } from '/utils'; import Taro from '@tarojs/taro'; // import Alipay from '../Alipay'; // import Wxpay from '../Wxpay'; // import BankPay from '../BankPay'; // import aliSrc from '/assets/icons/ali.svg'; // import wxSrc from '/assets/icons/wx.svg'; // import bankSrc from '/assets/icons/bank.svg'; import { orderConfirmAction } from '../../../../request/actions'; import styles from './index.module.less'; // const TabItem = ({ src, text }) => ( // // // {text} // // ); export default function FormBar() { const [form] = Form.useForm(); // const [showFee, updateShowFee] = useState(false); useEffect(() => { getOrderInfoAction({ orderId: getUrlParam('orderId') }).then(res => { const orderShopInfo = res.orderShopInfo || {}; const feeShopInfo = res.feeShopInfo || {}; const _orderShopInfo = Object.keys(orderShopInfo).reduce((res, key) => { return { ...res, [`pay-${key}`]: orderShopInfo[key] } }, {}); const _feeShopInfo = Object.keys(orderShopInfo).reduce((res, key) => { return { ...res, [`fee-${key}`]: feeShopInfo[key] } }, {}); form.setFieldsValue({ ...res, ..._orderShopInfo, ..._feeShopInfo }); // updateShowFee(res.feePrice || res.feeImage || res.feeShopInfo) }); }, []); const handleSubmit = () => { Modal.confirm({ title: '是否确认收款?', onConfirm: async () => { try { const orderId = getUrlParam('orderId'); await orderConfirmAction({ orderId }); Toast.show({ icon: 'success', content: '已成功确认收款信息' }); Taro.navigateTo({ url: '/pages/dataset/index' }); } catch (err) { console.log('err: ', err); } } }) }; // const way = Form.useWatch('way', form); // const feeway = Form.useWatch('feeway', form); // const detailRenderer = useMemo(() => { // return { // alipay: , // wx: , // bank: // }[way]; // }, [way]); // const feeDetailRenderer = useMemo(() => { // return { // alipay: , // wx: , // bank: // }[feeway]; // }, [feeway]); const payImage = Form.useWatch('payImage', form); const feeImage = Form.useWatch('feeImage', form); return (
收款信息 `¥${val || 0}`} /> `¥${val || 0}`} /> {/* } key='alipay' /> } key='wx' /> } key='bank' /> {detailRenderer} {showFee && ( 服务费收款信息 `¥${val || 0}`} /> } key='alipay' /> } key='wx' /> } key='bank' /> {feeDetailRenderer} )} */}
) }