https://www.maka.im/mk-web-store-v7/_next/static/chunks/pages/designer/orderInstruction-a5bdca4bf0335141.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5502],{45962:function(e,t,n){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,t,n,i){void 0===i&&(i=n);var s=Object.getOwnPropertyDescriptor(t,n);(!s||("get"in s?!t.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,s)}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]}),s=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&i(t,e,n);return s(t,e),t},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Input=t.HasValue=void 0;let o=r(n(67294)),l=a(n(93967)),c=n(30332),u=n(91466),d=n(94245),m=n(56163);function HasValue(e){return 0===e||!!e}t.HasValue=HasValue;let h={input:"text",pw:"password"},p=!0;let Input=class Input extends o.Component{constructor(e){super(e),this.filterVal=e=>{let{filter:t}=this.props;return t?t(e):e},this.iconRender=()=>{let e;let{title:t,required:n,iconName:i,showTitle:s=p,iconTitle:r}=this.props,a=!!i;if(!a&&!t)return null;let l=n&&o.default.createElement("span",{className:"form-desc"},o.default.createElement("span",{className:"highlight"},"*"));if(a){let t=o.default.createElement(u.Icon,{className:"icon",size:16,name:i});e=r?o.default.createElement(d.Tooltip,{content:r,className:"flex justify-center items-center"},t):t}let c=(a||t)&&s&&o.default.createElement("span",{className:"title"},e,o.default.createElement("span",{className:"text"},t),l);return c},this.addOne=()=>{let{max:e}=this.props,t=this.getValue(),n=+t+1;n>e||this.changeVal(n,this.iconInput)},this.minusOne=()=>{let{min:e=0}=this.props,t=this.getValue(),n=+t-1;n<e||this.changeVal(n,this.iconInput)};let{defaultValue:t="",value:n}=e;this.isControl=void 0!==e.value,this.value=this.isControl?n:t,this.state={viewClass:HasValue(this.value)?"has-val":"normal",stateVal:this.value,focusing:!1}}componentWillUnmount(){this.state.focusing&&this.onBlur(null)}onFocus(){var e;this.setState({viewClass:"focusing",focusing:!0}),this.props.forceToSelect&&(null===(e=this.iconInput)||void 0===e||e.select())}onBlur(e){var t,n;this.setState({viewClass:HasValue(this.getValue())?"has-val":"normal",focusing:!1});let i=this.numberValFilter();i=this.filterVal(i),null===(n=(t=this.props).onBlur)||void 0===n||n.call(t,i,e)}getValue(){return this.isControl?this.props.value:this.state.stateVal}numberValFilter(e){let{outputType:t,type:n}=this.props,i=HasValue(e)?e:this.getValue();return("number"===t||"number"===n)&&(i=HasValue(i)?+i:void 0),i}changeVal(e,t){var n,i;let{min:s,max:r}=this.props;this.isControl||this.setState({stateVal:e}),e<s&&(e=s),e>r&&(e=r),null===(i=(n=this.props).onChange)||void 0===i||i.call(n,e,t)}clear(){var e,t;this.isControl||this.setState({stateVal:""}),null===(t=(e=this.props).onClearKeydown)||void 0===t||t.call(e)}οnEnterKeydοwn(e){var t,n;null===(n=(t=this.props).οnEnterKeydοwn)||void 0===n||n.call(t,e)}numberBtnRender(){let{theme:e}=this.props;return o.default.createElement("div",{className:"number_control"},"light"===e?o.default.createElement("div",null,o.default.createElement("div",{className:"control_item",onClick:this.addOne},o.default.createElement(u.Icon,{name:"up",size:8})),o.default.createElement("div",{className:"control_item",onClick:this.minusOne},o.default.createElement(u.Icon,{name:"down",size:8}))):o.default.createElement(o.default.Fragment,null,o.default.createElement(m.IconBtn,{name:"arrowup",iconSize:12,onClick:this.addOne}),o.default.createElement(m.IconBtn,{name:"arrowdown",iconSize:12,onClick:this.minusOne})))}render(){let{min:e,max:t,step:n,reaction:i=!0,disable:s,id:r,iconName:a,placeholder:d,inputBtnConfig:m,type:p="",style:f,allowClear:_=!1,size:v,riseTitle:g,block:b,className:j,children:x,classNameForInput:w,onFocus:I,warnTips:N,addonAfter:y,propsForInput:k,theme:O="light",showNumberBtn:E=!1,outputType:C,waring:S}=this.props,{viewClass:V="",focusing:P}=this.state,A=this.getValue(),M=m&&o.default.createElement(c.Button,{className:`input-btn btn ${m.color||"theme"} ${m.className||""}`,iconName:m.icon,onClick:()=>{m.action(this.iconInput)}},m.text),B=(0,l.default)("__mk_input__","__mk_form_control__",v,V,j,s&&"disable",!!a&&"has-icon",b&&"block",i&&"reaction",(m||E)&&"has-btn",g&&"rise-title",(N||S)&&"waring",O);return o.default.createElement("div",{className:B,style:f,id:r},o.default.createElement("div",{className:"input-con"},o.default.createElement("div",{className:"input-group",style:f},this.iconRender(),o.default.createElement("input",Object.assign({type:h[p]||p},Object.assign({},k,{min:e,max:t,step:n}),{placeholder:g&&P||!g?d:"",value:A,className:`form-control ${w||""}`,onKeyDown:e=>{let t=e.key;"Enter"===t&&this.οnEnterKeydοwn(e),"ArrowUp"===t&&"number"===C&&(e.preventDefault(),this.addOne()),"ArrowDown"===t&&"number"===C&&(e.preventDefault(),this.minusOne())},onFocus:e=>{this.onFocus(),null==I||I(e)},onBlur:e=>{this.onBlur(e)},onChange:e=>{let t=e.target.value;t=this.filterVal(t),this.changeVal(t,e.target)},ref:e=>{this.iconInput=e}})),y&&o.default.createElement("span",{className:"addon_after"},y),_&&A&&o.default.createElement(u.Icon,{name:"close",onClick:()=>{this.clear()}})),M),E&&this.numberBtnRender(),(()=>{if(N)return o.default.createElement("div",{className:"__mk_input__warn_tips"},N)})(),x)}};t.Input=Input,Input.defaultProps={required:!1,forceToSelect:!1,type:"input",outputType:"string",propsForInput:{}},Input.setConfig=({showTitle:e})=>{p=e}},71988:function(e,t,n){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,t,n,i){void 0===i&&(i=n);var s=Object.getOwnPropertyDescriptor(t,n);

