(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{1194:function(e,t,a){"use strict";a.r(t);var n=a(19),c=a(5),o=a(7),s=a(6),i=a(8),l=a(9),u=a(0),r=a.n(u),p=a(15),m=a(49),d=a(21),h=(a(43),a(13)),v=a.n(h),f=a(148),E=(a(783),a(784),a(785),a(16)),b=a.n(E),y=function(e){function t(e){var a;return Object(c.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(l.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){var e=this,t=this.props,a=t.type,n=t.placeholder,c=this.state.isFocus;return r.a.createElement("div",{className:"custom-input-wrapper"},r.a.createElement("input",{type:a,className:b()("custom-input",{"custom-input--active":c}),placeholder:n,onChange:this.props.onChange,value:this.props.value,onBlur:function(){e.setState({isFocus:!1})},onFocus:function(){e.setState({isFocus:!0})}}),r.a.createElement("i",{className:b()("iconfont icondanseshixintubiao-3",{hide:0===this.props.value.length}),onClick:this.clearInput}))}}]),t}(u.Component);y.defaultProps={type:"text",placeholder:""};var C,g=y,j=function(e){function t(){var e,a;Object(c.a)(this,t);for(var n=arguments.length,o=new Array(n),l=0;l<n;l++)o[l]=arguments[l];return(a=Object(s.a)(this,(e=Object(i.a)(t)).call.apply(e,[this].concat(o)))).state={},a}return Object(l.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){var e=this.props,t=e.onChange,a=e.redeemCode,n=e.exchange;return r.a.createElement("div",{className:"exchange-bar"},r.a.createElement(g,{placeholder:"\u8bf7\u8f93\u5165\u4f18\u60e0\u7801",onChange:t,value:a}),r.a.createElement("button",{className:b()({active:a&&a.length>0}),onClick:n},"\u5151\u6362"))}}]),t}(u.Component),O=(a(786),function(e){function t(){var e,a;Object(c.a)(this,t);for(var n=arguments.length,o=new Array(n),l=0;l<n;l++)o[l]=arguments[l];return(a=Object(s.a)(this,(e=Object(i.a)(t)).call.apply(e,[this].concat(o)))).pick=function(){var e=a.props,t=e.useCoupon;!e.invalid&&t&&t(a.props.id)},a.GoToUse=function(){a.props.useCoupon(a.props.id)},a}return Object(l.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){var e=this.props,t=e.ctype,a=e.amount,n=e.format_expire_time,c=e.limit_course,o=e.invalid,s=e.course_title,i=e.id,l=e.selectedCouponId,u=e.showUseButton;return r.a.createElement("li",{className:"coupon",onClick:this.pick},r.a.createElement("div",{className:b()("coupon-info",o?"invalid":"coupon-type".concat(t))},r.a.createElement("p",{className:"type"},1===t?"\u4ee3\u91d1\u5238":"\u8bfe\u7a0b\u5238"),1===t?r.a.createElement("p",{className:"denomination"},a," ",r.a.createElement("span",null,"\u5143")):r.a.createElement("p",{className:"course-title"},s),r.a.createElement("p",{className:"expire"},"\u6709\u6548\u671f\u81f3\uff1a",n),l===i&&r.a.createElement("i",{className:b()("iconfont icondanseshixintubiao-5",{check:!o})}),r.a.createElement("ul",null,new Array(19).fill("a").map(function(e,t){return r.a.createElement("li",{key:t})}))),r.a.createElement("div",{className:"coupon-des"},r.a.createElement("span",{className:"limit"},0===c?"\u53ef\u7528\u4e8e\u5927\u4e8e\u4ee3\u91d1\u5238\u91d1\u989d\u7684\u8bfe\u7a0b":"\u4ec5\u9002\u7528\u4e8e\u300a".concat(s,"\u300b")),u&&r.a.createElement("button",{className:"use",onClick:this.GoToUse},"\u7acb\u5373\u4f7f\u7528")))}}]),t}(u.PureComponent)),N=a(3),k=a(63),I=a(41),_=a(20),A=Object(_.b)()(C=function(e){function t(){var e,a;Object(c.a)(this,t);for(var n=arguments.length,o=new Array(n),l=0;l<n;l++)o[l]=arguments[l];return(a=Object(s.a)(this,(e=Object(i.a)(t)).call.apply(e,[this].concat(o)))).state={selectedCouponId:0,redeemCode:"",couponList:[],valid_coupons:[],invalid_coupons:[],courseId:Object(N.c)("id"),showUseButton:!1},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?N.d.post("".concat(API.home,"/m/coupon/exchange"),{code:a.state.redeemCode}).then(function(e){var n=e.data;if(200===n.code){var c=n.data;if(a.state.showUseButton)a.setState({couponList:[].concat(Object(f.a)(a.state.couponList),[c]),redeemCode:""});else{var o=n.data;2==o.ctype&&o.limit_course!=a.state.courseId?a.setState({invalid_coupons:[].concat(Object(f.a)(a.state.invalid_coupons),[o]),showUseButton:null}):a.setState({valid_coupons:[].concat(Object(f.a)(a.state.valid_coupons),[o]),redeemCode:""})}v.a.info("\u5151\u6362\u6210\u529f"),"/my"===t.from&&a.getMyCoupons(),"/order"===t.from&&a.getAllCoupons()}else v.a.info(n.msg)}):v.a.info("\u8bf7\u8f93\u5165\u5151\u6362\u7801")},a.getMyCoupons=function(){N.d.get("".concat(API.home,"/m/coupon/all")).then(function(e){var t=e.data;200===t.code?a.setState({couponList:Object(I.isEmpty)(t.data)?[]:t.data}):v.a.info(t.msg)})},a.getAllCoupons=function(){N.d.post("".concat(API.home,"/m/coupon/select"),{course_id:a.state.courseId}).then(function(e){var t=e.data;if(200===t.code){var n=t.data.inuse_coupon;a.setState({valid_coupons:n?[].concat(Object(f.a)(n),Object(f.a)(t.data.valid_coupons)):t.data.valid_coupons,invalid_coupons:t.data.invalid_coupons,selectedCouponId:n.length?n[0].id:0})}else v.a.info(t.msg)})},a.useCoupon=function(e){var t=a.props,n=t.history,c=(t.dispatch,a.state.couponList.find(function(t){return t.id===e}));if(e)if(a.state.showUseButton){if(1!==c.ctype)return n.push("/detail?id=".concat(c.limit_course)),!1;n.push("/classify")}else{var o=a.state,s=o.courseId;o.selectedCouponId===e?N.d.post("".concat(API.home,"/m/coupon/cancel"),{course_id:s}).then(function(e){var t=e.data;200===t.code?a.setState({selectedCouponId:0}):v.a.info(t.msg)}):N.d.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()):v.a.info(n.msg)})}else v.a.info("\u672a\u77e5\u9519\u8bef"),location.reload()},a}return Object(l.a)(t,e),Object(o.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 r.a.createElement("div",{className:"use-coupon"},r.a.createElement(j,{onChange:this.handleChange,exchange:this.exchange,redeemCode:this.state.redeemCode}),r.a.createElement("div",{className:"coupons-area"},r.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}),this.state.invalid_coupons.length>0&&r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"invalid-title"},"- \u4e0d\u53ef\u4f7f\u7528\u7684\u4f18\u60e0\u5238 -"),r.a.createElement(w,{coupons:this.state.invalid_coupons,selectedCouponId:n,select:this.select,purpose:"use",invalid:"invalid"}))))}}]),t}(u.PureComponent))||C;function w(e){var t=e.coupons,a=Object(d.a)(e,["coupons"]);return 0===t.length?r.a.createElement("div",{className:"empty"},r.a.createElement("p",null,"\u6682\u65e0\u53ef\u4f7f\u7528\u7684\u4f18\u60e0\u5238")):r.a.createElement("ul",null,t.map(function(e){return r.a.createElement(O,Object.assign({key:e.id},e,{id:e.id},a))}))}var x=Object(k.a)(A),P=a(89),S=(a(787),a(27)),B=function(e){function t(e){var a;return Object(c.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(P.a)(a);a.state.couponAmount>=10&&N.d.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)):v.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(l.a)(t,e),Object(o.a)(t,[{key:"componentDidMount",value:function(){this.getPatchList()}},{key:"getPatchList",value:function(){var e=this;N.d.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}):v.a.info(t.data.msg,2)})}},{key:"render",value:function(){return r.a.createElement("div",{className:"my-patch"},r.a.createElement("div",{className:"couponAmount"},"\u4ee3\u91d1\u5238\u788e\u7247\u4f59\u989d\uff1a",r.a.createElement("span",null,this.state.couponAmount,"\u5143")),r.a.createElement(U,{data:this.state.list,myAmount:this.state.couponAmount,select:this.select,checkedIndex:this.state.checkedIndex}),r.a.createElement("div",{className:"compound-button--compose"},r.a.createElement("button",{className:"compound ".concat(this.state.couponAmount>=10?"disable-active":"disable"),onClick:this.compound},"\u5408\u6210")),r.a.createElement("div",{className:"patch-desc"},r.a.createElement("p",{className:"title"},r.a.createElement("i",null),r.a.createElement("span",null,"\u4ee3\u91d1\u5238\u788e\u7247\u8bf4\u660e"),r.a.createElement("i",null)),r.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"),r.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"),r.a.createElement("p",{className:"desc-item"},"3. \u788e\u7247\u5408\u6210\u4ee3\u91d1\u5238\u540e7\u65e5\u5185\u6709\u6548\u3002")),this.state.success&&r.a.createElement("div",{className:"success"},"\u5151\u6362\u6210\u529f"))}}]),t}(u.PureComponent);function U(e){var t=e.data,a=e.myAmount,n=e.select,c=e.checkedIndex;return r.a.createElement("div",{className:"coupons"},t&&t.length>0&&t.map(function(e,t){return r.a.createElement("div",{className:"items-box",key:t,onClick:function(){return n(t,e)}},r.a.createElement("div",{className:"coupon-info ".concat(a>=e.amount?"active":null)},r.a.createElement("div",{className:"type"},e.type),r.a.createElement("div",{className:"amount"},r.a.createElement("span",null,e.amount),"\u5143"),a>=e.amount&&r.a.createElement("i",{className:"checkout ".concat(t===c?"iconfont icondanseshixintubiao-5":"nochecked")}),r.a.createElement("ul",null,new Array(19).fill("a").map(function(e,t){return r.a.createElement("li",{key:t})}))),r.a.createElement("div",{className:"coupon-des"},e.desc))}))}var L=Object(k.a)(B),F=(a(788),function(e){function t(){return Object(c.a)(this,t),Object(s.a)(this,Object(i.a)(t).apply(this,arguments))}return Object(l.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){var e=this.props,t=e.match,a=e.location;return r.a.createElement("div",{className:"coupons-box"},r.a.createElement(S.e,{title:"\u4f18\u60e0\u5238",arrow:!0}),r.a.createElement("section",{id:"coupons"},r.a.createElement("div",{className:"tab"},r.a.createElement("div",null,r.a.createElement(p.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")),r.a.createElement("div",null,r.a.createElement(p.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"))),r.a.createElement("div",{className:"btm-border"}),r.a.createElement("div",{className:"coupons-container"},r.a.createElement(m.d,null,r.a.createElement(m.a,{exact:!0,from:"/coupons",to:{pathname:"coupons/my-coupon",search:a.search,state:{from:this.props.location.state&&this.props.location.state.from}}}),r.a.createElement(m.b,{path:"".concat(this.props.match.path,"/my-coupon"),component:x}),r.a.createElement(m.b,{path:"".concat(this.props.match.path,"/my-patch"),component:L})))))}}]),t}(u.Component));t.default=F},783:function(e,t,a){},784:function(e,t,a){},785:function(e,t,a){},786:function(e,t,a){},787:function(e,t,a){},788:function(e,t,a){}}]);
//# sourceMappingURL=coupons.86ed52ec.chunk.js.map