myorders.df325028.chunk.js.map 11.6 KB
Newer Older
zhanghaozhe committed
1
{"version":3,"sources":["components/myOrders/index.js"],"names":["alert","antd_mobile_lib_modal__WEBPACK_IMPORTED_MODULE_8___default","a","MyOrders","props","_this","Object","_Users_zhanghaozhe_server_mr_julyedu_node_modules_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_2__","this","_Users_zhanghaozhe_server_mr_julyedu_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__","_Users_zhanghaozhe_server_mr_julyedu_node_modules_babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__","call","getList","http","get","concat","api","home","then","res","data","code","setState","isLoading","antd_mobile_lib_toast__WEBPACK_IMPORTED_MODULE_1___default","info","msg","cancel","oid","text","onPress","console","log","order_id","post","state","_this2","react__WEBPACK_IMPORTED_MODULE_9___default","createElement","className","_common__WEBPACK_IMPORTED_MODULE_11__","title","arrow","cart","_common_Loading__WEBPACK_IMPORTED_MODULE_15__","length","map","item","index","key","OrderInfo","course","Info","react_router_dom__WEBPACK_IMPORTED_MODULE_14__","to","course_id","course_title","description","pay_amount","price0","_common_OrderList__WEBPACK_IMPORTED_MODULE_12__","src","image_name","id","PayInfo","Component","btn","pay_time","member_num","pdd_info","coupon_amount","onClick","event","user_avatar","alt"],"mappings":"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","file":"static/js/myorders.df325028.chunk.js","sourcesContent":["import React, {Component} from 'react'\nimport './index.scss'\nimport {HeaderBar} from '../../common'\nimport OrderList from '@/common/OrderList'\nimport {http, api} from \"@/utils\"\nimport {Link} from 'react-router-dom'\nimport {Modal, Toast} from 'antd-mobile'\nimport Loading from '@/common/Loading'\n\nconst alert = Modal.alert\n\n\nclass MyOrders extends Component {\n    constructor(props) {\n        super(props)\n        this.state = {\n            data: [],\n            isLoading: true\n        }\n    }\n\n    componentDidMount() {\n        this.getList()\n    }\n\n    // 获取订单\n    getList = () => {\n        http.get(`${api.home}/m/my/orders/1/1`,).then((res) => {\n            if (res.data.code === 200) {\n                this.setState({\n                    data: res.data.data,\n                    isLoading: false\n                })\n            } else {\n                Toast.info(res.data.msg, 2);\n            }\n        })\n    }\n\n    // 取消订单\n    cancel = (oid) => {\n        alert('确认取消订单?', '订单取消后,优惠券和抵扣的余额会返回到您的账户。', [\n            {text: '取消', onPress: () => console.log('cancel')},\n            {\n                text: '确认',\n                onPress: () => {\n                    let data = {\n                        order_id: oid\n                    }\n                    http.post(`${api.home}/m/cancel_order`, data).then((res) => {\n                        if (res.data.code === 200) {\n                            this.getList()\n                        } else {\n                            Toast.info(res.data.msg, 2);\n                        }\n                    })\n                }\n            }\n        ])\n    }\n\n\n    render() {\n\n        return (\n            <div className='myorders-box'>\n                <HeaderBar title='我的订单' arrow={true} cart={false}></HeaderBar>\n                <Loading isLoading={this.state.isLoading}>\n                    {\n                        this.state.data && this.state.data.length > 0 ?\n                            this.state.data.map((item, index) => {\n                                return (\n                                    <div className=\"order-body\" key={index}>\n                                        <OrderInfo item={item}/>\n                                        {\n                                            item.course && item.course.length > 0 && item.course.map((item, index) => {\n                                                const Info = (\n                                                    <div className=\"order-info\">\n                                                        <p className='order-title text-overflow-one'>\n                                                            <Link\n                                                                to={`/detail?id=${item.course_id}`}>{item.course_title}</Link>\n                                                        </p>\n                                                        <p className='order-content text-overflow-2'>{item.description}</p>\n                                                        <p className='order-des'>\n                                                            <span className='order-newprice'>¥{item.pay_amount}</span>\n                                                            <span className='order-price'>¥{item.price0}</span>\n                                                        </p>\n                                                    </div>\n                                                )\n                                                return (\n                                                    <div className=\"order-wrap\" key={index}>\n                                                        <OrderList info={Info} src={item.image_name}\n                                                                   id={item.course_id}></OrderList>\n                                                    </div>\n                                                )\n                                            })\n                                        }\n\n                                        <PayInfo item={item} cancel={this.cancel}/>\n                                    </div>\n                                )\n                            }) : <div className=\"cart-tip\">\n                                <p className='cart-mess'>您还没有订单哦,快去逛逛吧~</p>\n                                <Link to='/classify'>去逛逛</Link>\n                            </div>\n                    }\n                </Loading>\n            </div>\n        )\n    }\n}\n\n\nfunction OrderInfo(props) {\n    let btn\n    if (props.item.pay_time === '0' && props.item.member_num === 0) {\n        btn = <span className='oid-status'>等待支付</span>\n    } else if ((props.item.member_num === props.item.pdd_info.length) && props.item.member_num !== 0) {\n        btn = <span className='oid-success'>拼团成功</span>\n    } else {\n        btn = <span className='oid-success'>支付成功</span>\n    }\n    return (\n        <div className='order-head'>\n            <span className='oid-num'>订单号:{props.item.oid}</span>\n            {btn}\n        </div>\n    )\n}\n\nfunction PayInfo(props) {\n    return (\n        <div className='order-btm'>\n            <div className='price-info'>\n                <p>\n                    <span className='payable'>应付:</span>\n                    <span className='price'>¥{props.item.pay_amount}</span>\n                </p>\n                <p>\n                    <span className='payable'>已优惠:</span>\n                    <span className='price'>¥{props.item.coupon_amount}</span>\n                </p>\n            </div>\n\n            {\n                props.item.pay_time === '0' && props.item.member_num === 0 &&\n                <div className='btm-right'>\n                    <button className='cancel' onClick={event => props.cancel(props.item.oid)}>取消订单</button>\n                    <Link to={`/payorder?oid=${props.item.oid}`}>去支付</Link>\n                </div>\n            }\n\n            {\n                props.item.member_num !== 0 &&\n                <div className='btm-right'>\n                    <div className=\"group\">\n                        {\n                            props.item.pdd_info && props.item.pdd_info.length > 0 && props.item.pdd_info.map((item, index) => {\n                                return (\n                                    <img\n                                        src={item.user_avatar === '' ? 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/tinypng-spreadtrain8/ellipsis.png' : item.user_avatar}\n                                        key={index} alt=\"\"/>\n                                )\n                            })\n                        }\n                    </div>\n                </div>\n            }\n        </div>\n    )\n}\n\nexport default MyOrders\n"],"sourceRoot":""}