coupons.f8264170.chunk.js 18.2 KB
Newer Older
xuzhenghua committed
1 2
(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{1188:function(e,t,a){"use strict";a.r(t);var n=a(18),o=a(3),c=a(5),s=a(4),i=a(6),r=a(7),l=a(0),u=a.n(l),m=a(13),p=a(46),d=a(22),h=a(76),E=(a(40),a(10)),f=a.n(E),v=a(75),b=(a(672),a(673),a(674),a(17)),g=a.n(b),C=function(e){function t(e){var a;return Object(o.a)(this,t),(a=Object(s.a)(this,Object(i.a)(t).call(this,e))).clearInput=function(){a.props.onChange("")},a.state={isFocus:!1},a}return Object(r.a)(t,e),Object(c.a)(t,[{key:"render",value:function(){var e=this,t=this.props,a=t.type,n=t.placeholder,o=this.state.isFocus;return u.a.createElement("div",{className:"custom-input-wrapper"},u.a.createElement("input",{type:a,className:g()("custom-input",{"custom-input--active":o}),placeholder:n,onChange:this.props.onChange,value:this.props.value,onBlur:function(){e.setState({isFocus:!1})},onFocus:function(){e.setState({isFocus:!0})}}),u.a.createElement("i",{className:g()("iconfont icondanseshixintubiao-3",{hide:0===this.props.value.length}),onClick:this.clearInput}))}}]),t}(l.Component);C.defaultProps={type:"text",placeholder:""};var y=C,N=function(e){function t(){var e,a;Object(o.a)(this,t);for(var n=arguments.length,c=new Array(n),r=0;r<n;r++)c[r]=arguments[r];return(a=Object(s.a)(this,(e=Object(i.a)(t)).call.apply(e,[this].concat(c)))).state={},a}return Object(r.a)(t,e),Object(c.a)(t,[{key:"render",value:function(){var e=this.props,t=e.onChange,a=e.redeemCode,n=e.exchange;return u.a.createElement("div",{className:"exchange-bar"},u.a.createElement(y,{placeholder:"\u8bf7\u8f93\u5165\u4f18\u60e0\u7801",onChange:t,value:a}),u.a.createElement("button",{className:g()({active:a&&a.length>0}),onClick:n},"\u5151\u6362"))}}]),t}(l.Component),x=a(74),O=(a(675),a(2)),j=a(527),_=function(e){function t(){var e,a;Object(o.a)(this,t);for(var n=arguments.length,c=new Array(n),r=0;r<n;r++)c[r]=arguments[r];return(a=Object(s.a)(this,(e=Object(i.a)(t)).call.apply(e,[this].concat(c)))).VOUCHER=1,a.FREE=2,a.EXPAND=4,a.pick=function(e){var t=a.props,n=t.useCoupon,o=t.invalid,c=t.start_amount,s=t.id,i=t.location,r=t.history,l=t.code,u=i.state;u&&u.from&&"/my"===u.from&&"undefined"!==typeof c?r.push("/expand/index?deposit_code=".concat(l)):c?a.stopExpanding(s,e):!o&&n&&n(a.props.id)},a.GoToUse=function(){a.props.useCoupon(a.props.id)},a.ExchangeCourse=function(e){a.props.toExchangeCourse(e,a.props.code)},a.stopExpanding=function(e,t){var n=a.props,o=n.amount,c=n.limit_amount;t.stopPropagation(),Object(j.a)({amount:o,limit_amount:c,onConfirm:function(){O.e.post("".concat(API.home,"/m/end_expansion"),{id:e}).then(function(t){var n=t.data;200==n.code?a.props.endExpansion(e,n.data.coupon_id):f.a.info(n.msg)})}})},a}return Object(r.a)(t,e),Object(c.a)(t,[{key:"render",value:function(){var e,t,a=this,n=this.props,o=n.ctype,c=n.amount,s=n.course_title,i=n.showUseButton,r=n.id,l=n.format_expire_time,m=n.start_amount,p=n.limit_amount,d=n.limit_course;switch(o){case this.VOUCHER:e=u.a.createElement(u.a.Fragment,null,u.a.createElement("p",{className:"denomination"},c," ",u.a.createElement("span",null,"\u5143")),u.a.createElement("p",{className:"expire"},"\u6709\u6548\u671f\u81f3\uff1a",l)),t=u.a.createElement(u.a.Fragment,null,u.a.createElement("span",{className:"limit"},0==d?"\u53ef\u7528\u4e8e\u5927\u4e8e\u4ee3\u91d1\u5238\u91d1\u989d\u7684\u8bfe\u7a0b":"\u4ec5\u9002\u7528\u4e8e\u300a".concat(s,"\u300b")),i&&o==this.VOUCHER&&u.a.createElement("button",{className:"use",onClick:this.GoToUse},"\u7acb\u5373\u4f7f\u7528"));break;case this.FREE:e=u.a.createElement(u.a.Fragment,null,u.a.createElement("p",{className:"course-title"},s),u.a.createElement("p",{className:"expire"},"\u6709\u6548\u671f\u81f3\uff1a",l)),t=u.a.createElement(u.a.Fragment,null,u.a.createElement("span",{className:"limit"},"\u4ec5\u9002\u7528\u4e8e\u300a".concat(s,"\u300b")),i&&o==this.FREE&&u.a.createElement("button",{className:"use",onClick:function(e){return a.ExchangeCourse(e)}},"\u7acb\u5373\u5151\u6362"));break;case this.EXPAND:e=m?u.a.createElement(u.a.Fragment,null,u.a.createElement("div",{className:"progress-container"},u.a.createElement("p",{className:"denomination"},c," ",u.a.createElement("span",null,"\u5143")),u.a.createElement("div",{className:"progress-bar-container"},u.a.createElement("span",{className:"progress-bar",style:{width:"".concat(Math.round((c-m)/p*100),"%")}})),u.a.createElement("div",{className:"money"},u.a.createElement("span",null,m,"\u5143"),u.a.createElement("span",null,p,"\u5143")))):u.a.createElement(u.a.Fragment,null,u.a.createElement("p",{className:"denomination"},c," ",u.a.createElement("span",null,"\u5143")),u.a.createElement("p",{className:"expire"},"\u6709\u6548\u671f\u81f3\uff1a",l)),t=u.a.createElement(u.a.Fragment,null,u.a.createElement("span",{className:"limit"},"\u5168\u573a\u901a\u7528"),m&&u.a.createElement("button",{className:"stop-expanding",onClick:this.stopExpanding.bind(this,r)},"\u7acb\u5373\u7ed3\u675f\u81a8\u80c0"))}return u.a.createElement(k,Object.assign({},this.props,{top:e,VOUCHER:this.VOUCHER,FREE:this.FREE,EXPAND:this.EXPAND,pick:this.pick,bottom:t}))}}]),t}(l.PureComponent);function k(e){var t,a=e.pick,n=e.ctype,o=e.invalid,c=e.top,s=e.VOUCHER,i=e.FREE,r=e.EXPAND,l=e.selectedCouponId,m=e.id,p=e.bottom,d=(t={},Object(x.a)(t,s,"\u4ee3\u91d1\u5238"),Object(x.a)(t,i,"\u8bfe\u7a0b\u5238"),Object(x.a)(t,r,"\u81a8\u80c0\u5238"),t);return u.a.createElement("li",{className:"coupon",onClick:a},u.a.createElement("div",{className:g()("coupon-info",o?"invalid":"coupon-type".concat(n))},u.a.createElement("p",{className:"type"},d[n]),c,l===m&&u.a.createElement("i",{className:g()("iconfont icondanseshixintubiao-5",{check:!o})}),u.a.createElement("ul",null,new Array(19).fill("a").map(function(e,t){return u.a.createElement("li",{key:t})}))),u.a.createElement("div",{className:"coupon-des"},p))}var A,I=Object(p.g)(_),P=a(59),F=a(20),S=Object(F.b)()(A=function(e){function t(){var e,a;Object(o.a)(this,t);for(var n=arguments.length,c=new Array(n),r=0;r<n;r++)c[r]=arguments[r];return(a=Object(s.a)(this,(e=Object(i.a)(t)).call.apply(e,[this].concat(c)))).state={selectedCouponId:0,redeemCode:"",couponList:[],valid_coupons:[],invalid_coupons:[],courseId:Object(O.c)("id"),showUseButton:!1,courseCouponExchange:!1,courseCouponData:""},a.handleChange=function(e){var t=e?e.target.value:"";a.setState({redeemCode:t})},a.exchange=function(){var e=a.props.location.state,t=void 0===e?{}:e;""!==a.state.redeemCode?O.e.post("".concat(API.home,"/m/coupon/exchange"),{code:a.state.redeemCode,type:t.from.substr(1)}).then(function(e){var n=e.data;if(200===n.code){var o=n.data;"/my"===t.from&&(2==o.ctype?a.setState({courseCouponData:o,courseCouponExchange:!0,redeemCode:""}):(a.setState({couponList:[].concat(Object(v.a)(a.state.couponList),[o]),redeemCode:""}),f.a.info("\u5151\u6362\u6210\u529f"),a.getMyCoupons())),"/order"===t.from&&(f.a.info("\u5151\u6362\u6210\u529f"),a.getAllCoupons())}else f.a.info(n.msg)}):f.a.info("\u8bf7\u8f93\u5165\u5151\u6362\u7801")},a.getMyCoupons=function(){Promise.all([O.e.get("".concat(API.home,"/m/coupon/expansion")),O.e.get("".concat(API.home,"/m/coupon/all"))]).then(function(e){var t=[],n=Object(h.a)(e,2),o=n[0],c=n[1].data,s=o.data;200==s.code?Array.isArray(s.data)&&(s.data=s.data.map(function(e){return e.ctype=4,e}))&&(t=t.concat(s.data)):f.a.info(s.msg),200==c.code?Array.isArray(c.data)&&(t=t.concat(c.data)):f.a.info(c.msg),a.setState({couponList:t})})},a.getAllCoupons=function(){Promise.all([O.e.get("".concat(API.home,"/m/coupon/expansion")),O.e.post("".concat(API.home,"/m/coupon/select"),{course_id:a.state.courseId})]).then(function(e){var t=Object(h.a)(e,2),n=t[0],o=t[1].data,c=n.data,s=Array.isArray(c.data)?c.data:[];if(200==c.code?Array.isArray(c.data)&&(c.data=c.data.map(function(e){return e.ctype=4,e}))&&a.setState({valid_coupons:a.state.valid_coupons.concat(c.data)}):f.a.info(c.msg),200===o.code){var i=o.data.inuse_coupon,r=i?[].concat(Object(v.a)(i),Object(v.a)(o.data.valid_coupons)):o.data.valid_coupons;a.setState({valid_coupons:s.concat(r),invalid_coupons:o.data.invalid_coupons,selectedCouponId:i.length?i[0].id:0})}else f.a.info(data.msg)})},a.toExchangeCourse=function(e,t){e.stopPropagation(),O.e.post("".concat(API["base-api"],"/pay/miandan/").concat(t),{}).then(function(e){var t=e.data;200===t.errno?(a.setState({courseCouponExchange:!0,courseCouponData:e.data.data}),a.getMyCoupons()):f.a.info(t.msg)})},a.useCoupon=function(e){var t=a.props.history,n=a.state.couponList.find(function(t){return t.id===e});if(e)if(a.state.showUseButton){if(0!==n.limit_course)return t.push("/detail?id=".concat(n.limit_course)),!1;t.push("/classify")}else{var o=a.state,c=o.courseId;o.selectedCouponId===e?O.e.post("".concat(API.home,"/m/coupon/cancel"),{course_id:c}).then(function(e){var t=e.data;200===t.code?a.setState({selectedCouponId:0}):f.a.info(t.msg)}):O.e.post("".concat(API.home,"/m/coupon/use"),{course_id:a.state.courseId,coupon_id:e}).then(function(t){var n=t&&t.data;200===n.code?(a.setState({selectedCouponId:e}),a.props.history.goBack()):f.a.info(n.msg)})}else f.a.info("\u672a\u77e5\u9519\u8bef"),location.reload()},a.toStudy=function(e,t){var n=a.props.history;0==t?f.a.info("\u5c1a\u672a\u5f00\u8bfe\uff0c\u5f00\u8bfe\u540e\u7acb\u5373\u4e0a\u4f20\u8bfe\u7a0b\uff5e",2):n.push("/play/video?id=".concat(e)),a.setState({courseCouponExchange:!1})},a.closeFreeCourse=function(){a.setState({courseCouponExchange:!1})},a.endExpansion=function(e,t){a.setState({valid_coupons:a.state.valid_coupons.map(function(a){return a.id===e&&(delete a.start_amount,a.id=t),a})})},a}return Object(r.a)(t,e),Object(c.a)(t,[{key:"componentDidMount",value:function(){var e=this.props,t=e.history,a=e.location,n=this.props.location.state;n&&n.from&&("/my"===n.from?(this.getMyCoupons(),this.setState({showUseButton:!0})):(this.state.courseId||(a.state&&a.state.from?t.replace(a.state.from):t.goBack()),this.getAllCoupons()))}},{key:"render",value:function(){var e=this.props.location.state,t=this.state,a=t.showUseButton,n=t.selectedCouponId;return u.a.createElement("div",{className:"use-coupon"},u.a.createElement(N,{onChange:this.handleChange,exchange:this.exchange,redeemCode:this.state.redeemCode}),u.a.createElement("div",{className:"coupons-area"},u.a.createElement(w,{coupons:e&&e.from&&"/my"===e.from?this.state.couponList:this.state.valid_coupons,showUseButton:a,selectedCouponId:n,select:this.select,useCoupon:this.useCoupon,toExchangeCourse:this.toExchangeCourse,endExpansion:this.endExpansion}),this.state.invalid_coupons.length>0&&u.a.createElement(u.a.Fragment,null,u.a.createElement("div",{className:"invalid-title"},"- \u4e0d\u53ef\u4f7f\u7528\u7684\u4f18\u60e0\u5238 -"),u.a.createElement(w,{coupons:this.state.invalid_coupons,selectedCouponId:n,select:this.select,purpose:"use",invalid:"invalid"}))),this.state.courseCouponExchange&&u.a.createElement(U,{toStudy:this.toStudy,closeFreeCourse:this.closeFreeCourse,courseCouponData:this.state.courseCouponData}))}}]),t}(l.PureComponent))||A;function w(e){var t=e.coupons,a=Object(d.a)(e,["coupons"]);return 0===t.length?u.a.createElement("div",{className:"empty"},u.a.createElement("p",null,"\u6682\u65e0\u53ef\u4f7f\u7528\u7684\u4f18\u60e0\u5238")):u.a.createElement("ul",null,t.map(function(e){return e.id&&u.a.createElement(I,Object.assign({key:e.id},e,{id:e.id},a))}))}function U(e){var t=e.toStudy,a=e.closeFreeCourse,n=e.courseCouponData;return u.a.createElement("div",{className:"free-coupon-box"},u.a.createElement("div",{className:"free-coupon-content"},u.a.createElement("div",{className:"coures-content-success"},u.a.createElement("i",{className:"iconfont icondanseshixintubiao-5"})),u.a.createElement("div",{className:"coures-content-title"},"\u606d\u559c\u4f60\u8bfe\u7a0b\u5151\u6362\u6210\u529f!\u8d76\u5feb\u53bb\u5b66\u4e60\u5427~"),u.a.createElement("img",{className:"coures-content-img",src:n.image_name,alt:""}),0!=n.course_expire&&u.a.createElement("div",{className:"coures-content-tip"},u.a.createElement("i",{className:"iconfont icondanseshixintubiao-8"}),u.a.createElement("span",null,"\u8bfe\u7a0b\u6709\u6548\u671f\uff1a\u81ea\u4eca\u65e5\u8d77",n.course_expire,"\u5929\u5185\uff0c\u8bf7\u5728\u6709\u6548\u671f\u5185\u5b66\u4e60\u8be5\u8bfe\u7a0b\u54e6\uff5e")),u.a.createElement("a",{className:"toStudy",onClick:function(){return t(n.v_course_id,n.is_is_start)}},"\u53bb\u5b66\u4e60")),u.a.createElement("div",{className:"free-coupon-close"},u.a.createElement("i",{className:"iconfont iconiconfront-2",onClick:function(){return a()}})))}var D=Object(P.a)(S),R=a(71),B=(a(676),a(23)),L=function(e){function t(e){var a;return Object(o.a)(this,t),(a=Object(s.a)(this,Object(i.a)(t).call(this,e))).select=function(e,t){a.state.couponAmount>=t.amount&&a.setState({checkedIndex:e})},a.compound=function(){var e=Object(R.a)(Object(R.a)(a));a.state.couponAmount>=10&&O.e.post("".concat(API.home,"/sys/red_packet/compose"),{type:e.state.checkedIndex+1}).then(function(t){200===t.data.code?(e.setState({success:!0}),setTimeout(function(){e.getPatchList()},2e3)):f.a.info(t.data.msg,2)})},a.state={success:!1,checkedIndex:0,list:[{amount:10,desc:"\u5151\u6362\u540e7\u65e5\u5185\u6709\u6548",type:"\u4ee3\u91d1\u5238"},{amount:20,desc:"\u5151\u6362\u540e7\u65e5\u5185\u6709\u6548",type:"\u4ee3\u91d1\u5238"},{amount:50,desc:"\u5151\u6362\u540e7\u65e5\u5185\u6709\u6548",type:"\u4ee3\u91d1\u5238"},{amount:100,desc:"\u5151\u6362\u540e7\u65e5\u5185\u6709\u6548",type:"\u4ee3\u91d1\u5238"}],couponAmount:""},a}return Object(r.a)(t,e),Object(c.a)(t,[{key:"componentDidMount",value:function(){this.getPatchList()}},{key:"getPatchList",value:function(){var e=this;O.e.get("".concat(API.home,"/sys/red_packet/balance")).then(function(t){200===t.data.code?e.setState({couponAmount:t.data.data.coupon_amount,success:!1}):f.a.info(t.data.msg,2)})}},{key:"render",value:function(){return u.a.createElement("div",{className:"my-patch"},u.a.createElement("div",{className:"couponAmount"},"\u4ee3\u91d1\u5238\u788e\u7247\u4f59\u989d\uff1a",u.a.createElement("span",null,this.state.couponAmount,"\u5143")),u.a.createElement(M,{data:this.state.list,myAmount:this.state.couponAmount,select:this.select,checkedIndex:this.state.checkedIndex}),u.a.createElement("div",{className:"compound-button--compose"},u.a.createElement("button",{className:"compound ".concat(this.state.couponAmount>=10?"disable-active":"disable"),onClick:this.compound},"\u5408\u6210")),u.a.createElement("div",{className:"patch-desc"},u.a.createElement("p",{className:"title"},u.a.createElement("i",null),u.a.createElement("span",null,"\u4ee3\u91d1\u5238\u788e\u7247\u8bf4\u660e"),u.a.createElement("i",null)),u.a.createElement("p",{className:"desc-item"},"1. \u788e\u7247\u53ef\u901a\u8fc7\u201c\u5206\u4eab\u8bfe\u7a0b\u9886\u53d6\u7ea2\u5305\u201d\u83b7\u5f97\uff0c\u4e5f\u53ef\u901a\u8fc7\u7ebf\u4e0a\u6d3b\u52a8\u83b7\u5f97\uff0c\u5177\u4f53\u8bf7\u5173\u6ce8\u5b98\u7f51\u4fe1\u606f\uff1b"),u.a.createElement("p",{className:"desc-item"},"2. \u788e\u7247\u5728\u8d2d\u8bfe\u65f6\u4e0d\u80fd\u5355\u72ec\u4f7f\u7528\uff0c\u53ef\u5408\u6210\u5b8c\u6574\u4ee3\u91d1\u5238\u540e\u7528\u4ee3\u91d1\u5238\u62b5\u6263\u73b0\u91d1\uff1b"),u.a.createElement("p",{className:"desc-item"},"3. \u788e\u7247\u5408\u6210\u4ee3\u91d1\u5238\u540e7\u65e5\u5185\u6709\u6548\u3002")),this.state.success&&u.a.createElement("div",{className:"success"},"\u5151\u6362\u6210\u529f"))}}]),t}(l.PureComponent);function M(e){var t=e.data,a=e.myAmount,n=e.select,o=e.checkedIndex;return u.a.createElement("div",{className:"coupons"},t&&t.length>0&&t.map(function(e,t){return u.a.createElement("div",{className:"items-box",key:t,onClick:function(){return n(t,e)}},u.a.createElement("div",{className:"coupon-info ".concat(a>=e.amount?"active":null)},u.a.createElement("div",{className:"type"},e.type),u.a.createElement("div",{className:"amount"},u.a.createElement("span",null,e.amount),"\u5143"),a>=e.amount&&u.a.createElement("i",{className:"checkout ".concat(t===o?"iconfont icondanseshixintubiao-5":"nochecked")}),u.a.createElement("ul",null,new Array(19).fill("a").map(function(e,t){return u.a.createElement("li",{key:t})}))),u.a.createElement("div",{className:"coupon-des"},e.desc))}))}var H=Object(P.a)(L),V=(a(677),function(e){function t(){return Object(o.a)(this,t),Object(s.a)(this,Object(i.a)(t).apply(this,arguments))}return Object(r.a)(t,e),Object(c.a)(t,[{key:"render",value:function(){var e=this.props,t=e.match,a=e.location;return u.a.createElement("div",{className:"coupons-box"},u.a.createElement(B.e,{title:"\u4f18\u60e0\u5238",arrow:!0}),u.a.createElement("section",{id:"coupons"},u.a.createElement("div",{className:"tab"},u.a.createElement("div",null,u.a.createElement(m.c,{to:{pathname:"".concat(t.url,"/my-coupon"),search:a.search,state:Object(n.a)({},this.props.location.state)},replace:!0,activeClassName:"tab-active"},"\u6211\u7684\u4f18\u60e0\u5238")),u.a.createElement("div",null,u.a.createElement(m.c,{to:{pathname:"".concat(t.url,"/my-patch"),search:a.search,state:Object(n.a)({},this.props.location.state)},replace:!0,activeClassName:"tab-active"},"\u788e\u7247\u5408\u6210"))),u.a.createElement("div",{className:"btm-border"}),u.a.createElement("div",{className:"coupons-container"},u.a.createElement(p.d,null,u.a.createElement(p.a,{exact:!0,from:"/coupons",to:{pathname:"coupons/my-coupon",search:a.search,state:{from:this.props.location.state&&this.props.location.state.from}}}),u.a.createElement(p.b,{path:"".concat(this.props.match.path,"/my-coupon"),component:D}),u.a.createElement(p.b,{path:"".concat(this.props.match.path,"/my-patch"),component:H})))))}}]),t}(l.Component));t.default=V},527:function(e,t,a){"use strict";a(207);var n=a(87),o=a.n(n),c=a(0),s=a.n(c);a(528);t.a=function(e){var t=e.amount,a=e.limit_amount,n=e.onCancel,c=void 0===n?function(){}:n,i=e.onConfirm,r=s.a.createElement(s.a.Fragment,null,s.a.createElement("div",{className:"end-expansion-alert-ques"},"\u4f60\u7684".concat(t,"\u5143\u4f18\u60e0\u5238\u6b63\u5728\u81a8\u80c0\u4e2d\uff0c\n                \u786e\u5b9a\u8981\u7ed3\u675f\u81a8\u80c0\u5417\uff1f")),s.a.createElement("div",{className:"end-expansion-alert-hint"},"\u79bb".concat(a,"\u5143\u53ea\u5dee\u4e00\u70b9\u70b9\u4e86\uff01\u7ee7\u7eed\u81a8\u80c0\uff0c\u4f18\u60e0\u66f4\u591a\u54e6")));o.a.alert("\u6e29\u99a8\u63d0\u793a",r,[{text:"\u518d\u8003\u8651\u4e0b",onPress:c,style:{color:"#333"}},{text:"\u786e\u5b9a\u7ed3\u675f\u81a8\u80c0",onPress:i}])}},528:function(e,t,a){},672:function(e,t,a){},673:function(e,t,a){},674:function(e,t,a){},675:function(e,t,a){},676:function(e,t,a){},677:function(e,t,a){}}]);
//# sourceMappingURL=coupons.f8264170.chunk.js.map