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}
)} */}
)
}