1(!s||("get"in s?!t.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,s)}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]}),s=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||i(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),s(n(45962),t)},95369:function(e,t,n){"use strict";var i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Loading=void 0;let s=i(n(67294)),r=i(n(93967)),a=n(91466);t.Loading=e=>{let{message:t,style:n,className:i}=e,o=(0,r.default)("mkm-loading",i);return s.default.createElement("div",{className:o,style:n},s.default.createElement("div",{className:"loading_wrap"},s.default.createElement("img",{src:"https://img1.maka.im/cdn/webstore7/assets/icon_loading_v1.svg",className:"circke"}),s.default.createElement(a.Icon,{name:"MAKALogo",size:24,color:"#1A87FF"})),s.default.createElement("div",{className:"mkm-loading__text"},t))}},39234:function(e,t,n){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,t,n,i){void 0===i&&(i=n);var s=Object.getOwnPropertyDescriptor(t,n);(!s||("get"in s?!t.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,s)}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]}),s=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||i(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),s(n(95369),t)},62705:function(e,t,n){var i=n(55639).Symbol;e.exports=i},44239:function(e,t,n){var i=n(62705),s=n(89607),r=n(2333),a=i?i.toStringTag:void 0;e.exports=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":a&&a in Object(e)?s(e):r(e)}},31957:function(e,t,n){var i="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g;e.exports=i},89607:function(e,t,n){var i=n(62705),s=Object.prototype,r=s.hasOwnProperty,a=s.toString,o=i?i.toStringTag:void 0;e.exports=function(e){var t=r.call(e,o),n=e[o];try{e[o]=void 0;var i=!0}catch(e){}var s=a.call(e);return i&&(t?e[o]=n:delete e[o]),s}},2333:function(e){var t=Object.prototype.toString;e.exports=function(e){return t.call(e)}},55639:function(e,t,n){var i=n(31957),s="object"==typeof self&&self&&self.Object===Object&&self,r=i||s||Function("return this")();e.exports=r},13218:function(e){e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},42670:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/designer/orderInstruction",function(){return n(59684)}])},89664:function(e,t,n){"use strict";n.d(t,{Z:function(){return layout}});var i=n(85893),s=n(67294),r=n(15466),a=n(13886),o=n(85102),l=n(44610),c=n(46670),u=n(91466),d=n(11163),m=n(98258),h=n.n(m);let p=[{name:"创建作品",icon:"create",path:"/designer/create"},{name:"我的作品",icon:"works",path:"/designer/works"},{name:"素材中心",icon:"material",path:"/designer/materialCenter"},{name:"需求大厅",icon:"task",path:"/designer/tasks"},{name:"投稿",icon:"taskorder",path:"/designer/taskOrder"},{name:"数据",icon:"data",path:"/designer/data"},{name:"结算",icon:"account",path:"/designer/account"}];var sidebar=()=>{let e=(0,d.useRouter)(),[t,n]=(0,s.useState)(),clickMenu=t=>{e.push(t)};return(0,i.jsxs)("div",{className:h().sidebar,children:[(0,i.jsx)("div",{className:h().logo,children:(0,i.jsx)("img",{src:"https://img2.maka.im/cdn/webstore7/assets/maka_logo.svg",width:98,height:38,alt:"MAKA"})}),(0,i.jsx)("div",{className:h().menus,children:p.map((t,n)=>{let s=e.pathname===t.path;return(0,i.jsxs)("div",{className:"".concat(h().menuItem," ").concat(s&&h().active),onClick:()=>clickMenu(t.path),children:[(0,i.jsx)(u.Icon,{name:t.icon,size:20}),(0,i.jsx)("span",{children:t.name})]},n)})})]})},f=n(39892),_=n(30332),v=n(34743),g=n(94245),b=n(93935),j=n(48633),x=n.n(j),w=n(29323),I=n(34155),N=(0,w.Pi)(()=>{(0,d.useRouter)();let[e,t]=(0,s.useState)(),{setLoginShow:n,userProfile:r}=(0,o.o)();(0,s.useEffect)(()=>{t(r)},[r]);let getAvatarUrl=e=>0===e.indexOf("//")?"https:".concat(e):e||"https://res.maka.im/assets/store4/workspace/team_default_thumb%402x.png";return(0,i.jsx)("div",{className:x().header,children:(0,i.jsxs)("div",{className:x().header_content,children:[(0,i.jsx)("div",{className:x().logo_area,children:(0,i.jsx)("a",{href:"".concat(I.env.root_url,"/muban"),children:(0,i.jsx)("img",{width:110,height:39,src:"https://res.maka.im/platV5Cms/homepage/icon/Group22%402x.png?x-oss-process=image/format,webp",alt:"MAKA官网"})})}

