v2board/public/p__admin__tutorial.async.js

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[13],{Bl7J:function(e,t,a){"use strict";var i=a("q1tI"),n=a.n(i),s=a("3a4m"),r=a.n(s),l=a("/MKj"),c=a("20nU"),o=a("yWgo");class m extends n.a.Component{constructor(){super(...arguments),this.state={nav:[]}}componentDidMount(){var e=[{title:"\u4eea\u8868\u76d8",type:"item",href:"/dashboard",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-speedometer"})},{title:"\u8ba2\u9605",type:"heading"},{title:"\u6211\u7684\u8ba2\u9605",type:"item",href:"/subscribe",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-badge"})},{title:"\u8d2d\u4e70\u8ba2\u9605",type:"item",href:"/plan",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-bag"})},{title:"\u8d22\u52a1",type:"heading"},{title:"\u6211\u7684\u8ba2\u5355",type:"item",href:"/order",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-list"})},{title:"\u6211\u7684\u9080\u8bf7",type:"item",href:"/invite",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-users"})},{title:"\u7528\u6237",type:"heading"},{title:"\u4e2a\u4eba\u4e2d\u5fc3",type:"item",href:"/profile",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-user"})},{title:"\u6211\u7684\u5de5\u5355",type:"item",href:"/ticket",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-support"})},{title:"\u6d41\u91cf\u660e\u7ec6",type:"item",href:"/traffic",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-bar-chart"})},{title:"\u4f7f\u7528\u6559\u7a0b",type:"item",href:"/tutorial",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-book-open"})}],t=[{title:"\u8fd4\u56de\u7528\u6237\u4e2d\u5fc3",type:"item",href:"/dashboard",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-action-undo"})},{title:"\u4eea\u8868\u76d8",type:"item",href:"/admin/dashboard",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-speedometer"})},{title:"\u8bbe\u7f6e",type:"heading"},{title:"\u7cfb\u7edf\u914d\u7f6e",type:"item",href:"/admin/config/system",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-equalizer"})},{title:"\u652f\u4ed8\u914d\u7f6e",type:"item",href:"/admin/config/payment",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-credit-card"})},{title:"\u670d\u52a1\u5668",type:"heading"},{title:"\u8282\u70b9\u7ba1\u7406",type:"item",href:"/admin/server",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-vector"})},{title:"\u6743\u9650\u7ec4\u7ba1\u7406",type:"item",href:"/admin/server/group",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-wrench"})},{title:"\u8d22\u52a1",type:"heading"},{title:"\u8ba2\u9605\u7ba1\u7406",type:"item",href:"/admin/plan",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-bag"})},{title:"\u8ba2\u5355\u7ba1\u7406",type:"item",href:"/admin/order",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-list"})},{title:"\u4f63\u91d1\u7ba1\u7406",type:"item",href:"/admin/commission",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-user-following"})},{title:"\u4f18\u60e0\u5238\u7ba1\u7406",type:"item",href:"/admin/coupon",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-present"})},{title:"\u7528\u6237",type:"heading"},{title:"\u7528\u6237\u7ba1\u7406",type:"item",href:"/admin/user",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-users"})},{title:"\u516c\u544a\u7ba1\u7406",type:"item",href:"/admin/notice",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-speech"})},{title:"\u5de5\u5355\u7ba1\u7406",type:"item",href:"/admin/ticket",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-support"})},{title:"\u6559\u7a0b\u7ba1\u7406",type:"item",href:"/admin/tutorial",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-bulb"})}];Object(o["c"])("is_admin")&&e.unshift({title:"\u8fd4\u56de\u7ba1\u7406\u4e2d\u5fc3",type:"item",href:"/admin/dashboard",icon:n.a.createElement("i",{className:"nav-main-link-icon si si-action-undo"})}),this.isAdmin()?this.setState({nav:t}):this.setState({nav:e})}renderMenu(e,t,a,i){switch(e){case"heading":return n.a.createElement("li",{className:"nav-main-heading"},t);case"item":return n.a.createElement("li",{className:"nav-main-item"},n.a.createElement("a",{className:"nav-main-link ".concat(this.props.location.pathname===a&&"active"),onClick:()=>{r.a.push(a),this.props.dispatch({type:"header/showNav"})}},i&&i,n.a.createElement("span",{className:"nav-main-link-name"},t)))}}isAdmin(){return-1!==this.props.location.pathname.indexOf("admin")}render(){return n.a.createElement("nav",{id:"sidebar","aria-label":"Main Navigation"},n.a.createElement("div",{className:"smini-visible-block"},n.a.createElement("div",{className:"content-header bg-black-10"},n.a.createElement("a",{className:"link-fx font-size-lg text-white",href:"index.html"},n.a.createElement("span",{className:"text-white-75"},"X"),n.a.createElement("span",{className:"text-white"},"H")))),n.a.createElement("div",{className:"smini-hidden ".concat(1===c["a"].theme?"":"bg-header-dark")},n.a.createElement("div",{className:"content-header justify-content-lg-center bg-black-10"},n.a.createElement("a",{className:"link-fx font-size-lg text-white",href:"index.html"},n.a.createElement("span",{className:"text-white-75"},window.v2board.title?window.v2board.title:"V2Board")),n.a.createElement("div",{className:"d-lg-none"},n.a.createElement("a",{className:"text-white ml-2","data-toggle":"layout","data-action":"sidebar_close",href:"javascript:void(0)",onClick:()=>this.props.dispatch({type:"header/showNav"})},n.a.createElement("i",{className:"fa fa-times-circle"}))))),n.a.createElement("div",{className:"content-side content-side-full"},n.a.createElement("ul",{className:"nav-main"},this.state.nav.map(e=>{return this.renderMenu(e.type,e.title,e.href,e.icon)}))))}}var d=Object(l["c"])(e=>{var t=e.header;return{header:t}})(m),h=a("t3Un");class p extends n.a.Component{constructor(){super(...arguments),this.state={showAvatarMenu:!1,loading:!1,showSearchBar:!1}}componentDidMount(){var e=this;this.props.header.userInfo.email||this.setState({loading:!0},()=>{this.props.dispatch({type:"header/getUserInfo",complete:()=>e.setState({loading:!1})})})}showAvatarMenu(){var e=this;this.setState({showAvatarMenu:!this.state.showAvatarMenu},()=>{document.onclick=function(t){e.state.showAvatarMenu&&e.setState({showAvatarMenu:!1}),document.onclick=void 0}})}logout(){Object(h["a"])("/user/logout").then(e=>{r.a.push("/login")})}render(){return n.a.createElement("header",{id:"page-header"},n.a.createElement("div",{className:"content-header"},n.a.createElement("div",{className:"sidebar-toggle",style:{display:this.props.search?"block":"none"}},n.a.createElement("button",{type:"button",className:"btn btn-dual mr-1 d-lg-none","data-toggle":"layout","data-action":"sidebar_toggle",onClick:()=>this.props.dispatch({type:"header/showNav"})},n.a.createElement("i",{className:"fa fa-fw fa-bars"})),this.props.search&&n.a.createElement("button",{type:"button",className:"btn btn-dual",onClick:()=>{this.setState({showSearchBar:!0})}},n.a.createElement("i",{className:"fa fa-fw fa-search"})," ",n.a.createElement("span",{className:"ml-1 d-none d-sm-inline-block"},"\u641c\u7d22"))),n.a.createElement("div",null),n.a.createElement("div",null,this.state.loading?n.a.createElement("div",{className:"spinner-grow text-primary"}):n.a.createElement("div",{className:"dropdown d-inline-block"},n.a.createElement("button",{type:"button",className:"btn btn-dual",id:"page-header-user-dropdown","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false",onClick:()=>this.showAvatarMenu()},n.a.createElement("img",{className:"img-avatar img-avatar32 img-avatar-thumb",src:this.props.header.userInfo.avatar_url,alt:""}),n.a.createElement("span",{className:"d-none d-lg-inline ml-1"},this.props.header.userInfo.email),n.a.createElement("i",{className:"fa fa-fw fa-angle-down ml-1"})),n.a.createElement("div",{className:"dropdown-menu dropdown-menu-right dropdown-menu-lg p-0 ".concat(this.state.showAvatarMenu&&"show"),"aria-labelledby":"page-header-user-dropdown"},n.a.createElement("div",{className:"p-2"},n.a.createElement("a",{className:"dropdown-item d-flex justify-content-between align-items-center",href:"javascript:void(0)",onClick:()=>this.logout()},"\u9000\u51fa\u767b\u5f55",n.a.createElement("i",{className:"fa fa-fw fa-sign-out-alt text-danger ml-1"}))))))),this.props.search&&n.a.createElement("div",{className:"overlay-header bg-dark ".concat(this.state.showSearchBar?"show":"")},n.a.createElement("div",{className:"content-header bg-dark"},n.a.createElement("div",{className:"w-100"},n.a.createElement("div",{className:"input-group"},n.a.createElement("div",{className:"input-group-prepend"},n.a.createElement("button",{type:"button",className:"btn btn-dark",onClick:()=>{this.setState({showSearchBar:!1})}},n.a.createElement("i",{className:"fa fa-fw fa-times-circle"}))),n.a.createElement("input",{type:"text",className:"form-control border-0",placeholder:this.props.search.placeholder,onChange:e=>this.props.search.onChange(e.target.value),defaultValue:this.props.search.defaultValue}))))))}}var u=Object(l["c"])(e=>{var t=e.header;return{header:t}})(p);class v extends n.a.Component{render(){return n.a.createElement("footer",{id:"page-footer",className:"bg-body-light"},n.a.createElement("div",{className:"content py-0"},n.a.createElement("div",{className:"row font-size-sm"},n.a.createElement("div",{className:"col-sm-6 order-sm-2 mb-1 mb-sm-0 text-center text-sm-right"},n.a.createElement("i",{className:"fa fa-heart text-danger"})," ",window.v2board.title?window.v2board.title:"V2Board"),n.a.createElement("div",{className:"col-sm-6 order-sm-1 text-center text-sm-left"},n.a.createElement("a",{className:"font-w600",href:"javascript:void(0)"},window.v2board.title?window.v2board.title:"V2Board"," v1.0.2"),n.a.createElement("span",{"data-toggle":"year-copy"})))))}}class b extends n.a.Component{render(){return n.a.createElement("div",{id:"page-container",className:"sidebar-o ".concat(1===c["a"].theme?"sidebar-dark":"page-header-dark"," side-scroll page-header-fixed main-content-boxed side-trans-enabled ").concat(this.props.header.showNav&&"sidebar-o-xs")},n.a.createElement(d,this.props),n.a.createElement(u,{search:this.props.search}),this.props.loading?n.a.createElement("main",{id:"main-container"},n.a.createElement("div",{className:"content content-full"},n.a.createElement("div",{className:"spinner-grow text-primary",role:"status"},n.a.createElement("span",{className:"sr-only"},"Loading...")))):this.props.children,n.a.createElement(v,null))}}t["a"]=Object(l["c"])(e=>{var t=e.header;return{header:t}})(b)},C2fE:function(e,t,a){"use strict";a.r(t);var i=a("jehZ"),n=a.n(i),s=(a("2qtc"),a("kLXV")),r=(a("5NDa"),a("5rEg")),l=(a("g9YV"),a("wCAj")),c=(a("Pwec"),a("CtXQ")),o=(a("/zsF"),a("PArb")),m=(a("BoS7"),a("Sdc0")),d=a("p0pE"),h=a.n(d),p=a("q1tI"),u=a.n(p),v=a("Bl7J"),b=a("t3Un"),g=(a("LbTH"),a("+L6B"),a("2/Rp"));a("MCmo"),a("+QRC");class E extends u.a.Component{constructor(){super(...arguments),this.state={}}addData(e,t,a){this.props.steps[e]=h()({},this.props.steps[e],{[t]:a}),this.props.onChange(this.props.steps)}render(){return u.a.createElement("div",null,u.a.createElement("div",null,this.props.steps.map((e,t)=>{return u.a.createElement("div",null,u.a.createElement("div",{className:"form-group"},u.a.createElement("label",{for:"example-text-input-alt"},"\u6b65\u9aa4",t+1," ",u.a.createElement("a",{href:"javascript:void(0)"},"\u5220\u9664")),u.a.createElement(r["a"].TextArea,{value:e.default_area,style:{borderBottomRightRadius:0,borderBottomLeftRadius:0,borderBottom:0},placeholder:"\u6807\u51c6\u533a\u57df\u5185\u5bb9(\u652f\u6301HTML)",onChange:e=>this.addData(t,"default_area",e.target.value)}),u.a.createElement(r["a"].TextArea,{value:e.safe_area,style:{borderRadius:0,borderBottom:0},placeholder:"\u5b89\u5168\u533a\u57df\u5185\u5bb9(\u652f\u6301HTML)",onChange:e=>this.addData(t,"safe_area",e.target.value)}),u.a.createElement(r["a"],{value:e.download_url,style:{borderRadius:0,borderBottom:0},placeholder:"\u4e0b\u8f7d\u5730\u5740",onChange:e=>this.addData(t,"download_url",e.target.value)}),u.a.createElement(r["a"],{value:e.img_url,style:{borderTopRightRadius:0,borderTopLeftRadius:0},placeholder:"\u56fe\u7247\u5730\u5740",onChange:e=>this.addData(t,"img_url",e.target.value)})))})),u.a.createElement(g["a"],{style:{width:"100%"},type:"primary",onClick:()=>{this.props.steps.push({}),this.props.onChange(this.props.steps)}},"\u6dfb\u52a0\u6b65\u9aa4"))}}var f=a("wd/R"),N=a.n(f);a.d(t,"default",function(){return w});class w extends u.a.Component{constructor(){super(...arguments),this.state={visible:!1,submit:{steps:[]},tutorials:[],loading:!1}}componentDidMount(){this.fetchData()}fetchData(){Object(b["a"])("/admin/tutorial/fetch").then(e=>{200===e.code&&(e.data.map((t,a)=>{e.data[a].steps=e.data[a].steps?JSON.parse(e.data[a].steps):[]}),this.setState({tutorials:e.data,loading:!1}))})}modalVisible(){this.setState({visible:!this.state.visible},()=>{this.state.visible||this.setState({submit:{steps:[]}})})}save(){var e="/admin/tutorial/save",t=h()({},this.state.submit,{steps:JSON.stringify(this.state.submit.steps)});Object(b["b"])(e,t).then(e=>{200===e.code&&(this.modalVisible(),this.fetchData())})}show(e){this.setState({["switch_loading_"+e]:!0},()=>{Object(b["b"])("/admin/tutorial/show",{id:e}).then(t=>{200===t.code&&(this.setState({["switch_loading_"+e]:!1}),this.fetchData())})})}drop(e){Object(b["b"])("/admin/tutorial/drop",{id:e.id}).then(e=>{200===e.code&&this.fetchData()})}render(){var e=[{title:"#",dataIndex:"id",key:"id"},{title:"\u6807\u9898",dataIndex:"title",key:"title"},{title:"\u63cf\u8ff0",dataIndex:"description",key:"description"},{title:"\u663e\u793a",dataIndex:"show",key:"show",render:(e,t)=>{return u.a.createElement(m["a"],{loading:this.state["switch_loading_"+t.id],size:"small",onChange:()=>this.show(t.id),checked:e})}},{title:"\u521b\u5efa\u65f6\u95f4",dataIndex:"created_at",key:"created_at",align:"right",render:e=>{return N()(1e3*e).format("YYYY/MM/DD HH:mm")}},{title:"\u64cd\u4f5c",dataIndex:"action",key:"action",align:"right",render:(e,t,a)=>{return u.a.createElement("div",null,u.a.createElement("a",{onClick:()=>this.setState({submit:this.state.tutorials[a]},()=>this.modalVisible()),href:"javascript:void(0)"},"\u7f16\u8f91"),u.a.createElement(o["a"],{type:"vertical"}),u.a.createElement("a",{onClick:()=>this.drop(t),href:"javascript:void(0)"},"\u5220\u9664"))}}];return u.a.createElement(v["a"],n()({},this.props,{loading:this.state.loading}),u.a.createElement("main",{id:"main-container"},u.a.createElement("div",{className:"content content-full"},u.a.createElement("div",{className:"d-flex justify-content-between align-items-center"},u.a.createElement("h2",{className:"font-w300 mt-4 mb-3"},"\u6559\u7a0b\u7ba1\u7406"),u.a.createElement("button",{type:"button",className:"btn btn-primary btn-sm btn-primary btn-rounded px-3",onClick:()=>this.modalVisible()},u.a.createElement(c["a"],{type:"plus"})," \u65b0\u5efa\u6559\u7a0b")),u.a.createElement("div",{className:"bg-white"},u.a.createElement(l["a"],{dataSource:this.state.tutorials,pagination:!1,columns:e,scroll:{x:950}})))),u.a.createElement(s["a"],{title:"".concat(this.state.submit.id?"\u7f16\u8f91\u6559\u7a0b":"\u65b0\u5efa\u6559\u7a0b"),visible:this.state.visible,onCancel:()=>this.modalVisible(),onOk:()=>this.save()},u.a.createElement("div",null,u.a.createElement("div",{className:"form-group"},u.a.createElement("label",{for:"example-text-input-alt"},"\u56fe\u6807"),u.a.createElement(r["a"],{placeholder:"\u8bf7\u8f93\u5165\u56fe\u6807\u7c7b\u540d",value:this.state.submit.icon,onChange:e=>{this.setState({submit:h()({},this.state.submit,{icon:e.target.value})})}})),u.a.createElement("div",{className:"form-group"},u.a.createElement("label",{for:"example-text-input-alt"},"\u6807\u9898"),u.a.createElement(r["a"],{placeholder:"\u8bf7\u8f93\u5165\u6559\u7a0b\u6807\u9898",value:this.state.submit.title,onChange:e=>{this.setState({submit:h()({},this.state.submit,{title:e.target.value})})}})),u.a.createElement("div",{className:"form-group"},u.a.createElement("label",{for:"example-text-input-alt"},"\u63cf\u8ff0"),u.a.createElement(r["a"],{placeholder:"\u8bf7\u8f93\u5165\u6559\u7a0b\u63cf\u8ff0",value:this.state.submit.description,onChange:e=>{this.setState({submit:h()({},this.state.submit,{description:e.target.value})})}})),u.a.createElement(E,{steps:this.state.submit.steps,onChange:e=>{this.setState({submit:h()({},this.state.submit,{steps:e})})}}))))}}},LbTH:function(e,t,a){"use strict";t["a"]={cycleText:{month_price:"\u6708\u4ed8",quarter_price:"\u5b63\u4ed8",half_year_price:"\u534a\u5e74\u4ed8",year_price:"\u5e74\u4ed8"},orderStatusText:["\u5f85\u652f\u4ed8","\u5f00\u901a\u4e2d","\u5df2\u53d6\u6d88","\u5df2\u5b8c\u6210"],commissionStatusText:["\u786e\u8ba4\u4e2d","\u5df2\u786e\u8ba4","\u5df2\u5b8c\u6210"],ticketStatusText:["\u5f00\u542f","\u5f85\u56de\u590d","\u5f85\u7b54\u590d","\u5173\u95ed"]}},MCmo:function(e,t,a){e.exports={row:"row___10Wq0",col:"col___ooUQl",col_img:"col_img___2YHHz",img:"img___2dDCv",step:"step___2Fqd-",action_area:"action_area___ZjErh"}}}]);