{"version":3,"sources":["components/order/payOrder/PayOrder.js"],"names":["RadioItem","antd_mobile_lib_list__WEBPACK_IMPORTED_MODULE_17___default","a","Item","Brief","antd_mobile_lib_radio__WEBPACK_IMPORTED_MODULE_15___default","mockData","browser","isWeixin","value","label","icon","PayOrder","props","_this2","Object","_Users_xzh_dnmp_www_mr_julyedu_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_8__","this","_Users_xzh_dnmp_www_mr_julyedu_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_10__","_Users_xzh_dnmp_www_mr_julyedu_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_11__","call","redirectAfterPay","status","getParam","type","oid","history","parseInt","push","concat","courseId","window","localStorage","setItem","getItem","antd_mobile_lib_toast__WEBPACK_IMPORTED_MODULE_7___default","info","onChange","setState","payType","checkPeriod","huabei","checkStaging","item","stageNumber","singleMoney","everyTotal","periodNumber","stage","print","_len","arguments","length","e","Array","_key","console","log","pay","_this2$state","state","orderId","alipayPay","weixinPay","is_weixin","location","href","encodeURIComponent","toLowerCase","http","get","API","then","res","data","errno","url","msg","isweixinPay","_this","_Users_xzh_dnmp_www_mr_julyedu_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_12__","weixin_code","undefined","onBridgeReady","WeixinJSBridge","invoke","appId","timeStamp","nonceStr","package","signType","paySign","err_msg","intervalPayStatus","setInterval","clearInterval","Number","course_type","replace","alert","document","addEventListener","attachEvent","payCallback","onBridgeReady1","BridgeData","huabeiPay","_this2$state2","pay_amount","fenqiList","qishu","lilv","everyMoney","feiyong","categoryList","_this3","group","order_id","post","_res$data$data","course","map","obj","moneyRate","rate","periodic","toFixed","serviceFee","parseFloat","_this4","_this$state","react__WEBPACK_IMPORTED_MODULE_18___default","createElement","className","_common_index__WEBPACK_IMPORTED_MODULE_20__","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_21__","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":"mrstatic/js/PayOrder.57e0a057.chunk.js","sourcesContent":["import React, { Component } from 'react';\nimport { Flex, WingBlank, WhiteSpace, List, Radio, Toast } from 'antd-mobile';\nimport { http, getParam, is_weixin, browser } from '@/utils';\nimport { OrderItem, HeaderBar } from '@/common/index';\nimport { Link } from 'react-router-dom';\nimport './PayOrder.scss';\nimport { VList } from '@/common';\n\n\nconst Item = List.Item;\nconst Brief = Item.Brief;\nconst RadioItem = Radio.RadioItem;\n\nlet mockData = []\nif (browser.isWeixin) {\n    mockData = [\n        {value: 1, label: '微信支付', icon: 'iconweixinzhifu'}\n    ];\n} else {\n    mockData = [\n        {value: 1, label: '微信支付', icon: 'iconweixinzhifu'},\n        {value: 0, label: '支付宝', icon: 'iconalipay'},\n        // { value: 2, label: '花呗分期', icon: 'iconhuabei' },\n    ];\n}\n\n\nexport default class PayOrder extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            pay_amount: 0,\n            payType: 1,\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\n    // 支付成功后，判断并重定向\n    redirectAfterPay = () => {\n        // status:0成功，1失败\n        const status = getParam('status');\n        const type = getParam('type');\n        const oid = getParam('oid');\n        const {history} = this.props;\n        if (status || type) {\n            if (parseInt(status, 10) === 0) {\n                // type订单类型 0普通订单 1团购 2小团 3砍价 4单集购买 5定金课定金 6定金课尾款\n                if (parseInt(type, 10) === 2) {\n                    history.push(`/togroup?id=${oid}`);\n                }else if(parseInt(type, 10) === 4) {\n                courseId && window.localStorage.setItem('payCourse', courseId);\n                    const courseId = window.localStorage.getItem('payCourse')\n                    courseId && history.push(`/detail?id=${courseId}`,{oid});\n                } else {\n                    history.push('/purchased');\n                }\n            } else {\n                Toast.info('支付异常', 2);\n            }\n        }\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            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            // if(window.location.href.indexOf('aa=bb') === -1){\n            //     localStorage.setItem('a', '第一次');\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            // }\n            // if(window.location.href.indexOf('aa=bb') > 0) {\n            //     localStorage.setItem('a', '多次');\n            //     let newHref = window.location.href.slice(0, window.location.href.indexOf('aa=bb')-1);\n            //     window.location.href = \"https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx23dac6775ac82877&redirect_uri=\" + encodeURIComponent(newHref + \"&aa=bb\").toLowerCase() + \"&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect\";\n            // }\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 _this = this;\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                        let data = res.data.data;\n\n                        function onBridgeReady() {\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                                        Toast.info('支付成功', 2);\n                                        _this.intervalPayStatus = setInterval(function () {\n                                            http.get(`${API['base-api']}/m/orderState/oid/${getParam('oid')}`).then(res => {\n                                                if (res.data.errno === 401) {\n                                                    clearInterval(_this.intervalPayStatus);\n                                                    _this.intervalPayStatus = null;\n                                                    // 获取课程类型\n                                                    http.get(`${API['base-api']}/m/app_order/detail/${getParam('oid')}`).then(res => {\n                                                        if (Number(res.data.data.course_type) === 2) {\n                                                            _this.props.history.replace(`/togroup?id=${getParam('oid')}`);\n                                                        } else {\n                                                            // 跳转到已购课程  /purchased 不需要传递任何参数\n                                                            _this.props.history.replace(`/purchased`);\n                                                        }\n                                                    });\n                                                }\n                                            })\n                                        }, 1000)\n                                    } else {\n                                        alert('支付失败')\n                                    }\n                                }\n                            )\n                        }\n\n                        if (typeof WeixinJSBridge == \"undefined\") {\n                            if (document.addEventListener) {\n                                document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false)\n                            } else if (document.attachEvent) {\n                                document.attachEvent('WeixinJSBridgeReady', onBridgeReady);\n                                document.attachEvent('onWeixinJSBridgeReady', onBridgeReady)\n                            }\n                        } else {\n                            onBridgeReady();\n                        }\n                    } else {\n                        Toast.info(res.data.msg, 2)\n                    }\n                })\n            }\n        }\n    }\n    // 支付完成之后获取状态\n    payCallback = () => {\n        const _this = this;\n        // 支付回调\n        // 定时器轮训获取订单状态\n        _this.intervalPayStatus = setInterval(function () {\n            http.get(`${API['base-api']}/m/orderState/oid/${getParam('oid')}`).then(res => {\n                if (res.data.errno === 401) {\n                    clearInterval(_this.intervalPayStatus);\n                    _this.intervalPayStatus = null;\n                    // 获取课程类型\n                    http.get(`${API['base-api']}/m/app_order/detail/${getParam('oid')}`).then(res => {\n                        if (Number(res.data.data.course_type) === 2) {\n                            _this.props.history.replace(`/togroup?id=${getParam('oid')}`);\n                        } else {\n                            // 跳转到已购课程  /purchased 不需要传递任何参数\n                            _this.props.history.replace(`/purchased`);\n                        }\n\n                    });\n                }\n            })\n        }, 1000)\n    }\n\n    onBridgeReady1 = (data) => {\n        let _this = this;\n        data = data || _this.BridgeData;\n\n        WeixinJSBridge.invoke(\n            'getBrandWCPayRequest', {\n                \"appId\": \"wx23dac6775ac82877\",                //公众号名称，由商户传入\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                    Toast.info('支付成功', 2);\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_new/oid/${orderId}`).then((res) => {\n            if (res.data.errno === 0) {\n                this.payCallback();\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        this.redirectAfterPay()\n        let data = {}\n        if(this.props.location.state && this.props.location.state.group){\n            data = {\n                order_id: this.state.orderId,\n                type: 2\n            }\n        } else {\n            data = {\n                order_id: this.state.orderId,\n            }\n        }\n        http.post(`${API['base-api']}/m/order/detail`,data).then((res) => {\n            if (res.data.errno !== 200) {\n                Toast.info(res.data.msg, 2);\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.setState({\n                payType: 1\n            })\n            this.isweixinPay()\n        }\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'\n                                              style={{width: '100%', paddingRight: '30px'}}>\n                                            <span style={{color: '#555555', fontSize: '14px'}}>{i.label}</span>\n                                            {\n                                                checkPeriod ? (\n                                                    <span style={{\n                                                        color: '#333333',\n                                                        fontSize: '12px'\n                                                    }}>{`${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'>请在15分钟内完成支付，否则届时系统将关闭该订单。</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":""}