{"version":3,"sources":["components/order/payOrder/PayOrder.js"],"names":["RadioItem","antd_mobile_lib_list__WEBPACK_IMPORTED_MODULE_15___default","a","Item","Brief","antd_mobile_lib_radio__WEBPACK_IMPORTED_MODULE_13___default","mockData","value","label","icon","PayOrder","props","_this","Object","_Users_zhanghaozhe_server_mr_julyedu_node_modules_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_7__","this","_Users_zhanghaozhe_server_mr_julyedu_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_9__","_Users_zhanghaozhe_server_mr_julyedu_node_modules_babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_10__","call","onChange","setState","payType","checkPeriod","huabei","checkStaging","item","console","log","_Users_zhanghaozhe_server_mr_julyedu_node_modules_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_6__","stageNumber","singleMoney","everyTotal","periodNumber","stage","print","_len","arguments","length","e","Array","_key","pay","_this$state","state","orderId","alipayPay","weixinPay","is_weixin","window","location","href","encodeURIComponent","toLowerCase","http","get","concat","API","then","res","data","errno","url","Toast","info","msg","isweixinPay","weixin_code","getParam","undefined","onBridgeReady","WeixinJSBridge","document","addEventListener","attachEvent","payCallback","invoke","appId","timeStamp","nonceStr","package","signType","paySign","err_msg","alert","huabeiPay","_this$state2","pay_amount","fenqiList","qishu","lilv","everyMoney","feiyong","categoryList","_this2","post","home","order_id","code","_res$data$data","course","map","obj","moneyRate","rate","periodic","toFixed","serviceFee","parseFloat","push","_this3","_this$state3","react__WEBPACK_IMPORTED_MODULE_16___default","createElement","className","_common_index__WEBPACK_IMPORTED_MODULE_18__","title","arrow","antd_mobile_lib_white_space__WEBPACK_IMPORTED_MODULE_5___default","size","antd_mobile_lib_wing_blank__WEBPACK_IMPORTED_MODULE_1___default","antd_mobile_lib_flex__WEBPACK_IMPORTED_MODULE_3___default","justify","align","style","height","index","Info","react_router_dom__WEBPACK_IMPORTED_MODULE_19__","to","course_id","course_title","simpledescription","price1","price0","handleClick","key","img","image_name","id","renderHeader","i","thumb","checked","direction","width","marginTop","paddingRight","color","fontSize","onClick","Component"],"mappings":"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","file":"static/js/PayOrder.5af8307e.chunk.js","sourcesContent":["import React, { Component } from 'react';\nimport { Flex, WingBlank, WhiteSpace, List, Radio } from 'antd-mobile';\nimport { api, http, getParam, is_weixin } from '@/utils';\nimport { OrderItem, HeaderBar } from '@/common/index';\nimport { Link } from 'react-router-dom';\nimport './PayOrder.scss';\nimport { VList } from '@/common';\n\nconst Item = List.Item;\nconst Brief = Item.Brief;\nconst RadioItem = Radio.RadioItem;\n\nlet mockData = [\n    { value: 0, label: '支付宝', icon: 'iconzhifubaox-' },\n    { value: 1, label: '微信支付', icon: 'iconweixinzhifu' },\n    // { value: 2, label: '花呗分期', icon: 'iconhuabei' },\n];\n\nexport default class PayOrder extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            pay_amount: 0,\n            payType: 0,\n            stageNumber: 0,\n            checkPeriod: false,\n            singleMoney: 0,\n            periodNumber: 0,\n            orderId: getParam('oid'),\n            huabei: false,\n            fenqiList: [\n                { value: 'zhifubao',  qishu: '3', lilv: '2.30%', everyMoney: 300, feiyong: 2.3 },\n                { value: 'weixin',  qishu: '6', lilv: '4.50%', everyMoney: 150, feiyong: 4.5 },\n                { value: 'huabei',  qishu: '9', lilv: '7.50%', everyMoney: 100, feiyong: 7.5 },\n            ],\n            categoryList: [],\n        }\n    }\n    onChange = (value) => {\n        this.setState({\n            payType: value,\n            checkPeriod: false,\n        });\n        if (value === 2) {\n            this.setState({\n                huabei: true,\n            });\n        }\n    };\n    checkStaging = (item) => {\n        console.log(item);\n        this.setState({\n            huabei: false,\n            checkPeriod: true,\n            stageNumber: item.value,\n            singleMoney: item.everyTotal,\n            periodNumber: item.stage,\n            checkPeriod: true,\n        });\n    }\n    print = (...e) => {\n        console.log(e);\n    };\n    // 确定购买\n    pay = () => {\n        const {payType, orderId} = this.state;\n        if(payType === 0) {\n            this.alipayPay(orderId)\n        } else if (payType === 1) {\n            this.weixinPay(orderId)\n        } \n        // else { // 花呗分期暂时不做\n        //     this.huabeiPay(orderId)\n        // }\n    }\n    // 微信支付\n    weixinPay = (orderId) => {\n        // 微信内部-支付\n        if (is_weixin()) {\n            window.location.href = \"https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx23dac6775ac82877&redirect_uri=\" + encodeURIComponent(window.location.href + \"&aa=bb\").toLowerCase() + \"&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect\";\n        } else {\n            // 微信外部-支付\n            http.get(`${API['base-api']}/pay/wxpay/wap_charge/oid/${orderId}`).then((res) => {\n                console.log(res);\n                if (res.data.errno === 0) {\n                    window.location.href = res.data.data.url + \"&redirect_url=\" + encodeURIComponent(window.location.href + \"&weixinpay=1\").toLowerCase();\n                } else {\n                    Toast.info(res.data.msg, 2)\n                }\n            })\n        }\n    }\n    // 微信内部支付\n    isweixinPay = () => {\n        let weixin_code = getParam('code')\n        if (weixin_code) {\n            if (getParam('oid') === undefined) {\n                return\n            } else {\n                http.get(`${API['base-api']}/pay/wxpay/pub_charge/oid/${getParam('oid')}/code/${weixin_code}`).then((res) => {\n                    if (res.data.errno === 0) {\n                        const data = res.data.data\n                        this.onBridgeReady(data)\n                        if (typeof WeixinJSBridge == \"undefined\") {\n                            if (document.addEventListener) {\n                                document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady, false)\n                            } else if (document.attachEvent) {\n                                document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady)\n                                document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady)\n                            }\n                        } else {\n                            this.onBridgeReady()\n                        }\n                    } else {\n                        Toast.info(res.data.msg, 2)\n                    }\n                })\n            }\n        }\n    }\n    // 支付完成之后获取状态\n    payCallback = () => {\n        // 调到已购课程  /purchased 不需要传递任何参数\n    }\n\n    onBridgeReady = (data) => {\n        WeixinJSBridge.invoke(\n            'getBrandWCPayRequest', {\n                \"appId\": data.appId,                //公众号名称，由商户传入\n                \"timeStamp\": data.timeStamp,        //时间戳，自1970年以来的秒数\n                \"nonceStr\": data.nonceStr,          //随机串\n                \"package\": data.package,\n                \"signType\": data.signType,          //微信签名方式：\n                \"paySign\": data.paySign             //微信签名\n            },\n            function (res) {\n                if (res.err_msg == \"get_brand_wcpay_request:ok\") {\n                    this.payCallback()\n                } else {\n                    alert('支付失败')\n                }\n            }\n        )\n    }\n    // 支付宝支付\n    alipayPay = (orderId) => {\n        http.get(`${API['base-api']}/pay/alipay/wap_charge/oid/${orderId}`).then((res) => {\n            if (res.data.errno === 0) {\n                window.location = res.data.data.url;\n            } else {\n                Toast.info(res.data.msg, 2)\n            }\n        })\n    }\n    // 花呗分期 暂时不做\n    huabeiPay = (orderId) => {\n        const {singleMoney, periodNumber} = this.state;\n \n        console.log('花呗分期支付');\n        http.get(`/pay/alipay/wap_charge/oid/${orderId}/plat/{plat} /hb_num/${periodNumber}`).then(res=>{\n            console.log(res);\n            if (res.data.errno === 0) {\n                window.location = res.data.data.url;\n            } else {\n                Toast.info(res.data.msg, 2)\n            }\n        });\n    }\n\n    componentDidMount() {\n        http.post(`${API.home}/m/order/detail`, { order_id: this.state.orderId }).then((res) => {\n            console.log(res);\n            if (res.data.code !== 200) {\n                return;\n            }\n            const { course, pay_amount } = res.data.data;\n            const fenqiList = [];\n            [1, 2, 3].map((item)=>{\n                let obj = {};\n                obj.value = item;\n                if(item === 1) {\n                    obj.stage = 3; //期数\n                    obj.moneyRate = '2.30%'; // 分期费率展示\n                    obj.rate = 0.023; // 分期费率计算\n                    obj.periodic = (pay_amount/3).toFixed(2); // 每期本金\n                } else if (item === 2) {\n                    obj.stage = 6; //期数\n                    obj.moneyRate = '4.50%'; // 分期费率展示\n                    obj.rate = 0.045; // 分期费率计算\n                    obj.periodic = (pay_amount/6).toFixed(2); // 每期本金\n                } else {\n                    obj.stage = 12; //期数\n                    obj.moneyRate = '7.50%'; // 分期费率展示\n                    obj.rate = 0.075; // 分期费率计算\n                    obj.periodic = (pay_amount/9).toFixed(2); // 每期本金\n                }\n                obj.serviceFee = ((pay_amount * obj.rate) / obj.stage).toFixed(2); // 每期的手续费 = 总金额 * 费率 / 期数\n                obj.everyTotal = (parseFloat(obj.periodic) + parseFloat(obj.serviceFee)).toFixed(2);// 每期总费用 = 每期本金 + 每期手续费\n                fenqiList.push(obj);\n            });\n            console.log(fenqiList);\n            // { value: 'zhifubao',  qishu: '3', lilv: '2.30%', everyMoney: 300, feiyong: 2.3 },\n            // { value: 'weixin',  qishu: '6', lilv: '4.50%', everyMoney: 150, feiyong: 4.5 },\n            // { value: 'huabei',  qishu: '9', lilv: '7.50%', everyMoney: 100, feiyong: 7.5 },\n            this.setState({\n                pay_amount,\n                categoryList: course,\n                fenqiList,\n            });\n        });\n        if (getParam('is_class') === 1 || getParam('weixinpay')) {\n            this.payCallback()\n        }\n        if (is_weixin()) {\n            this.isweixinPay()\n        }\n    }\n    render() {\n        const { orderId, pay_amount, payType, checkPeriod, singleMoney, periodNumber, huabei, fenqiList, categoryList, stageNumber } = this.state;\n        return (\n            <div className='pay-order'>\n                <HeaderBar title='确认支付' arrow={true}></HeaderBar>\n                <WhiteSpace size='sm'></WhiteSpace>\n                <div className='order-number'>\n                    <WingBlank>\n                        <Flex justify='between' align='center' style={{ height: '44px' }}>\n                            <span>订单号</span>\n                            <span className='number'>{orderId}</span>\n                        </Flex>\n                    </WingBlank>\n                </div>\n                <WhiteSpace size='md'></WhiteSpace>\n                {\n                    categoryList.map((item, index) => {\n                        const Info = (\n                            <div className=\"order-info\">\n                                <p className='order-title text-overflow-one'>\n                                    <Link to={`/detail?id=${item.course_id}`}>{item.course_title}</Link>\n                                </p>\n                                <p className='order-content text-overflow-2'>{item.simpledescription}</p>\n                                <p className='order-des'>\n                                    <span className='order-newprice'>¥{item.price1}</span>\n                                    <span className='order-price'>¥{item.price0}</span>\n                                </p>\n                            </div>\n                        )\n                        return (\n                            <VList handleClick={this.print} key={index} img={item.image_name}\n                                id={item.course_id}\n                                info={Info}></VList>\n                        )\n                    })\n                }\n                <WhiteSpace size='md'></WhiteSpace>\n                <div className='order-number'>\n                    <WingBlank>\n                        <Flex justify='between' align='center' style={{ height: '44px' }}>\n                            <span>支付金额</span>\n                            <span className='money'>{`￥${pay_amount}`}</span>\n                        </Flex>\n                    </WingBlank>\n                </div>\n\n                <WhiteSpace size='md'></WhiteSpace>\n                <List renderHeader={() => '支付方式'} className='pay-type-list'>\n                    {mockData.map(i => (\n                        <RadioItem\n                            thumb={<i className={`iconfont ${i.icon} ${payType === i.value ? 'checked' : ''}`}></i>}\n                            key={i.value}\n                            checked={payType === i.value}\n                            onChange={() => this.onChange(i.value)}>\n                            {/* {i.label} */}\n                            {\n                                i.value === 2 ? (\n                                    <Flex direction='column' align='start' style={{ width: '100%', marginTop: '6px' }}>\n                                        <Flex direction='row' justify='between' style={{ width: '100%', paddingRight: '30px' }}>\n                                            <span style={{ color: '#555555', fontSize: '14px' }}>{i.label}</span>\n                                            {\n                                                checkPeriod ? (\n                                                    <span style={{ color: '#333333', fontSize: '12px' }}>{`${singleMoney}元 × ${periodNumber}期`}</span>\n                                                ) : null\n                                            }\n                                        </Flex>\n                                        <Flex justify='start'>\n                                            <span style={{ color: '#999999', fontSize: '12px' }}>支付上限受限于您的花呗额度</span>\n                                        </Flex>\n                                    </Flex>\n                                ) : (i.label)\n                            }\n                        </RadioItem>\n                    ))}\n                </List>\n                <div className='pay-tip'>请在24小时内完成支付，否则届时系统将关闭该订单。</div>\n\n                <div className='pay-button' onClick={this.pay}>确认支付</div>\n\n                {\n                    huabei ? (\n                        <div className='check-staging'>\n                            <div className='container'>\n                                <p className='check-title'>请选择分期</p>\n                                {fenqiList.map(i => (\n                                    <RadioItem\n                                        key={i.value}\n                                        checked={stageNumber === i.value}\n                                        onChange={() => this.checkStaging(i)}>\n                                        {`${i.everyTotal}元 × ${i.stage}期`}\n                                        <List.Item.Brief>{`手续费${i.serviceFee}元/期，费率${i.moneyRate}`}</List.Item.Brief>\n                                    </RadioItem>\n                                ))}\n                            </div>\n                        </div>\n                    ) : null\n                }\n            </div>\n        )\n    }\n}\n"],"sourceRoot":""}