1),(0,i.jsxs)("div",{className:x().nav_area,children:[(0,i.jsx)("div",{className:x().message,onClick:()=>{location.href="".concat((0,f.API)("根域名"),"/msgcenter.html")},children:(0,i.jsx)(u.Icon,{name:"message",size:16})}),e?(0,i.jsx)(g.Tooltip,{className:"".concat(x().userMenuToolTip," light"),content:(0,i.jsxs)("div",{className:x().userMenu,children:[(0,i.jsxs)("div",{className:"flex items-center px-2",children:[(0,i.jsx)("img",{className:x().avatar,src:getAvatarUrl(e.avatar),height:40,width:40,alt:""}),(0,i.jsx)("span",{className:x().nickname,children:e.nickname})]}),(0,i.jsx)("div",{className:"my-4",children:(0,i.jsx)(v.Divid,{})}),(0,i.jsxs)("div",{className:x().menuItem,onClick:()=>{location.href="".concat((0,f.API)("根域名"),"/userinfo")},children:[(0,i.jsx)(u.Icon,{name:"setting",size:20}),(0,i.jsx)("span",{children:"账号设置"})]}),(0,i.jsxs)("div",{className:x().menuItem,onClick:()=>{location.href="".concat((0,f.API)("根域名"))},children:[(0,i.jsx)(u.Icon,{name:"switch",size:20}),(0,i.jsx)("span",{children:"切换普通用户"})]}),(0,i.jsxs)("div",{className:x().menuItem,onClick:()=>{(0,b.LD)(),location.href="".concat((0,f.API)("根域名"))},children:[(0,i.jsx)(u.Icon,{name:"logout",size:20}),(0,i.jsx)("span",{children:"退出登录"})]})]}),placement:"bottom-end",trigger:"mouseenter",interactive:!0,arrow:!1,offset:[0,8],children:(0,i.jsx)("div",{className:x().user,children:(0,i.jsx)("img",{src:getAvatarUrl(e.avatar),height:40,width:40,alt:""})})}):(0,i.jsx)(_.Button,{type:"border",className:x().login,onClick:()=>{n(!0)},children:"登录/注册"})]})]})})}),y=n(79515),k=n(41056),O=n.n(k);let howxm=()=>{window._howxmQueue=window._howxmQueue||[],function(){_howxmQueue.push(arguments)}("setAppID","e9c4cd4f-1caf-4911-9093-7982dc75466d"),function(){var e="howxm_script";if(!document.getElementById(e)){var t=document.createElement("script"),n=document.getElementsByTagName("script")[0];t.setAttribute("id",e),t.type="text/javascript",t.async=!0,t.src="https://static.howxm.com/sdk.js",n.parentNode.insertBefore(t,n)}}()},E=(0,c.Pi)(()=>{let{loginShow:e,setLoginShow:t}=(0,o.o)(),onClose=()=>{t(!1),setTimeout(()=>{document.body.classList.remove("modal-opend")},0),(0,a.LP)()&&location.reload()};return(0,i.jsx)(l.Modal,{isOpen:e,clickBgToClose:!0,className:"".concat(O().loginModal," fixed"),onCloseModal:()=>onClose(),width:800,needHeader:!1,children:(0,i.jsx)(y.Z,{onClose:onClose})})});var layout=e=>{let{children:t}=e,{setProfile:n}=(0,o.o)(),[l,c]=(0,s.useState)(!1),initUserInfo=async()=>{let e=(0,a.sqP)();if(e){let t=await (0,a.etS)(e);n(t.data)}c(!0)},onReject=e=>{var t;r.Am.error((null===(t=e.reason.body)||void 0===t?void 0:t.message)||e.reason.message)};return((0,s.useEffect)(()=>(initUserInfo(),window.addEventListener("unhandledrejection",onReject,!0),howxm(),()=>{window.removeEventListener("unhandledrejection",onReject,!0)}),[]),l)?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(N,{}),(0,i.jsx)(sidebar,{}),(0,i.jsx)("main",{className:O().layout,children:t}),(0,i.jsx)(E,{})]}):null}},59684:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return OrderInstruction}});var i=n(85893),s=n(13886),r=n(67294),a=n(11455),o=n.n(a),l=n(39892),c=n(89664);function OrderInstruction(){let[e,t]=(0,r.useState)([]),[n,a]=(0,r.useState)(!1),[u,d]=(0,r.useState)([]);(0,r.useEffect)(()=>{getInstructionList()},[]),(0,r.useEffect)(()=>{let t=e.every(e=>!0===e.read);t?a(!0):a(!1)},[e]);let getInstructionList=()=>{s.WY0.get("".concat((0,l.API)("MkServer"),"/store-v1/task/guide/list")).then(e=>{var n,i,s;t(null==e?void 0:null===(n=e.data)||void 0===n?void 0:n.list);let r=null==e?void 0:null===(s=e.data)||void 0===s?void 0:null===(i=s.list)||void 0===i?void 0:i.filter(e=>!0===e.read).map(e=>e.id.toString());d(r)})},handleJump=e=>{!0!==e.read&&(u.push(e.id.toString()),d(u),s.WY0.post("".concat((0,l.API)("MkServer"),"/store-v1/task/guide/read"),{id:u}).then(e=>{getInstructionList()})),window.open(e.url)};return(0,i.jsx)(c.Z,{children:(0,i.jsx)("div",{className:o().orderInstruction,children:(0,i.jsxs)("div",{className:o().orderInstructionContainer,children:[(0,i.jsx)("div",{className:o().title,children:"接单须知"}),(0,i.jsx)("div",{className:o().subTitle,children:"领取任务前需阅读全部接单须知哦～"}),(0,i.jsx)("div",{className:o().content,children:e.map(e=>(0,i.jsxs)("div",{className:!0===e.read?o().instructionItemActive:o().instructionItem,onClick:()=>handleJump(e),children:[(0,i.jsxs)("div",{className:o().instructionItemTitle,children:[(0,i.jsx)("div",{className:o().prefix,children:"接单须知"}),(0,i.jsx)("div",{children:e.title})]}),(0,i.jsx)("div",{className:o().instructionItemAction,children:!0===e.read?"查看":"未读"})]},e.title))}),(0,i.jsx)("div",{onClick:()=>{n&&window.history.go(-1)},className:n?o().submitBtnActive:o().submitBtn,children:n?"已全部阅读，去领任务":"请全部阅读，再领任务"})]})})})}},85102:function(e,t,n){"use strict";n.d(t,{O:function(){return r},o:function(){return useStore}});var i=n(68949),s=n(46670);let r=new class{get userProfile(){return(0,i.toJS)(this.profile)}get isEnterpriseVip(){var e;return!!(null===(e=this.customerVips)||void 0===e?void 0:e.find(e=>"multi_senior"===e.alias||"multi_super"===e.alias))}get isBusiVip(){var e;return!!(null===(e=this.customerVips)||void 0===e?void 0:e.find(e=>"busi"===e.alias))}get isSuperVip(){var e;return!!(null===(e=this.customerVips)||void 0===e?void 0:e.find(e=>"super"===e.alias))}get isSeniorVip(){var e;return!!(null===(e=this.customerVips)||void 0===e?void 0:e.find(e=>"senior"===e.alias))}get isVip(){var e;return(null===(e=this.customerVips)||void 0===e?void 0:e.length)>0}constructor(){this.loginShow=!1,this.vipShow=!1,this.vipType="senior",this.vipTrackData={},this.curSearchWord="",this.profile=null,this.customerVips=[],this.permissions={},this.abConfig=!1,this.setcurSearchWord=e=>{this.curSearchWord=e},this.setLoginShow=e=>{this.loginShow=e}

1,this.setVipShow=(e,t,n)=>{this.vipShow=e,this.vipType=t||"senior",this.vipTrackData=n||{}},this.setProfile=e=>{this.profile=e},this.setCustomerVips=e=>{this.customerVips=e},this.setPermissions=e=>{this.permissions=e},this.setAbConfig=e=>{this.abConfig=e},(0,i.makeAutoObservable)(this)}},useStore=()=>{let e=(0,s.fv)(()=>r);return e}},48633:function(e){e.exports={header:"header_header__pwrbs",header_content:"header_header_content___ULxL",nav_area:"header_nav_area__DCg74",message:"header_message__E3Kwe",login:"header_login__f_6mV",user:"header_user__o5kw8",userMenuToolTip:"header_userMenuToolTip__lac_I",userMenu:"header_userMenu__haMhK",nickname:"header_nickname__BLwGN",menuItem:"header_menuItem__VQKo8"}},41056:function(e){e.exports={layout:"layout_layout__JvcqL",loginModal:"layout_loginModal__RUQBM"}},98258:function(e){e.exports={sidebar:"sidebar_sidebar__7U3PX",logo:"sidebar_logo__3PYXi",menus:"sidebar_menus__y9sG2",menuItem:"sidebar_menuItem__7ih1R",active:"sidebar_active__WstEf"}},11455:function(e){e.exports={orderInstruction:"orderInstruction_orderInstruction__oJFK7",orderInstructionContainer:"orderInstruction_orderInstructionContainer__SvOCg",title:"orderInstruction_title__eKJVq",subTitle:"orderInstruction_subTitle__4DPRB",content:"orderInstruction_content__pGTo9",instructionItem:"orderInstruction_instructionItem__G4xSe",instructionItemTitle:"orderInstruction_instructionItemTitle__KYhzX",prefix:"orderInstruction_prefix__CxZd_",instructionItemAction:"orderInstruction_instructionItemAction__w5Btd",instructionItemActive:"orderInstruction_instructionItemActive__y9ShW",submitBtn:"orderInstruction_submitBtn__meaG0",submitBtnActive:"orderInstruction_submitBtnActive__rwjSC"}},11163:function(e,t,n){e.exports=n(59974)}},function(e){e.O(0,[461,1466,9019,3135,965,4610,9323,1508,5727,9515,9774,2888,179],function(){return e(e.s=42670)}),_N_E=e.O()}]);