{"version":3,"sources":["webpack:///./src/components/page/Preorder.vue?891f","webpack:///./src/assets/img/preorder/rocket_background.png","webpack:///./src/components/component/FileUploader.vue?d9cc","webpack:///src/components/component/FileUploader.vue","webpack:///./src/components/component/FileUploader.vue?abac","webpack:///./src/components/component/FileUploader.vue?6121","webpack:///./src/components/component/FileUploader.vue?2e1d","webpack:///./src/components/page/Preorder.vue?7253","webpack:///src/components/page/Preorder.vue","webpack:///./src/components/page/Preorder.vue?34ff","webpack:///./src/components/page/Preorder.vue?db4b","webpack:///./src/assets/img/preorder/rocket.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","class","showImage","attrs","inputId","accept","on","onFileChange","uploadedFile","file","name","_e","_v","_s","placeholder","staticStyle","style","$event","stopPropagation","preventDefault","$refs","previewModal","open","templateType","ref","staticRenderFns","component","tab","domProps","value","blurInput","platform","option","width","$set","order","selectedPlatform","selectedOrder","inquiry","payment","userGrade","partnerGrade","main_upload","getFile","product_upload","product_detail_upload","directives","rawName","expression","target","composing","blank_upload","showServiceDesign","clickButton","_m","preorderNextpage","showModal","components","Preorder2","Dropdown","FileUploader","data","params","blank_page","appImage","main","product","product_detail","blank","type","products","order_conversion_type","inquiry_conversion_type","payment_type","plugins","package","showSpeechBubble","showServiceSummary","showServiceDetail","basic","plugIn","user","computed","i","id","conversion","created","user_id","email","phone","setTimeout","forEach","getEstimateForm","watch","selectSummary","selectDetail","methods","checkProducts","modalOpen","modal","$axios","get","then","cats","cat","prod","text","saveData","e","validateName","convertOrder","convertInquiry","convertPayment","convertPack","number","push"],"mappings":"0JAAA,W,uBCAAA,EAAOC,QAAU,IAA0B,sC,yCCA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgBC,MAAM,CAAE,aAAeP,EAAIQ,YAAa,CAACJ,EAAG,QAAQ,CAACE,YAAY,oBAAoBG,MAAM,CAAC,GAAKT,EAAIU,QAAQ,OAASV,EAAIW,OAAO,KAAO,QAAQC,GAAG,CAAC,OAASZ,EAAIa,gBAAgBT,EAAG,QAAQ,CAACK,MAAM,CAAC,IAAMT,EAAIU,UAAU,CAAGV,EAAIc,aAAaC,MAASf,EAAIc,aAAaE,MAAShB,EAAIQ,UAA6IR,EAAIiB,KAAtIb,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACN,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIoB,kBAA4BpB,EAAa,UAAEI,EAAG,MAAM,CAACiB,YAAY,CAAC,SAAW,aAAa,CAAErB,EAAIc,aAAiB,KAAEV,EAAG,MAAM,CAACE,YAAY,sBAAsBgB,MAAQ,wBAA2BtB,EAAIc,aAAiB,KAAI,IAAMF,GAAG,CAAC,MAAQ,SAASW,GAAyD,OAAjDA,EAAOC,kBAAkBD,EAAOE,iBAAwBzB,EAAI0B,MAAMC,aAAaC,UAAU,CAACxB,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,IAAI,CAACE,YAAY,6BAA6BM,GAAG,CAAC,MAAQ,SAASW,GAAQA,EAAOC,kBAAkBD,EAAOE,iBAAiBzB,EAAIc,aAAe,CAAEC,KAAK,GAAIC,KAAM,OAAQ,CAAChB,EAAIkB,GAAG,eAAelB,EAAIiB,KAAOjB,EAAIc,aAAaC,KAAqRf,EAAIiB,KAAnRb,EAAG,MAAM,CAACE,YAAY,sBAAsBe,YAAY,CAAC,WAAa,UAAU,QAAU,OAAO,cAAc,SAAS,kBAAkB,WAAW,CAACjB,EAAG,IAAI,CAACE,YAAY,iBAAiBe,YAAY,CAAC,YAAY,OAAO,MAAQ,SAAS,CAACrB,EAAIkB,GAAG,6BAAsClB,EAAIiB,OAASjB,EAAIQ,UAAugBR,EAAIiB,KAAhgBb,EAAG,MAAM,CAACG,MAAM,CAAE,iBAAmBP,EAAIc,aAAaC,MAAQf,EAAIc,aAAaE,MAAOK,YAAY,CAAC,SAAW,aAAa,CAAErB,EAAIc,aAAiB,KAAEV,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAACN,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGnB,EAAIc,aAAaE,MAAM,OAAOhB,EAAIiB,KAAMjB,EAAIc,aAAaC,MAAQf,EAAIc,aAAaE,KAAMZ,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,IAAI,CAACE,YAAY,6BAA6BM,GAAG,CAAC,MAAQ,SAASW,GAAQvB,EAAIc,aAAe,CAAEC,KAAK,GAAIC,KAAM,OAAQ,CAAChB,EAAIkB,GAAG,aAAalB,EAAIiB,OAAiBjB,EAAI6B,eAAiB7B,EAAIQ,UAAWJ,EAAG,IAAI,CAACK,MAAM,CAAC,KAAO,mBAAmB,OAAS,WAAW,CAACL,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAI6B,mBAAmB7B,EAAIiB,KAAKb,EAAG,cAAc,CAAC0B,IAAI,eAAerB,MAAM,CAAC,gBAAgB,SAAS,CAACL,EAAG,MAAM,CAACE,YAAY,cAAcG,MAAM,CAAC,IAAMT,EAAIc,aAAaC,WAAW,IACpwEgB,EAAkB,G,wBC6DtB,GAEE,KAAF,gBAEE,WAAF,CACI,WAAJ,QAGE,MAAF,CACI,KAAJ,CACM,KAAN,OACM,UAAN,GAGI,KAAJ,CACM,KAAN,OACM,UAAN,GAEI,SAAJ,CACM,KAAN,OACM,UAAN,GAEI,YAAJ,CACM,KAAN,OACM,UAAN,GAEI,UAAJ,CACM,KAAN,QACM,UAAN,IAIE,KAhCF,WAiCI,MAAJ,CACM,aAAN,CACQ,KAAR,GACQ,KAAR,IAEM,YAAN,GACM,eAAN,IAIE,QA3CF,WA4CA,YACM,KAAN,yBAIE,MAAF,CACI,aADJ,SACA,GACM,KAAN,0BAIE,SAAF,CACI,QADJ,WAEM,OAAN,6BAEI,OAJJ,WAKM,MAAN,kCACA,oCACA,OAGI,aAVJ,WAWM,MAAN,mCACA,yCACA,gDACA,KAIE,QAAF,CACI,aADJ,SACA,GACM,IAAN,uCACM,GAAN,SAAM,CAGA,IAAN,OACA,iBACM,EAAN,iBACM,EAAN,mBACQ,KAAR,cACU,KAAV,gBACU,KAAV,SAEA,eCrJqW,I,wBCQjWC,EAAY,eACd,EACAjC,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf,W,yCCAA,IAAIjC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,4CAA4C,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,yDAAyDe,YAAY,CAAC,YAAY,SAAS,CAACrB,EAAIkB,GAAG,mBAA8B,IAAVlB,EAAIiC,IAAS7B,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACiB,YAAY,CAAC,MAAQ,OAAO,eAAe,QAAQ,CAACrB,EAAIkB,GAAG,YAAYd,EAAG,MAAM,CAACiB,YAAY,CAAC,MAAQ,UAAU,OAAS,UAAU,CAACrB,EAAIkB,GAAG,QAAQd,EAAG,MAAM,CAACiB,YAAY,CAAC,OAAS,MAAM,MAAQ,OAAO,WAAa,aAAajB,EAAG,MAAM,CAACiB,YAAY,CAAC,OAAS,MAAM,MAAQ,OAAO,WAAa,aAAajB,EAAG,MAAM,CAACiB,YAAY,CAAC,MAAQ,UAAU,OAAS,UAAU,CAACrB,EAAIkB,GAAG,UAAUlB,EAAIiB,KAAgB,IAAVjB,EAAIiC,IAAS7B,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACiB,YAAY,CAAC,MAAQ,OAAO,eAAe,QAAQ,CAACrB,EAAIkB,GAAG,mBAAmBd,EAAG,MAAM,CAACiB,YAAY,CAAC,MAAQ,UAAU,OAAS,UAAU,CAACrB,EAAIkB,GAAG,QAAQd,EAAG,MAAM,CAACiB,YAAY,CAAC,OAAS,MAAM,MAAQ,OAAO,WAAa,aAAajB,EAAG,MAAM,CAACiB,YAAY,CAAC,MAAQ,UAAU,OAAS,UAAU,CAACrB,EAAIkB,GAAG,UAAUlB,EAAIiB,SAAoB,IAAVjB,EAAIiC,IAAS7B,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAee,YAAY,CAAC,SAAW,aAAa,CAACrB,EAAIkB,GAAG,WAAWd,EAAG,MAAM,CAACiB,YAAY,CAAC,SAAW,aAAa,CAACjB,EAAG,QAAQ,CAACE,YAAY,aAAaG,MAAM,CAAC,KAAO,QAAQyB,SAAS,CAAC,MAAQlC,EAAImC,MAAMnB,MAAMJ,GAAG,CAAC,MAAQZ,EAAIoC,eAAepC,EAAIkB,GAAG,UAAUd,EAAG,MAAM,CAACE,YAAY,eAAeG,MAAM,CAAC,IAAM,EAAQ,aAA6CL,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAIkB,GAAG,iCAAiCd,EAAG,aAAa,CAACK,MAAM,CAAC,KAAO,iBAAiB,CAAET,EAAsB,mBAAEI,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAIkB,GAAG,wBAAwBd,EAAG,WAAW,CAACK,MAAM,CAAC,WAAa,OAAO,WAAa,KAAK,MAAQT,EAAImC,MAAME,SAAS,QAAUrC,EAAIsC,OAAOD,SAAS,MAAQ,IAAI,YAAc,CAAEE,MAAO,UAAW3B,GAAG,CAAC,eAAe,SAASW,GAAQ,OAAOvB,EAAIwC,KAAKxC,EAAImC,MAAO,WAAYZ,OAAYnB,EAAG,WAAW,CAACK,MAAM,CAAC,WAAa,OAAO,WAAa,KAAK,MAAQT,EAAImC,MAAMM,MAAM,QAAUzC,EAAIsC,OAAOG,MAAM,MAAQ,KAAK7B,GAAG,CAAC,eAAe,SAASW,GAAQ,OAAOvB,EAAIwC,KAAKxC,EAAImC,MAAO,QAASZ,OAAYvB,EAAIkB,GAAG,cAAc,GAAGd,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,sEAAsE,CAACN,EAAIkB,GAAG,OAAOlB,EAAImB,GAAGnB,EAAI0C,kBAAkB,OAAOtC,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAIkB,GAAG,OAAOd,EAAG,MAAM,CAACE,YAAY,gDAAgD,CAACN,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGnB,EAAI2C,eAAe,SAASvC,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAIkB,GAAG,0BAA0BlB,EAAIiB,OAAOb,EAAG,aAAa,CAACK,MAAM,CAAC,KAAO,iBAAiB,CAAET,EAAqB,kBAAEI,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIkB,GAAG,kBAAkBd,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACN,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGnB,EAAI0C,kBAAkB,OAAOtC,EAAG,MAAM,CAACJ,EAAIkB,GAAG,qBAAqBd,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAIkB,GAAG,eAAed,EAAG,WAAW,CAACK,MAAM,CAAC,WAAa,OAAO,WAAa,KAAK,MAAQT,EAAImC,MAAMS,QAAQ,QAAU5C,EAAIsC,OAAOM,QAAQ,MAAQ,IAAI,YAAc,CAAEL,MAAO,UAAW3B,GAAG,CAAC,eAAe,SAASW,GAAQ,OAAOvB,EAAIwC,KAAKxC,EAAImC,MAAO,UAAWZ,OAAYnB,EAAG,MAAM,CAACJ,EAAIkB,GAAG,mBAAmB,GAAGd,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAIkB,GAAG,iBAAiBd,EAAG,WAAW,CAACK,MAAM,CAAC,WAAa,OAAO,WAAa,KAAK,MAAQT,EAAImC,MAAMU,QAAQ,QAAU7C,EAAIsC,OAAOO,QAAQ,MAAQ,IAAI,YAAc,CAAEN,MAAO,SAAU3B,GAAG,CAAC,eAAe,SAASW,GAAQ,OAAOvB,EAAIwC,KAAKxC,EAAImC,MAAO,UAAWZ,OAAYnB,EAAG,MAAM,CAACJ,EAAIkB,GAAG,WAAW,GAAGd,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAIkB,GAAG,oBAAoBd,EAAG,WAAW,CAACK,MAAM,CAAC,WAAa,OAAO,WAAa,KAAK,MAAQT,EAAImC,MAAMW,UAAU,QAAU9C,EAAIsC,OAAOQ,UAAU,MAAQ,IAAI,YAAc,CAAEP,MAAO,SAAU3B,GAAG,CAAC,eAAe,SAASW,GAAQ,OAAOvB,EAAIwC,KAAKxC,EAAImC,MAAO,YAAaZ,OAAYnB,EAAG,MAAM,CAACJ,EAAIkB,GAAG,SAAS,GAAGd,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAIkB,GAAG,2BAA2Bd,EAAG,WAAW,CAACK,MAAM,CAAC,WAAa,OAAO,WAAa,KAAK,MAAQT,EAAImC,MAAMY,aAAa,QAAU/C,EAAIsC,OAAOS,aAAa,MAAQ,IAAI,YAAc,CAAER,MAAO,UAAW3B,GAAG,CAAC,eAAe,SAASW,GAAQ,OAAOvB,EAAIwC,KAAKxC,EAAImC,MAAO,eAAgBZ,OAAYnB,EAAG,MAAM,CAACJ,EAAIkB,GAAG,YAAY,KAAKlB,EAAIiB,OAAOb,EAAG,aAAa,CAACK,MAAM,CAAC,KAAO,iBAAiB,CAAET,EAAqB,kBAAEI,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAIkB,GAAG,wBAAwBd,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACN,EAAIkB,GAAG,aAAad,EAAG,gBAAgB,CAACK,MAAM,CAAC,SAAW,QAAQ,KAAO,OAAO,YAAc,gBAAgB,KAAOT,EAAImC,MAAMa,YAAY,GAAG,WAAY,GAAMpC,GAAG,CAAC,aAAe,SAAUG,GAAQ,OAAOf,EAAIiD,QAAQlC,EAAM,OAAQ,aAAef,EAAIkB,GAAG,kBAAkBd,EAAG,gBAAgB,CAACK,MAAM,CAAC,SAAW,MAAM,KAAO,OAAO,YAAc,YAAY,KAAOT,EAAImC,MAAMa,YAAY,IAAIpC,GAAG,CAAC,aAAe,SAAUG,GAAQ,OAAOf,EAAIiD,QAAQlC,EAAM,OAAQ,WAAaf,EAAIkB,GAAG,gBAAgB,GAAGd,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACN,EAAIkB,GAAG,eAAed,EAAG,gBAAgB,CAACK,MAAM,CAAC,SAAW,QAAQ,KAAO,UAAU,YAAc,gBAAgB,KAAOT,EAAImC,MAAMe,eAAe,GAAG,WAAY,GAAMtC,GAAG,CAAC,aAAe,SAAUG,GAAQ,OAAOf,EAAIiD,QAAQlC,EAAM,UAAW,aAAef,EAAIkB,GAAG,kBAAkBd,EAAG,gBAAgB,CAACK,MAAM,CAAC,SAAW,MAAM,KAAO,UAAU,YAAc,YAAY,KAAOT,EAAImC,MAAMe,eAAe,IAAItC,GAAG,CAAC,aAAe,SAAUG,GAAQ,OAAOf,EAAIiD,QAAQlC,EAAM,UAAW,WAAaf,EAAIkB,GAAG,gBAAgB,GAAGd,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACN,EAAIkB,GAAG,mBAAmBd,EAAG,gBAAgB,CAACK,MAAM,CAAC,SAAW,QAAQ,KAAO,iBAAiB,YAAc,gBAAgB,KAAOT,EAAImC,MAAMgB,sBAAsB,GAAG,WAAY,GAAMvC,GAAG,CAAC,aAAe,SAAUG,GAAQ,OAAOf,EAAIiD,QAAQlC,EAAM,iBAAkB,aAAef,EAAIkB,GAAG,kBAAkBd,EAAG,gBAAgB,CAACK,MAAM,CAAC,SAAW,MAAM,KAAO,iBAAiB,YAAc,YAAY,KAAOT,EAAImC,MAAMgB,sBAAsB,IAAIvC,GAAG,CAAC,aAAe,SAAUG,GAAQ,OAAOf,EAAIiD,QAAQlC,EAAM,iBAAkB,WAAaf,EAAIkB,GAAG,gBAAgB,GAAGd,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,QAAQ,CAACgD,WAAW,CAAC,CAACpC,KAAK,QAAQqC,QAAQ,UAAUlB,MAAOnC,EAAImC,MAAgB,WAAEmB,WAAW,qBAAqBhD,YAAY,aAAaG,MAAM,CAAC,KAAO,QAAQyB,SAAS,CAAC,MAASlC,EAAImC,MAAgB,YAAGvB,GAAG,CAAC,MAAQ,SAASW,GAAWA,EAAOgC,OAAOC,WAAqBxD,EAAIwC,KAAKxC,EAAImC,MAAO,aAAcZ,EAAOgC,OAAOpB,WAAWnC,EAAIkB,GAAG,UAAUd,EAAG,gBAAgB,CAACK,MAAM,CAAC,SAAW,QAAQ,KAAO,QAAQ,YAAc,gBAAgB,KAAOT,EAAImC,MAAMsB,aAAa,GAAG,WAAY,GAAM7C,GAAG,CAAC,aAAe,SAAUG,GAAQ,OAAOf,EAAIiD,QAAQlC,EAAM,QAAS,aAAef,EAAIkB,GAAG,kBAAkBd,EAAG,gBAAgB,CAACK,MAAM,CAAC,SAAW,MAAM,KAAO,QAAQ,YAAc,YAAY,KAAOT,EAAImC,MAAMsB,aAAa,IAAI7C,GAAG,CAAC,aAAe,SAAUG,GAAQ,OAAOf,EAAIiD,QAAQlC,EAAM,QAAS,WAAaf,EAAIkB,GAAG,gBAAgB,KAAKlB,EAAIiB,QAAQ,GAAGjB,EAAIiB,KAAgB,IAAVjB,EAAIiC,IAAS7B,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,YAAY,CAAC0B,IAAI,mBAAmBrB,MAAM,CAAC,MAAQT,EAAImC,MAAM,OAASnC,EAAIsC,WAAW,GAAGtC,EAAIiB,KAAKb,EAAG,aAAa,CAACK,MAAM,CAAC,KAAO,iBAAiB,CAAY,IAAVT,EAAIiC,KAAWjC,EAAI0D,kBAAmBtD,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgBM,GAAG,CAAC,MAAQ,SAASW,GAAQ,OAAOvB,EAAI2D,YAAY,MAAM,CAAC3D,EAAIkB,GAAG,gCAAgClB,EAAIiB,OAAkB,IAAVjB,EAAIiC,IAAS7B,EAAG,MAAM,CAACE,YAAY,qBAAqBe,YAAY,CAAC,aAAa,MAAM,CAACrB,EAAI4D,GAAG,GAAGxD,EAAG,MAAM,CAACE,YAAY,kBAAkBe,YAAY,CAAC,SAAW,YAAYT,GAAG,CAAC,MAAQ,SAASW,GAAQvB,EAAI0B,MAAMmC,iBAAiBC,WAAU,KAAS,CAAC9D,EAAIkB,GAAG,8BAA8BlB,EAAI4D,GAAG,KAAK5D,EAAIiB,MAAM,IACzyQc,EAAkB,CAAC,WAAa,IAAI/B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACK,MAAM,CAAC,IAAM,EAAQ,cAAyD,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIkB,GAAG,6BAA6Bd,EAAG,MAAMJ,EAAIkB,GAAG,kC,8EC8Q/X,GAEE6C,WAAY,CACVC,UAAJ,aACIC,SAAJ,aACIC,aAAJ,cAGEC,KARF,WASI,MAAO,CACLlC,IAAK,EAOLmC,OAAQ,CACNpB,YAAa,GACbE,eAAgB,GAChBC,sBAAuB,GACvBM,aAAc,GACdY,WAAY,IAIdC,SAAU,CAKRC,KAAM,sGACNC,QAAS,yGACTC,eAAgB,+GAChBC,MAAO,IAGTvC,MAAO,CACLwC,KAAM,EACNC,SAAU,GACV5D,KAAM,GACNqB,SAAU,IACVI,MAAO,IACPG,QAAS,IACTC,QAAS,IACTC,UAAW,IACXC,aAAc,IAEdC,YAAa,GACbE,eAAgB,GAChBC,sBAAuB,GACvBM,aAAc,GACdY,WAAY,GAEZQ,sBAAuB,EACvBC,wBAAyB,EACzBC,aAAc,EACdC,QAAS,GACTC,QAAS,IAuBXC,kBAAkB,EAElBC,oBAAoB,EACpBC,mBAAmB,EACnB1B,mBAAmB,EAGnBpB,OAAQ,CAEND,SAAU,CAClB,CACU,GAAV,EACU,KAAV,cACU,KAAV,OAEA,CACU,GAAV,EACU,KAAV,aACU,KAAV,MAEA,CACU,GAAV,EACU,KAAV,QACU,KAAV,QAKQgD,MAAO,GAEP5C,MAAO,CACf,CACU,GAAV,EACU,KAAV,qBACU,WAAV,uBAEA,CACU,GAAV,EACU,KAAV,OACU,WAAV,SAEA,CACU,GAAV,EACU,KAAV,OACU,WAAV,iBAEA,CACU,GAAV,EACU,KAAV,kBACU,WAAV,iBAEA,CACU,GAAV,EACU,KAAV,oBACU,WAAV,WAEA,CACU,GAAV,EACU,KAAV,gBACU,WAAV,+CAKQG,QAAS,CACjB,CACU,GAAV,EACU,KAAV,SAEA,CACU,GAAV,EACU,KAAV,QAEA,CACU,GAAV,EACU,KAAV,YAEA,CACU,GAAV,EACU,KAAV,YAEA,CACU,GAAV,EACU,KAAV,cAKQC,QAAS,CACjB,CACU,GAAV,EACU,KAAV,MAEA,CACU,GAAV,EACU,KAAV,SAEA,CACU,GAAV,EACU,KAAV,UAEA,CACU,GAAV,EACU,KAAV,aAKQC,UAAW,CACnB,CACU,GAAV,EACU,KAAV,MAEA,CACU,GAAV,EACU,KAAV,QAKQC,aAAc,CACtB,CACU,GAAV,EACU,KAAV,QAEA,CACU,GAAV,EACU,KAAV,SAGQuC,OAAQ,IAIVC,KAAM,KAIVC,SAAU,CAER9C,iBAFJ,WAIM,IADA,IAAN,KACA,sCACYzC,KAAKqC,OAAOD,SAASoD,GAAGC,KAAOzF,KAAKkC,MAAME,WAC5CrB,EAAOf,KAAKqC,OAAOD,SAASoD,GAAGzE,MAGnC,OAAOA,GAIT2B,cAbJ,WAeM,IADA,IAAN,KACA,mCACY1C,KAAKqC,OAAOG,MAAMgD,GAAGC,KAAOzF,KAAKkC,MAAMM,QACzCzB,EAAOf,KAAKqC,OAAOG,MAAMgD,GAAGE,YAGhC,OAAO3E,IAIX4E,QAnPF,WAmPA,WAEI,GAAJ,+BACM,IAAN,2CACA,KACUL,EAAKM,QAAU,IAAGA,EAAUN,EAAKM,SACrC5F,KAAKsF,KAAKM,QAAUA,EACpB5F,KAAKsF,KAAKvE,KAAOuE,EAAKvE,KACtBf,KAAKsF,KAAKO,MAAQP,EAAKO,MACvB7F,KAAKsF,KAAKQ,MAAQR,EAAKQ,MACvBC,YAAW,WACT,EAAR,wBACA,KAGI/F,KAAKkC,MAAMnB,KAAOf,KAAKsF,KAAKvE,KAG5B,CAAC,OAAQ,UAAW,iBAAkB,SAASiF,SAAQ,SAA3D,GACM,IAAN,KACM,OAAN,GACQ,IAAK,OAAb,aACQ,IAAK,UAAb,eACQ,IAAK,iBAAb,eACQ,IAAK,QAAb,aAEM,EAAN,4DACM,EAAN,8CAKIhG,KAAKiG,mBAGPC,MAAO,CACL,iBADJ,WAEMlG,KAAKmG,iBAEP,cAJJ,WAKMnG,KAAKmG,iBAGP,gBARJ,WASMnG,KAAKoG,gBAGP,gBAZJ,WAaMpG,KAAKoG,gBAGP,kBAhBJ,WAiBMpG,KAAKoG,gBAGP,qBApBJ,WAqBMpG,KAAKoG,iBAKTC,QAAS,CACP3C,YADJ,SACA,cACM1D,KAAKgC,IAAMA,EAEjB,OAEA,+DACA,mEACA,qEACA,mEAEQhC,KAAKsG,gBAOb,wBACUtG,KAAKqC,OAAOgD,OAAOW,SAAQ,SAArC,GACA,gDAGA,2BACUhG,KAAKqC,OAAOgD,OAAOW,SAAQ,SAArC,GACA,kDAMA,OACQhG,KAAKuG,aAITA,UApCJ,WAqCMvG,KAAKyB,MAAM+E,MAAM7E,QAInBsE,gBAzCJ,WAyCA,WACMjG,KAAKyG,OAAOC,IAAI,mCAAmCC,MAAK,SAA9D,GACQ,IAAR,SAEQC,EAAKZ,SAAQ,SAArB,GACU,GAAV,cACY,EAAZ,6BAEA,kBACY,EAAZ,gCAEA,mBACY,EAAZ,wBACYa,EAAIlC,SAASqB,SAAQ,SAAjC,GACc,OAAd,QACgB,IAAK,OACHc,EAAKpB,WAAa,6CAClB,MACF,IAAK,OACHoB,EAAKpB,WAAa,gBAClB,MACF,IAAK,OACHoB,EAAKpB,WAAa,QAClB,MACF,IAAK,UACHoB,EAAKpB,WAAa,sBAClB,MACF,IAAK,OACHoB,EAAKpB,WAAa,gBAClB,MACF,IAAK,OACHoB,EAAKpB,WAAa,OAClB,eAOlB,mBACY,EAAZ,+BAEA,oBACY,EAAZ,4CAEY,IAAZ,uCACYpC,EAAOvC,KAAO,MACduC,EAAOyD,KAAO,MAEd,EAAZ,uDAGA,kBACA,mCAMIC,SApGJ,aAuGIhE,QAvGJ,SAuGA,OACM,IAAN,gBACMhD,KAAKkC,MAAMwC,EAAjB,iBAGIvC,UA5GJ,SA4GA,GACMnC,KAAKkC,MAAMnB,KAAOkG,EAAE3D,OAAOpB,MAEvBlC,KAAKkH,aAAalH,KAAKkC,MAAMnB,MAC/Bf,KAAKkF,oBAAqB,EAI1BlF,KAAKkF,oBAAqB,GAM9BgC,aA1HJ,SA0HA,GACM,IAAN,UACM,OAAO,EAAb,mCAIIf,cAhIJ,WAiIMnG,KAAKmF,kBAAX,MAA+B,KAA/B,wCAIIiB,aArIJ,WAsIA,MAAU,KAAV,yCACA,0DACQpG,KAAKyD,mBAAoB,EAGzBzD,KAAKyD,mBAAoB,GAG7B0D,aA9IJ,SA8IA,GACM,OAAQpG,GACN,IAAK,KAAb,SACQ,IAAK,OAAb,SACQ,IAAK,OAAb,SACQ,IAAK,SAAb,SACQ,IAAK,OAAb,SACQ,IAAK,OAAb,SACQ,IAAK,OAAb,SACQ,IAAK,MAAb,SACQ,IAAK,YAAb,WAIIqG,eA5JJ,SA4JA,GACM,OAAQrG,GACN,IAAK,KAAb,SACQ,IAAK,OAAb,SACQ,IAAK,QAAb,SACQ,IAAK,MAAb,WAIIsG,eArKJ,SAqKA,GACM,OAAQtG,GACN,IAAK,KAAb,SACQ,IAAK,OAAb,WAIIuG,YA5KJ,SA4KA,GAEM,OAAQC,GACN,KAAK,EAAb,aACQ,KAAK,EAAb,gBACQ,KAAK,EAAb,SACQ,KAAK,EAAb,aACQ,KAAK,EAAb,gBACQ,KAAK,EAAb,iBACQ,KAAK,EAAb,SACQ,KAAK,EAAb,mBAIIjB,cA1LJ,WA0LA,WAEUtG,KAAKkC,MAAMM,MAAQ,GACrBxC,KAAKqC,OAAOG,MAAMwD,SAAQ,SAAlC,GACA,uBACY,EAAZ,mDACY,EAAZ,+DAKUhG,KAAKkC,MAAMS,QAAU,GACvB3C,KAAKqC,OAAOM,QAAQqD,SAAQ,SAApC,GACA,yBACY,EAAZ,2DAKA,oBACQhG,KAAKqC,OAAOO,QAAQoD,SAAQ,SAApC,GACA,yBACY,EAAZ,gDAKA,wBACQhG,KAAKkC,MAAM6C,QAAQyC,KAAK,cAEhC,2BACQxH,KAAKkC,MAAM6C,QAAQyC,KAAK,oBCxxBiU,I,wBCQ7VzF,EAAY,eACd,EACAjC,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,qDCnBfnC,EAAOC,QAAU,IAA0B","file":"js/chunk-d818c258.c46b21dc.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Preorder.vue?vue&type=style&index=0&id=155bf954&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/rocket_background.f8e913a7.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"file-uploader\",class:{ 'image-mode' : _vm.showImage }},[_c('input',{staticClass:\"file-input-upload\",attrs:{\"id\":_vm.inputId,\"accept\":_vm.accept,\"type\":\"file\"},on:{\"change\":_vm.onFileChange}}),_c('label',{attrs:{\"for\":_vm.inputId}},[(!_vm.uploadedFile.file && !_vm.uploadedFile.name && !_vm.showImage)?_c('div',{staticClass:\"file-attachment-wrap\"},[_c('div',{staticClass:\"file-attachment-text\"},[_vm._v(_vm._s(_vm.placeholder))])]):_vm._e(),(_vm.showImage)?_c('div',{staticStyle:{\"position\":\"relative\"}},[(_vm.uploadedFile.file)?_c('div',{staticClass:\"uploaded-file-image\",style:((\"backgroundImage: url(\" + (_vm.uploadedFile.file) + \")\")),on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.$refs.previewModal.open()}}},[_c('div',{staticClass:\"remove-wrap-image\"},[_c('i',{staticClass:\"material-icons remove-icon\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();_vm.uploadedFile = { file:'', name: '' }}}},[_vm._v(\"close\")])])]):_vm._e(),(!_vm.uploadedFile.file)?_c('div',{staticClass:\"uploaded-file-image\",staticStyle:{\"background\":\"#c7c7c7\",\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\"}},[_c('i',{staticClass:\"material-icons\",staticStyle:{\"font-size\":\"44px\",\"color\":\"#fff\"}},[_vm._v(\"add_photo_alternate\")])]):_vm._e()]):_vm._e()]),(!_vm.showImage)?_c('div',{class:{ 'file-name-area' : _vm.uploadedFile.file && _vm.uploadedFile.name },staticStyle:{\"position\":\"relative\"}},[(_vm.uploadedFile.file)?_c('div',{staticClass:\"uploaded-file-name file-name-mobile\"},[_vm._v(\" \"+_vm._s(_vm.uploadedFile.name)+\" \")]):_vm._e(),(_vm.uploadedFile.file && _vm.uploadedFile.name)?_c('div',{staticClass:\"remove-wrap\"},[_c('i',{staticClass:\"material-icons remove-icon\",on:{\"click\":function($event){_vm.uploadedFile = { file:'', name: '' }}}},[_vm._v(\"close\")])]):_vm._e()]):_vm._e(),(_vm.templateType && !_vm.showImage)?_c('a',{attrs:{\"href\":\"launchpack.co.kr\",\"target\":\"_blank\"}},[_c('div',{staticClass:\"template-highlight\"},[_vm._v(_vm._s(_vm.templateType))])]):_vm._e(),_c('sweet-modal',{ref:\"previewModal\",attrs:{\"overlay-theme\":\"dark\"}},[_c('img',{staticClass:\"preview-img\",attrs:{\"src\":_vm.uploadedFile.file}})])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 상품옵션 견적요청 내역 -->\r\n<template>\r\n  <div class=\"file-uploader\" :class=\"{ 'image-mode' : showImage }\">\r\n\r\n    <!-- 첨부파일 추가하기 -->\r\n    <input class=\"file-input-upload\"\r\n          :id=\"inputId\"\r\n          :accept=\"accept\"\r\n          @change=\"onFileChange\"\r\n          type=\"file\">\r\n\r\n    <label :for=\"inputId\">\r\n      <div class=\"file-attachment-wrap\"\r\n        v-if=\"!uploadedFile.file && !uploadedFile.name && !showImage\">\r\n        <div class=\"file-attachment-text\">{{ placeholder }}</div>\r\n      </div>\r\n      <!-- 미리보기 이미지 -->\r\n      <div v-if=\"showImage\" style=\"position: relative;\">\r\n        <div v-if=\"uploadedFile.file\" class=\"uploaded-file-image\" @click.stop.prevent=\"$refs.previewModal.open()\"\r\n          :style=\"`backgroundImage: url(${uploadedFile.file})`\">\r\n          <div class=\"remove-wrap-image\">\r\n            <i class=\"material-icons remove-icon\"\r\n              @click.stop.prevent=\"uploadedFile = { file:'', name: '' }\">close</i>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"!uploadedFile.file\"\r\n          class=\"uploaded-file-image\"\r\n          style=\"background: #c7c7c7; display:flex; align-items:center; justify-content:center;\">\r\n          <i class=\"material-icons\"\r\n            style=\"font-size: 44px; color: #fff;\">add_photo_alternate</i>\r\n        </div>\r\n      </div>\r\n    </label>\r\n\r\n    <!-- 이미지 이름 -->\r\n    <div v-if=\"!showImage\" style=\"position: relative;\"\r\n      :class=\"{ 'file-name-area' : uploadedFile.file && uploadedFile.name }\">\r\n      <div class=\"uploaded-file-name file-name-mobile\" v-if=\"uploadedFile.file\">\r\n        {{ uploadedFile.name }}\r\n      </div>\r\n      <div v-if=\"uploadedFile.file && uploadedFile.name\"\r\n        class=\"remove-wrap\">\r\n        <i class=\"material-icons remove-icon\"\r\n          @click=\"uploadedFile = { file:'', name: '' }\">close</i>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 템플릿양식 -->\r\n    <a v-if=\"templateType && !showImage\"\r\n      href=\"launchpack.co.kr\" target=\"_blank\">\r\n      <div class=\"template-highlight\">{{ templateType }}</div>\r\n    </a>\r\n\r\n    <sweet-modal ref=\"previewModal\" overlay-theme=\"dark\">\r\n      <img class=\"preview-img\" :src=\"uploadedFile.file\">\r\n    </sweet-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { SweetModal } from 'sweet-modal-vue';\r\n\r\n  export default {\r\n\r\n    name: 'file-uploader',\r\n\r\n    components: {\r\n      SweetModal\r\n    },\r\n\r\n    props: {\r\n      file: {\r\n        type: Object,\r\n        required: false\r\n      },\r\n      // id 부여\r\n      type: {\r\n        type: String,\r\n        required: true\r\n      },\r\n      fileType: {\r\n        type: String,\r\n        required: true\r\n      },\r\n      placeholder: {\r\n        type: String,\r\n        required: true\r\n      },\r\n      showImage: {\r\n        type: Boolean,\r\n        required: false\r\n      }\r\n    },\r\n\r\n    data () {\r\n      return {\r\n        uploadedFile: {\r\n          file: '',\r\n          name: ''\r\n        },\r\n        selectedImg: '',\r\n        scrollTop: undefined\r\n      }\r\n    },\r\n\r\n    created() {\r\n      if (this.file) {\r\n        this.uploadedFile = this.file;\r\n      }\r\n    },\r\n\r\n    watch: {\r\n      uploadedFile(n) {\r\n        this.$emit('uploadedFile', n);\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      inputId() {\r\n        return this.type + '-' + this.fileType;\r\n      },\r\n      accept() {\r\n        if(this.fileType === 'image') return 'image/*';\r\n        else if(this.fileType === 'ppt') return '.ppt, .pptx';\r\n        else return '*/*';\r\n      },\r\n\r\n      templateType() {\r\n        if (this.type === 'main') return '메인페이지 양식.pptx';\r\n        else if (this.type === 'product') return '상품목록 페이지 양식.pptx';\r\n        else if (this.type === 'product_detail') return '상품상세 페이지 양식.pptx';\r\n        else return '';\r\n      }\r\n    },\r\n\r\n    methods: {\r\n      onFileChange(e) {\r\n        var files = e.target.files || e.dataTransfer.files;\r\n        if (!files.length)\r\n          return;\r\n\r\n        let file = files[0];\r\n        var reader = new FileReader();\r\n        reader.readAsDataURL(file);\r\n        reader.onload = function(e) {\r\n          this.uploadedFile = {\r\n            file: e.target.result,\r\n            name: file.name\r\n          };\r\n        }.bind(this);\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n\r\n  @media (max-width: 600px) {\r\n    .file-name-mobile {\r\n      transform: translateY(4px);\r\n    }\r\n  }\r\n\r\n  .file-input-upload {\r\n    outline: 0;\r\n    position: absolute;\r\n    width: .01em;\r\n  }\r\n\r\n  .file-uploader {\r\n    height: 44px;\r\n    border-bottom: 2px solid #303030;\r\n    margin: 0 12px;\r\n  }\r\n\r\n  .file-uploader.image-mode{\r\n    height: 248px;\r\n    border: none;\r\n  }\r\n\r\n  .file-attachment-wrap {\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    padding-right: 80px;\r\n  }\r\n\r\n  .file-attachment-text {\r\n    height: 28px;\r\n    font-size: 12px;\r\n    color: #fff;\r\n    background: #c7c7c7;\r\n    line-height: 28px;\r\n    text-align: center;\r\n    font-weight: 700;\r\n    border-radius: 8px;\r\n    padding: 0 12px;\r\n  }\r\n\r\n  .uploaded-file-image {\r\n    width: 120px;\r\n    height: 214px;\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    border: 1px solid #eee;\r\n  }\r\n\r\n  .file-name-area {\r\n    height: 40px;\r\n  }\r\n\r\n  .uploaded-file-name {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #7ad4ef;\r\n    text-overflow: ellipsis;\r\n    display: inline-block;\r\n    white-space: nowrap;\r\n    word-wrap: normal !important;\r\n    overflow: hidden;\r\n    padding-right: 32px;\r\n  }\r\n\r\n  .remove-wrap {\r\n    position: absolute;\r\n    right: 0;\r\n    top: 11px;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #e6e6e6;\r\n    border-radius: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .remove-wrap-image {\r\n    position: absolute;\r\n    right: 4px;\r\n    top: 6px;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #ff6600;\r\n    border-radius: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .material-icons.remove-icon{\r\n    font-size: 15px;\r\n    color: #fff;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .template-highlight {\r\n    text-decoration: underline;\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n    color: #7ad4ef;\r\n  }\r\n\r\n  .preview-img {\r\n    max-height: 80vh;\r\n    border: 1px solid #dddddd;\r\n  }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileUploader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileUploader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FileUploader.vue?vue&type=template&id=410a4e52&scoped=true&\"\nimport script from \"./FileUploader.vue?vue&type=script&lang=js&\"\nexport * from \"./FileUploader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FileUploader.vue?vue&type=style&index=0&id=410a4e52&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"410a4e52\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileUploader.vue?vue&type=style&index=0&id=410a4e52&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content-main-top-container preorder-page\"},[_c('div',{staticClass:\"preorder-title-wrap\"},[_c('div',{staticClass:\"preorder-title\"},[_c('div',{staticClass:\"preorder-bold offset-margin-left preorder-title-mobile\",staticStyle:{\"font-size\":\"30px\"}},[_vm._v(\"테마 선주문 문의 신청서\")]),(_vm.tab===1)?_c('div',{staticClass:\"preorder-stepper\"},[_c('div',{staticStyle:{\"color\":\"#000\",\"margin-right\":\"8px\"}},[_vm._v(\"서비스 구성\")]),_c('div',{staticStyle:{\"color\":\"#7f7f7f\",\"margin\":\"0 8px\"}},[_vm._v(\"01\")]),_c('div',{staticStyle:{\"height\":\"2px\",\"width\":\"45px\",\"background\":\"#ff6600\"}}),_c('div',{staticStyle:{\"height\":\"2px\",\"width\":\"45px\",\"background\":\"#e6e6e6\"}}),_c('div',{staticStyle:{\"color\":\"#7f7f7f\",\"margin\":\"0 8px\"}},[_vm._v(\"02\")])]):_vm._e(),(_vm.tab===2)?_c('div',{staticClass:\"preorder-stepper\"},[_c('div',{staticStyle:{\"color\":\"#000\",\"margin-right\":\"8px\"}},[_vm._v(\"서비스 확인 및 신청문의\")]),_c('div',{staticStyle:{\"color\":\"#7f7f7f\",\"margin\":\"0 8px\"}},[_vm._v(\"02\")]),_c('div',{staticStyle:{\"height\":\"2px\",\"width\":\"90px\",\"background\":\"#ff6600\"}}),_c('div',{staticStyle:{\"color\":\"#7f7f7f\",\"margin\":\"0 8px\"}},[_vm._v(\"02\")])]):_vm._e()])]),(_vm.tab===1)?_c('div',{staticClass:\"preorder-content-wrap\"},[_c('div',{staticClass:\"preorder-section\"},[_c('div',{staticClass:\"preorder-row\",staticStyle:{\"position\":\"relative\"}},[_vm._v(\" 제 이름은 \"),_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('input',{staticClass:\"input-name\",attrs:{\"type\":\"text\"},domProps:{\"value\":_vm.value.name},on:{\"input\":_vm.blurInput}})]),_vm._v(\" 인데요. \"),_c('img',{staticClass:\"rocket-image\",attrs:{\"src\":require(\"../../assets/img/preorder/rocket.png\")}})]),_c('div',{staticClass:\"preorder-row\"},[_vm._v(\" 제가 만들고 싶은 플랫폼 서비스가 있어요. \")])]),_c('transition',{attrs:{\"name\":\"show-section\"}},[(_vm.showServiceSummary)?_c('div',{staticClass:\"preorder-section\"},[_c('div',{staticClass:\"preorder-row\"},[_c('div',{staticClass:\"mobile-margin-right\"},[_vm._v(\"저는 제 서비스를 방문한 사용자가\")]),_c('dropdown',{attrs:{\"label_name\":\"text\",\"value_name\":\"id\",\"value\":_vm.value.platform,\"options\":_vm.option.platform,\"width\":296,\"mobileStyle\":{ width: '180px' }},on:{\"update:value\":function($event){return _vm.$set(_vm.value, \"platform\", $event)}}}),_c('dropdown',{attrs:{\"label_name\":\"text\",\"value_name\":\"id\",\"value\":_vm.value.order,\"options\":_vm.option.order,\"width\":356},on:{\"update:value\":function($event){return _vm.$set(_vm.value, \"order\", $event)}}}),_vm._v(\" 을(를) 하면 \")],1),_c('div',{staticClass:\"preorder-row\"},[_c('div',{staticClass:\"preorder-bold preorder-border offset-margin-left selected-platform\"},[_vm._v(\" 해당 \"+_vm._s(_vm.selectedPlatform)+\" \")]),_c('div',{staticClass:\"mobile-margin-right\"},[_vm._v(\"가\")]),_c('div',{staticClass:\"preorder-bold preorder-border selected-order\"},[_vm._v(\" \"+_vm._s(_vm.selectedOrder)+\" \")])]),_c('div',{staticClass:\"preorder-row\"},[_vm._v(\" 하는 서비스를 만들고 싶어요. \")])]):_vm._e()]),_c('transition',{attrs:{\"name\":\"show-section\"}},[(_vm.showServiceDetail)?_c('div',{staticClass:\"preorder-section\"},[_c('div',{staticClass:\"preorder-row\"},[_c('div',{staticClass:\"mobile-full-width\"},[_vm._v(\"사용자들이 주문하기전에\")]),_c('div',{staticClass:\"preorder-bold\"},[_vm._v(\" \"+_vm._s(_vm.selectedPlatform)+\" \")]),_c('div',[_vm._v(\"에게 문의를 할 수 있게\")])]),_c('div',{staticClass:\"preorder-row\"},[_c('div',{staticClass:\"mobile-margin-right\"},[_vm._v(\"상품 상세페이지에\")]),_c('dropdown',{attrs:{\"label_name\":\"name\",\"value_name\":\"id\",\"value\":_vm.value.inquiry,\"options\":_vm.option.inquiry,\"width\":208,\"mobileStyle\":{ width: '160px' }},on:{\"update:value\":function($event){return _vm.$set(_vm.value, \"inquiry\", $event)}}}),_c('div',[_vm._v(\"가 있었으면 좋겠어요.\")])],1),_c('div',{staticClass:\"preorder-row\"},[_c('div',{staticClass:\"mobile-margin-right\"},[_vm._v(\"제 서비스에서 결제는\")]),_c('dropdown',{attrs:{\"label_name\":\"name\",\"value_name\":\"id\",\"value\":_vm.value.payment,\"options\":_vm.option.payment,\"width\":186,\"mobileStyle\":{ width: '80px' }},on:{\"update:value\":function($event){return _vm.$set(_vm.value, \"payment\", $event)}}}),_c('div',[_vm._v(\"거예요.\")])],1),_c('div',{staticClass:\"preorder-row\"},[_c('div',{staticClass:\"mobile-margin-right\"},[_vm._v(\"그밖의 기능으로 회원등급이\")]),_c('dropdown',{attrs:{\"label_name\":\"name\",\"value_name\":\"id\",\"value\":_vm.value.userGrade,\"options\":_vm.option.userGrade,\"width\":108,\"mobileStyle\":{ width: '80px' }},on:{\"update:value\":function($event){return _vm.$set(_vm.value, \"userGrade\", $event)}}}),_c('div',[_vm._v(\"해요\")])],1),_c('div',{staticClass:\"preorder-row\"},[_c('div',{staticClass:\"mobile-margin-right\"},[_vm._v(\"그리고 서비스를 제공하는 사람은 등급이\")]),_c('dropdown',{attrs:{\"label_name\":\"name\",\"value_name\":\"id\",\"value\":_vm.value.partnerGrade,\"options\":_vm.option.partnerGrade,\"width\":130,\"mobileStyle\":{ width: '100px' }},on:{\"update:value\":function($event){return _vm.$set(_vm.value, \"partnerGrade\", $event)}}}),_c('div',[_vm._v(\"좋겠어요.\")])],1)]):_vm._e()]),_c('transition',{attrs:{\"name\":\"show-section\"}},[(_vm.showServiceDesign)?_c('div',{staticClass:\"preorder-section\"},[_c('div',{staticClass:\"preorder-row\"},[_vm._v(\" 제가 생각하는 페이지 디자인은 \")]),_c('div',{staticClass:\"preorder-row row-extend-margin\"},[_vm._v(\" 메인 페이지는 \"),_c('file-uploader',{attrs:{\"fileType\":\"image\",\"type\":\"main\",\"placeholder\":\"참조할 앱 스크린샷 첨부\",\"file\":_vm.value.main_upload[0],\"showImage\":true},on:{\"uploadedFile\":function (file) { return _vm.getFile(file, 'main', 'image'); }}}),_vm._v(\" 이렇게, 자세한 설명은 \"),_c('file-uploader',{attrs:{\"fileType\":\"ppt\",\"type\":\"main\",\"placeholder\":\"PPT 파일 첨부\",\"file\":_vm.value.main_upload[1]},on:{\"uploadedFile\":function (file) { return _vm.getFile(file, 'main', 'ppt'); }}}),_vm._v(\" 여기를 봐주세요. \")],1),_c('div',{staticClass:\"preorder-row row-extend-margin\"},[_vm._v(\" 상품목록 페이지는 \"),_c('file-uploader',{attrs:{\"fileType\":\"image\",\"type\":\"product\",\"placeholder\":\"참조할 앱 스크린샷 첨부\",\"file\":_vm.value.product_upload[0],\"showImage\":true},on:{\"uploadedFile\":function (file) { return _vm.getFile(file, 'product', 'image'); }}}),_vm._v(\" 이렇게, 자세한 설명은 \"),_c('file-uploader',{attrs:{\"fileType\":\"ppt\",\"type\":\"product\",\"placeholder\":\"PPT 파일 첨부\",\"file\":_vm.value.product_upload[1]},on:{\"uploadedFile\":function (file) { return _vm.getFile(file, 'product', 'ppt'); }}}),_vm._v(\" 여기를 봐주세요. \")],1),_c('div',{staticClass:\"preorder-row row-extend-margin\"},[_vm._v(\" 그리고 상품상세 페이지는 \"),_c('file-uploader',{attrs:{\"fileType\":\"image\",\"type\":\"product_detail\",\"placeholder\":\"참조할 앱 스크린샷 첨부\",\"file\":_vm.value.product_detail_upload[0],\"showImage\":true},on:{\"uploadedFile\":function (file) { return _vm.getFile(file, 'product_detail', 'image'); }}}),_vm._v(\" 이렇게, 자세한 설명은 \"),_c('file-uploader',{attrs:{\"fileType\":\"ppt\",\"type\":\"product_detail\",\"placeholder\":\"PPT 파일 첨부\",\"file\":_vm.value.product_detail_upload[1]},on:{\"uploadedFile\":function (file) { return _vm.getFile(file, 'product_detail', 'ppt'); }}}),_vm._v(\" 여기를 봐주세요. \")],1),_c('div',{staticClass:\"preorder-row\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value.blank_page),expression:\"value.blank_page\"}],staticClass:\"input-name\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.value.blank_page)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.value, \"blank_page\", $event.target.value)}}}),_vm._v(\" 페이지는 \"),_c('file-uploader',{attrs:{\"fileType\":\"image\",\"type\":\"blank\",\"placeholder\":\"참조할 앱 스크린샷 첨부\",\"file\":_vm.value.blank_upload[0],\"showImage\":true},on:{\"uploadedFile\":function (file) { return _vm.getFile(file, 'blank', 'image'); }}}),_vm._v(\" 이렇게, 자세한 설명은 \"),_c('file-uploader',{attrs:{\"fileType\":\"ppt\",\"type\":\"blank\",\"placeholder\":\"PPT 파일 첨부\",\"file\":_vm.value.blank_upload[1]},on:{\"uploadedFile\":function (file) { return _vm.getFile(file, 'blank', 'ppt'); }}}),_vm._v(\" 여기를 봐주세요. \")],1)]):_vm._e()])],1):_vm._e(),(_vm.tab===2)?_c('div',{staticClass:\"preorder-content-wrap\"},[_c('preorder2',{ref:\"preorderNextpage\",attrs:{\"value\":_vm.value,\"option\":_vm.option}})],1):_vm._e(),_c('transition',{attrs:{\"name\":\"show-section\"}},[(_vm.tab===1 && _vm.showServiceDesign)?_c('div',{staticClass:\"next-page-btn-wrap\"},[_c('div',{staticClass:\"next-page-btn\",on:{\"click\":function($event){return _vm.clickButton(2)}}},[_vm._v(\"이런 내 서비스 창업 하려면 얼마나 들까요?\")])]):_vm._e()]),(_vm.tab===2)?_c('div',{staticClass:\"next-page-btn-wrap\",staticStyle:{\"margin-top\":\"0\"}},[_vm._m(0),_c('div',{staticClass:\"next-page-btn-2\",staticStyle:{\"position\":\"absolute\"},on:{\"click\":function($event){_vm.$refs.preorderNextpage.showModal=true;}}},[_vm._v(\"이런 내 서비스 창업 하려면 얼마나 들까요?\")]),_vm._m(1)]):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('img',{attrs:{\"src\":require(\"../../assets/img/preorder/rocket_background.png\")}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"next-page-btn-tip\"},[_vm._v(\"* 누르시면 상품의 기본적인 견적이 나옵니다.\"),_c('br'),_vm._v(\" 바로 신청되지는 않으니 걱정 안하셔도 됩니다.\")])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"content-main-top-container preorder-page\">\r\n\r\n    <!-- 제목 -->\r\n    <div class=\"preorder-title-wrap\">\r\n      <div class=\"preorder-title\">\r\n        <div class=\"preorder-bold offset-margin-left preorder-title-mobile\"\r\n          style=\"font-size: 30px;\">테마 선주문 문의 신청서</div>\r\n        <div v-if=\"tab===1\" class=\"preorder-stepper\">\r\n          <div style=\"color: #000; margin-right: 8px;\">서비스 구성</div>\r\n          <div style=\"color: #7f7f7f; margin: 0 8px;\">01</div>\r\n          <div style=\"height: 2px; width: 45px; background: #ff6600;\"></div>\r\n          <div style=\"height: 2px; width: 45px; background: #e6e6e6;\"></div>\r\n          <div style=\"color: #7f7f7f; margin: 0 8px;\">02</div>\r\n        </div>\r\n        <div v-if=\"tab===2\" class=\"preorder-stepper\">\r\n          <div style=\"color: #000; margin-right: 8px;\">서비스 확인 및 신청문의</div>\r\n          <div style=\"color: #7f7f7f; margin: 0 8px;\">02</div>\r\n          <div style=\"height: 2px; width: 90px; background: #ff6600;\"></div>\r\n          <div style=\"color: #7f7f7f; margin: 0 8px;\">02</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 1단계 -->\r\n    <div v-if=\"tab===1\" class=\"preorder-content-wrap\">\r\n\r\n      <!-- 신청자 정보 -->\r\n      <div class=\"preorder-section\">\r\n        <div class=\"preorder-row\" style=\"position: relative;\">\r\n          제 이름은\r\n          <div style=\"position: relative;\">\r\n            <input class=\"input-name\" type=\"text\"\r\n              :value=\"value.name\"\r\n              @input=\"blurInput\">\r\n              <!-- @input=\"(e) => value.name = e.target.value\"> -->\r\n              <!-- @keyup.enter=\"blurInput\" -->\r\n              <!-- @blur=\"blurInput\"> -->\r\n\r\n            <!-- validation 말풍선 -->\r\n            <!-- <div v-if=\"showSpeechBubble\"\r\n              class=\"validation-speech-bubble\">이름은 한글로 10자 이하로 입력해주세요.</div> -->\r\n          </div>\r\n          인데요.\r\n          <img class=\"rocket-image\" src=\"../../assets/img/preorder/rocket.png\">\r\n        </div>\r\n        <div class=\"preorder-row\">\r\n          제가 만들고 싶은 플랫폼 서비스가 있어요.\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 서비스 요약 (Service Summary) -->\r\n      <transition name=\"show-section\">\r\n      <div v-if=\"showServiceSummary\"\r\n        class=\"preorder-section\">\r\n        <div class=\"preorder-row\">\r\n          <div class=\"mobile-margin-right\">저는 제 서비스를 방문한 사용자가</div>\r\n          <!-- 플랫폼 타입 -->\r\n          <dropdown\r\n            label_name=\"text\"\r\n            value_name=\"id\"\r\n            :value.sync=\"value.platform\"\r\n            :options=\"option.platform\"\r\n            :width=\"296\"\r\n            :mobileStyle=\"{ width: '180px' }\"\r\n            ></dropdown>\r\n          <!-- 팩 종류 -->\r\n          <dropdown\r\n            label_name=\"text\"\r\n            value_name=\"id\"\r\n            :value.sync=\"value.order\"\r\n            :options=\"option.order\"\r\n            :width=\"356\"\r\n            ></dropdown>\r\n          을(를) 하면\r\n        </div>\r\n        <div class=\"preorder-row\">\r\n          <div class=\"preorder-bold preorder-border offset-margin-left selected-platform\">\r\n            해당 {{ selectedPlatform }}\r\n          </div>\r\n          <div class=\"mobile-margin-right\">가</div>\r\n          <div class=\"preorder-bold preorder-border selected-order\">\r\n            {{ selectedOrder }}\r\n          </div>\r\n        </div>\r\n        <div class=\"preorder-row\">\r\n          하는 서비스를 만들고 싶어요.\r\n        </div>\r\n      </div>\r\n      </transition>\r\n\r\n      <!-- 서비스 상세기능 -->\r\n      <transition name=\"show-section\">\r\n      <div v-if=\"showServiceDetail\"\r\n        class=\"preorder-section\">\r\n        <div class=\"preorder-row\">\r\n          <div class=\"mobile-full-width\">사용자들이 주문하기전에</div>\r\n          <div class=\"preorder-bold\">\r\n            {{ selectedPlatform }}\r\n          </div>\r\n          <div>에게 문의를 할 수 있게</div>\r\n        </div>\r\n        <div class=\"preorder-row\">\r\n          <div class=\"mobile-margin-right\">상품 상세페이지에</div>\r\n          <!-- 문의전환 종류 -->\r\n          <dropdown\r\n            label_name=\"name\"\r\n            value_name=\"id\"\r\n            :value.sync=\"value.inquiry\"\r\n            :options=\"option.inquiry\"\r\n            :width=\"208\"\r\n            :mobileStyle=\"{ width: '160px' }\"\r\n            ></dropdown>\r\n          <div>가 있었으면 좋겠어요.</div>\r\n        </div>\r\n        <div class=\"preorder-row\">\r\n          <div class=\"mobile-margin-right\">제 서비스에서 결제는</div>\r\n          <!-- 결제 타입 -->\r\n          <dropdown\r\n            label_name=\"name\"\r\n            value_name=\"id\"\r\n            :value.sync=\"value.payment\"\r\n            :options=\"option.payment\"\r\n            :width=\"186\"\r\n            :mobileStyle=\"{ width: '80px' }\"\r\n            ></dropdown>\r\n          <div>거예요.</div>\r\n        </div>\r\n        <div class=\"preorder-row\">\r\n          <div class=\"mobile-margin-right\">그밖의 기능으로 회원등급이</div>\r\n          <!-- 회원 등급 -->\r\n          <dropdown\r\n            label_name=\"name\"\r\n            value_name=\"id\"\r\n            :value.sync=\"value.userGrade\"\r\n            :options=\"option.userGrade\"\r\n            :width=\"108\"\r\n            :mobileStyle=\"{ width: '80px' }\"\r\n            ></dropdown>\r\n          <div>해요</div>\r\n        </div>\r\n        <div class=\"preorder-row\">\r\n          <div class=\"mobile-margin-right\">그리고 서비스를 제공하는 사람은 등급이</div>\r\n          <!-- 파트너 등급 -->\r\n          <dropdown\r\n            label_name=\"name\"\r\n            value_name=\"id\"\r\n            :value.sync=\"value.partnerGrade\"\r\n            :options=\"option.partnerGrade\"\r\n            :width=\"130\"\r\n            :mobileStyle=\"{ width: '100px' }\"\r\n            ></dropdown>\r\n          <div>좋겠어요.</div>\r\n        </div>\r\n      </div>\r\n      </transition>\r\n\r\n      <!-- 디자인 -->\r\n      <transition name=\"show-section\">\r\n      <div v-if=\"showServiceDesign\"\r\n        class=\"preorder-section\">\r\n        <div class=\"preorder-row\">\r\n          제가 생각하는 페이지 디자인은\r\n        </div>\r\n        <div class=\"preorder-row row-extend-margin\">\r\n          메인 페이지는\r\n          <file-uploader fileType=\"image\" type=\"main\" placeholder=\"참조할 앱 스크린샷 첨부\"\r\n                         :file=\"value.main_upload[0]\"\r\n                         :showImage=\"true\"\r\n                         @uploadedFile=\"(file) => getFile(file, 'main', 'image')\"></file-uploader>\r\n          이렇게, 자세한 설명은\r\n          <file-uploader fileType=\"ppt\" type=\"main\" placeholder=\"PPT 파일 첨부\"\r\n                         :file=\"value.main_upload[1]\"\r\n                         @uploadedFile=\"(file) => getFile(file, 'main', 'ppt')\"></file-uploader>\r\n          여기를 봐주세요.\r\n        </div>\r\n        <div class=\"preorder-row row-extend-margin\">\r\n          상품목록 페이지는\r\n          <file-uploader fileType=\"image\" type=\"product\" placeholder=\"참조할 앱 스크린샷 첨부\"\r\n                         :file=\"value.product_upload[0]\"\r\n                         :showImage=\"true\"\r\n                         @uploadedFile=\"(file) => getFile(file, 'product', 'image')\"></file-uploader>\r\n          이렇게, 자세한 설명은\r\n          <file-uploader fileType=\"ppt\" type=\"product\" placeholder=\"PPT 파일 첨부\"\r\n                         :file=\"value.product_upload[1]\"\r\n                         @uploadedFile=\"(file) => getFile(file, 'product', 'ppt')\"></file-uploader>\r\n          여기를 봐주세요.\r\n        </div>\r\n        <div class=\"preorder-row row-extend-margin\">\r\n          그리고 상품상세 페이지는\r\n          <file-uploader fileType=\"image\" type=\"product_detail\" placeholder=\"참조할 앱 스크린샷 첨부\"\r\n                         :file=\"value.product_detail_upload[0]\"\r\n                         :showImage=\"true\"\r\n                         @uploadedFile=\"(file) => getFile(file, 'product_detail', 'image')\"></file-uploader>\r\n          이렇게, 자세한 설명은\r\n          <file-uploader fileType=\"ppt\" type=\"product_detail\" placeholder=\"PPT 파일 첨부\"\r\n                         :file=\"value.product_detail_upload[1]\"\r\n                         @uploadedFile=\"(file) => getFile(file, 'product_detail', 'ppt')\"></file-uploader>\r\n          여기를 봐주세요.\r\n        </div>\r\n        <div class=\"preorder-row\">\r\n          <input class=\"input-name\" type=\"text\" v-model=\"value.blank_page\">\r\n          페이지는\r\n          <file-uploader fileType=\"image\" type=\"blank\" placeholder=\"참조할 앱 스크린샷 첨부\"\r\n                         :file=\"value.blank_upload[0]\"\r\n                         :showImage=\"true\"\r\n                         @uploadedFile=\"(file) => getFile(file, 'blank', 'image')\"></file-uploader>\r\n          이렇게, 자세한 설명은\r\n          <file-uploader fileType=\"ppt\" type=\"blank\" placeholder=\"PPT 파일 첨부\"\r\n                         :file=\"value.blank_upload[1]\"\r\n                         @uploadedFile=\"(file) => getFile(file, 'blank', 'ppt')\"></file-uploader>\r\n          여기를 봐주세요.\r\n        </div>\r\n      </div>\r\n      </transition>\r\n\r\n      <!-- 템플릿 양식 안내 -->\r\n      <!-- <div class=\"template-area\">\r\n        <i class=\"material-icons info-icon\">info</i>\r\n        <div>\r\n          <div>\r\n            맞춤디자인을 원치 않을 경우 런치팩에서 제공하는 <span class=\"template-highlight\">기본템플릿</span> 디자인으로 대체됩니다 <br>\r\n            페이지디자인은 아래 양식을 사전에 다운로드하여 양식에 맞춰 내용을 수정 후 개별로 업로드할 수 있습니다\r\n          </div>\r\n          <div class=\"lp-template-list\">\r\n            <div class=\"lp-template-item template-highlight\">메인페이지 양식</div>\r\n            <div class=\"lp-template-item template-highlight\">상품상세페이지 양식</div>\r\n            <div class=\"lp-template-item template-highlight\">상품목록페이지 양식</div>\r\n            <div class=\"lp-template-item template-highlight\">사용자임의 추가페이지 양식</div>\r\n          </div>\r\n        </div>\r\n      </div> -->\r\n    </div>\r\n\r\n    <!-- 2단계 -->\r\n    <div v-if=\"tab===2\" class=\"preorder-content-wrap\">\r\n      <preorder2\r\n        ref=\"preorderNextpage\"\r\n        :value=\"value\"\r\n        :option=\"option\"></preorder2>\r\n    </div>\r\n\r\n    <!-- 버튼 -->\r\n    <transition name=\"show-section\">\r\n    <div class=\"next-page-btn-wrap\" v-if=\"tab===1 && showServiceDesign\">\r\n      <div class=\"next-page-btn\" @click=\"clickButton(2)\">이런 내 서비스 창업 하려면 얼마나 들까요?</div>\r\n    </div>\r\n    </transition>\r\n\r\n    <!-- 버튼 -->\r\n    <div class=\"next-page-btn-wrap\" v-if=\"tab===2\"\r\n       style=\"margin-top: 0;\">\r\n      <!-- :style=\"`backgroundImage: url(${require('../../assets/img/preorder/rocket_background.png')});`\"> -->\r\n      <div>\r\n        <img src=\"../../assets/img/preorder/rocket_background.png\">\r\n      </div>\r\n      <div class=\"next-page-btn-2\" @click=\"$refs.preorderNextpage.showModal=true;\"\r\n        style=\"position: absolute;\">이런 내 서비스 창업 하려면 얼마나 들까요?</div>\r\n      <div class=\"next-page-btn-tip\">* 누르시면 상품의 기본적인 견적이 나옵니다.<br>\r\n        바로 신청되지는 않으니 걱정 안하셔도 됩니다.</div>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Dropdown from '../component/Dropdown.vue'\r\nimport FileUploader from '../component/FileUploader.vue'\r\nimport Preorder2 from \"./Preorder2\";\r\n\r\n\r\nexport default {\r\n\r\n  components: {\r\n    Preorder2,\r\n    Dropdown,\r\n    FileUploader\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      tab: 1,\r\n      /*각 드롭다운에 들어가는 옵션 데이터 요약\r\n        select: 추후에 서비스 신청할시 string 데이터를 변환시켜서 디비에 저장하기 위해 있는 데이터필드\r\n        name: 상품이름\r\n        text: 대체문구\r\n      */\r\n      // 신청 입력/선택 값\r\n      params: {\r\n        main_upload: [],\r\n        product_upload: [],\r\n        product_detail_upload: [],\r\n        blank_upload: [],\r\n        blank_page: \"\"\r\n      },\r\n\r\n      // 참조할 앱 스크린샷 첨부파일 디폴트값\r\n      appImage: {\r\n        /*main: require('../../assets/img/preorder/design/board.png'),\r\n        product: require('../../assets/img/preorder/design/board_detail.png'),\r\n        product_detail: require('../../assets/img/preorder/design/exhibition.png'),\r\n        blank: require('../../assets/img/preorder/design/exhibition.png'),*/\r\n        main: 'https://s3.ap-northeast-2.amazonaws.com/launchpack-storage/media/non-path/homepage/default/home.png',\r\n        product: 'https://s3.ap-northeast-2.amazonaws.com/launchpack-storage/media/non-path/homepage/default/product.png',\r\n        product_detail: 'https://s3.ap-northeast-2.amazonaws.com/launchpack-storage/media/non-path/homepage/default/productdetail.png',\r\n        blank: ''\r\n      },\r\n\r\n      value: {\r\n        type: 1,\r\n        products: [],                 // 선택된 상품들\r\n        name: '',                     // 신청자 이름\r\n        platform: 10000,              // 플랫폼 사업 타입\r\n        order: 10000,                 // 주문전환 종류\r\n        inquiry: 10000,               // 문의전환 종류\r\n        payment: 10000,               // 결제 종류\r\n        userGrade: 10000,             // 회원등급 여부\r\n        partnerGrade: 10000,          // 파트너등급 여부\r\n\r\n        main_upload: [],\r\n        product_upload: [],\r\n        product_detail_upload: [],\r\n        blank_upload: [],\r\n        blank_page: \"\",\r\n\r\n        order_conversion_type: 0,\r\n        inquiry_conversion_type: 0,\r\n        payment_type: 0,\r\n        plugins: [],\r\n        package: ''\r\n\r\n        /* design: {            // 페이지 디자인 첨부파일\r\n          main: {               // 메인\r\n            file: '',\r\n            name: ''\r\n          },\r\n          productList: {        // 상품목록\r\n            file: '',\r\n            name: ''\r\n          },\r\n          productDetail: {      // 상품상세\r\n            file: '',\r\n            name: ''\r\n          },\r\n          user: {               // 사용자임의 추가페이지\r\n            pageName: '',\r\n            file: '',\r\n            name: ''\r\n          }\r\n        } */\r\n      },\r\n\r\n      showSpeechBubble: false,    // 말풍선 보여주기\r\n\r\n      showServiceSummary: false,    // 서비스요약 섹션 보여주기 (두번째 섹션)\r\n      showServiceDetail: false,     // 서비스상세 섹션 보여주기 (세번째 섹션)\r\n      showServiceDesign: false,     // 서비스디자인 섹션 보여주기 (네번째 섹션)\r\n\r\n      // 사용자 임의 추가페이지 이름\r\n      option: {\r\n        // 플랫폼 타입\r\n        platform: [\r\n          {\r\n            id: 0,\r\n            text: '사용자의 상품을 보고',\r\n            name: '사용자'\r\n          },\r\n          {\r\n            id: 1,\r\n            text: '업체의 상품을 보고',\r\n            name: '업체'\r\n          },\r\n          {\r\n            id: 2,\r\n            text: '관리자에게',\r\n            name: '관리자'\r\n          }\r\n        ],\r\n\r\n        // 기본 가격\r\n        basic: [],\r\n        // 팩/주문전환 종류\r\n        order: [\r\n          {\r\n            id: 0,\r\n            text: '용역서비스나 특별컨텐츠를 주문하면',\r\n            conversion: '약속한 일을 하거나 결과물을 업로드'\r\n          },\r\n          {\r\n            id: 1,\r\n            text: '상담신청',\r\n            conversion: '전화 상담'\r\n          },\r\n          {\r\n            id: 2,\r\n            text: '모임신청',\r\n            conversion: '신청 내역을 확인, 승인'\r\n          },\r\n          {\r\n            id: 3,\r\n            text: '클릭해서 해당 쇼핑몰로 이동',\r\n            conversion: '아웃링크 된 내역을 확인'\r\n          },\r\n          {\r\n            id: 4,\r\n            text: '상품의 옵션에 따른 견적을 요청',\r\n            conversion: '견적서를 전송'\r\n          },\r\n          {\r\n            id: 5,\r\n            text: '업체들의 입찰견적을 요청',\r\n            conversion: '맞는 업체들에게 견적 요청을 보내고 업체나 전문가가 사용자에게 견적서를 전송'\r\n          }\r\n        ],\r\n\r\n        // 문의전환 종류\r\n        inquiry: [\r\n          {\r\n            id: 0,\r\n            name: '이메일문의'\r\n          },\r\n          {\r\n            id: 1,\r\n            name: '문자문의'\r\n          },\r\n          {\r\n            id: 2,\r\n            name: '판매자 톡 문의'\r\n          },\r\n          {\r\n            id: 3,\r\n            name: '관리자 톡 문의'\r\n          },\r\n          {\r\n            id: 4,\r\n            name: '상품 게시판 문의'\r\n          }\r\n        ],\r\n\r\n        // 결제 타입\r\n        payment: [\r\n          {\r\n            id: 0,\r\n            name: '안할'\r\n          },\r\n          {\r\n            id: 1,\r\n            name: '주문시 할'\r\n          },\r\n          {\r\n            id: 2,\r\n            name: '배달 시 할'\r\n          },\r\n          {\r\n            id: 3,\r\n            name: '구매확정 시 할'\r\n          },\r\n        ],\r\n\r\n        // 회원 등급\r\n        userGrade: [\r\n          {\r\n            id: 1,\r\n            name: '필요',\r\n          },\r\n          {\r\n            id: 0,\r\n            name: '안필요'\r\n          },\r\n        ],\r\n\r\n        // 파트너 등급\r\n        partnerGrade: [\r\n          {\r\n            id: 1,\r\n            name: '있었으면'\r\n          },\r\n          {\r\n            id: 0,\r\n            name: '없었으면'\r\n          },\r\n        ],\r\n        plugIn: [],\r\n      },\r\n\r\n      // 로그인 정보\r\n      user: {}\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    // 선택된 플랫폼 주체 타입\r\n    selectedPlatform() {\r\n      let name = '';\r\n      for(let i=0; i<this.option.platform.length; i++) {\r\n        if (this.option.platform[i].id === this.value.platform) {\r\n          name = this.option.platform[i].name;\r\n        }\r\n      }\r\n      return name;\r\n    },\r\n\r\n    // 선택된 주문전환 타입\r\n    selectedOrder() {\r\n      let name = '';\r\n      for(let i=0; i<this.option.order.length; i++) {\r\n        if (this.option.order[i].id === this.value.order) {\r\n          name = this.option.order[i].conversion;\r\n        }\r\n      }\r\n      return name;\r\n    }\r\n  },\r\n\r\n  created() {\r\n    // 로그인 시 회원정보\r\n    if(this.$store.getters.user.name) {\r\n      let user = this.cloneItem(this.$store.getters.user)\r\n      let user_id = '';\r\n      if (user.user_id > 0) user_id = user.user_id;\r\n      this.user.user_id = user_id;\r\n      this.user.name = user.name;\r\n      this.user.email = user.email;\r\n      this.user.phone = user.phone;\r\n      setTimeout(() => {\r\n        this.showServiceSummary = true;\r\n      },1000);\r\n    }\r\n\r\n    this.value.name = this.user.name;\r\n\r\n    // 이미지 필드 초기화\r\n    ['main', 'product', 'product_detail', 'blank'].forEach(item => {\r\n      let page_name = '';\r\n      switch(item) {\r\n        case 'main': page_name = '메인'; break;\r\n        case 'product': page_name = '상품목록'; break;\r\n        case 'product_detail': page_name = '상품상세'; break;\r\n        case 'blank': page_name = '추가'; break;\r\n      }\r\n      this.value[item+'_upload'].push({ file: this.appImage[item], name: page_name+' 페이지'});\r\n      this.value[item+'_upload'].push({ file: '', name: ''});\r\n      // for(let i=0;i<2; i++){\r\n        // this.value[item+'_upload'].push({ file: this.appImage[item], name: item+' 페이지 디폴트'});\r\n      // }\r\n    });\r\n    this.getEstimateForm();\r\n  },\r\n\r\n  watch: {\r\n    'value.platform'() {\r\n      this.selectSummary();\r\n    },\r\n    'value.order'() {\r\n      this.selectSummary();\r\n    },\r\n\r\n    'value.inquiry'() {\r\n      this.selectDetail();\r\n    },\r\n\r\n    'value.payment'() {\r\n      this.selectDetail();\r\n    },\r\n\r\n    'value.userGrade'() {\r\n      this.selectDetail();\r\n    },\r\n\r\n    'value.partnerGrade'() {\r\n      this.selectDetail();\r\n    },\r\n\r\n  },\r\n\r\n  methods: {\r\n    clickButton(tab) {\r\n      this.tab = tab;\r\n      // 스텝 2\r\n      if(tab===2) {\r\n        // 다음 페이지 가기 전 선택한 상품들 추가\r\n        if(this.value.order > 0) this.value.products.push(this.value.order);\r\n        if(this.value.payment > 0) this.value.products.push(this.value.payment);\r\n        if(this.value.platform > 0) this.value.products.push(this.value.platform);\r\n        if(this.value.inquiry > 0) this.value.products.push(this.value.inquiry);\r\n\r\n        this.checkProducts();\r\n\r\n        /*\r\n        플러그인은 예외 처리\r\n        0: 안 산다\r\n        1: 산다\r\n        * */\r\n        if(this.value.userGrade > 0) {\r\n          this.option.plugIn.forEach(item=>{\r\n            if(item.name==='회원등급') this.value.products.push(item.id);\r\n          })\r\n        }\r\n        if(this.value.partnerGrade > 0) {\r\n          this.option.plugIn.forEach(item=>{\r\n            if(item.name==='파트너등급') this.value.products.push(item.id);\r\n          })\r\n        }\r\n\r\n        // window.scrollTo(0,0);\r\n      }\r\n      else if(tab===3) {\r\n        this.modalOpen();\r\n      }\r\n    },\r\n\r\n    modalOpen(){\r\n      this.$refs.modal.open();\r\n    },\r\n\r\n    // 견적 양식 데이터 가져오기\r\n    getEstimateForm() {\r\n      this.$axios.get('public/launchpack/estimate/form').then(res=>{\r\n        let cats = res.data;\r\n        //console.log(cats)\r\n        cats.forEach(cat=>{\r\n          if(cat.name==='기본'){\r\n            this.option.basic = cat.products;\r\n          }\r\n          else if(cat.name==='플랫폼'){\r\n            this.option.platform = cat.products;\r\n          }\r\n          else if(cat.name==='주문전환'){\r\n            this.option.order = cat.products;\r\n            cat.products.forEach((prod) => {\r\n              switch(prod.name) {\r\n                case '견적요청':\r\n                  prod.conversion = '맞는 업체들에게 견적 요청을 보내고 업체나 전문가가 사용자에게 견적서를 전송';\r\n                  break;\r\n                case '모임신청':\r\n                  prod.conversion = '신청 내역을 확인, 승인';\r\n                  break;\r\n                case '상담신청':\r\n                  prod.conversion = '전화 상담';\r\n                  break;\r\n                case '컨텐츠다운로드':\r\n                  prod.conversion = '약속한 일을 하거나 결과물을 업로드';\r\n                  break;\r\n                case '아웃링크':\r\n                  prod.conversion = '아웃링크 된 내역을 확인';\r\n                  break;\r\n                case '전화연결':\r\n                  prod.conversion = '전화연결';\r\n                  break;\r\n                /* case '상품옵션견적':\r\n                  prod.conversion = '상품의 옵션에 따른 견적을 요청';\r\n                  break; */\r\n              }\r\n            });\r\n          }\r\n          else if(cat.name==='문의전환'){\r\n            this.option.inquiry = cat.products;\r\n          }\r\n          else if(cat.name==='결제방식'){\r\n            this.option.payment = [{id:0, name:'안할', text:'안할'}];\r\n\r\n            let target = this.findItem(cat.products, 'name', '결제이용');\r\n            target.name = '이용할';\r\n            target.text = '이용할';\r\n\r\n            this.option.payment = this.option.payment.concat(cat.products);\r\n          }\r\n          // 플러그인은 예외 케이스이기 때문에 별도로 저장\r\n          else if(cat.name==='플러그인'){\r\n            this.option.plugIn = cat.products;\r\n          }\r\n        })\r\n      })\r\n    },\r\n\r\n    saveData() {\r\n    },\r\n\r\n    getFile(file, type, fileType) {\r\n      let idx = fileType === 'ppt' ? 1 : 0;\r\n      this.value[type+'_upload'][idx] = file;\r\n    },\r\n\r\n    blurInput(e) {\r\n      this.value.name = e.target.value;\r\n\r\n      if (this.validateName(this.value.name)) {\r\n        this.showServiceSummary = true;\r\n        // this.showSpeechBubble = false;\r\n      }\r\n      else {\r\n        this.showServiceSummary = false;\r\n        // this.showSpeechBubble = true;\r\n      }\r\n    },\r\n\r\n    // 이름 유효성 검사\r\n    validateName(str) {\r\n      let pattern_kor = /[가-힣]/; // 한글체크\r\n      return ((pattern_kor.test(str)) && str.length>0 && str.length<=10);\r\n    },\r\n\r\n    // 서비스 요약 섹션 값 체크\r\n    selectSummary() {\r\n      this.showServiceDetail = ( this.value.platform!==10000 && this.value.order!==10000 );\r\n    },\r\n\r\n    // 서비스 상세 섹션 값 체크\r\n    selectDetail() {\r\n      if ( this.value.inquiry!==10000 && this.value.payment!==10000 &&\r\n        this.value.userGrade!==10000 && this.value.partnerGrade!==10000 ) {\r\n        this.showServiceDesign = true;\r\n      }\r\n      else {\r\n        this.showServiceDesign = false;\r\n      }\r\n    },\r\n    convertOrder(name) {\r\n      switch (name) {\r\n        case '없음': return 0;\r\n        case '전화연결': return 1;\r\n        case '아웃링크': return 2;\r\n        case '상품배송주문': return 3;\r\n        case '모임신청': return 4;\r\n        case '상담신청': return 5;\r\n        case '견적요청': return 6;\r\n        case '사용권': return 7;\r\n        case '컨텐츠다운로드주문': return 8;\r\n      }\r\n    },\r\n\r\n    convertInquiry(name) {\r\n      switch (name) {\r\n        case '없음': return 0;\r\n        case '전화문의': return 1;\r\n        case '이메일문의': return 2;\r\n        case '톡문의': return 3;\r\n      }\r\n    },\r\n\r\n    convertPayment(name) {\r\n      switch (name) {\r\n        case '없음': return 0;\r\n        case '결제이용': return 1;\r\n      }\r\n    },\r\n\r\n    convertPack(number) {\r\n      // 주문 전환에 맞춰서 패키지이름 매칭을 시켜야함.\r\n      switch (number) {\r\n        case 1: return 'call';\r\n        case 2: return 'outlink';\r\n        case 3: return '';\r\n        case 4: return 'meet';\r\n        case 5: return 'counsel';\r\n        case 6: return 'estimate';\r\n        case 7: return '';\r\n        case 8: return 'download';\r\n      }\r\n    },\r\n\r\n    checkProducts() {\r\n      // 주문전환\r\n      if (this.value.order > 0) {\r\n        this.option.order.forEach(order=>{\r\n          if(order.id === this.value.order){\r\n            this.value.order_conversion_type = this.convertOrder(order.name);\r\n            this.value.package = this.convertPack(this.value.order_conversion_type);\r\n          }\r\n        })\r\n      }\r\n      // 문의전환\r\n      if (this.value.inquiry > 0) {\r\n        this.option.inquiry.forEach(inquiry=>{\r\n          if(inquiry.id === this.value.inquiry) {\r\n            this.value.inquiry_conversion_type = this.convertInquiry(inquiry.name);\r\n          }\r\n        })\r\n      }\r\n      // 결제방식\r\n      if(this.value.payment) {\r\n        this.option.payment.forEach(payment=>{\r\n          if(payment.id === this.value.payment) {\r\n            this.value.payment_type = this.convertPayment(payment.name);\r\n          }\r\n        })\r\n      }\r\n      // 플러그인\r\n      if(this.value.userGrade > 0) {\r\n        this.value.plugins.push('user_grade');\r\n      }\r\n      if(this.value.partnerGrade > 0) {\r\n        this.value.plugins.push('partner_grade');\r\n      }\r\n    },\r\n\r\n  }\r\n\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n  @media (max-width: 600px) {\r\n    .row-extend-margin {\r\n      margin-bottom: 60px !important;\r\n    }\r\n    .preorder-title-wrap {\r\n      padding: 0 20px;\r\n      margin-bottom: 32px;\r\n    }\r\n    .preorder-title {\r\n      width: 100%;\r\n    }\r\n    .preorder-title-mobile {\r\n      margin-bottom: 8px;\r\n    }\r\n    .preorder-content-wrap {\r\n      width: 100%;\r\n      padding: 0 20px;\r\n    }\r\n    .preorder-section {\r\n      margin-bottom: 40px;\r\n    }\r\n    .preorder-page {\r\n      font-size: 16px;\r\n      line-height: 32px;\r\n    }\r\n    .input-name {\r\n      font-size: 16px;\r\n      padding: 4px 8px;\r\n      width: 120px;\r\n      height: 32px;\r\n    }\r\n    .preorder-row {\r\n      margin-bottom: 4px;\r\n      line-height: 32px;\r\n      display: inline-block;\r\n    }\r\n    /* .preorder-border {\r\n      height: 32px;\r\n    } */\r\n    .preorder-bold {\r\n      font-weight: 700;\r\n      margin: 0;\r\n      display: inline-block;\r\n      /* margin: 0 4px; */\r\n    }\r\n    .mobile-full-width {\r\n      width: 100%;\r\n    }\r\n    .mobile-margin-right {\r\n      margin-right: 8px;\r\n    }\r\n    .next-page-btn {\r\n      width: 88%;\r\n    }\r\n    .next-page-btn-2 {\r\n      position: absolute;\r\n      width: 88%;\r\n      margin: 0;\r\n      margin-top: 74px;\r\n    }\r\n  }\r\n  @media (min-width: 601px) {\r\n    .preorder-title-wrap {\r\n      margin-bottom: 80px;\r\n    }\r\n    .preorder-title {\r\n      width: 72%;\r\n    }\r\n    .preorder-content-wrap {\r\n      width: 72%;\r\n    }\r\n    .preorder-section {\r\n      margin-bottom: 140px;\r\n    }\r\n    .preorder-page {\r\n      font-size: 24px;\r\n      line-height: 40px;\r\n    }\r\n    .input-name {\r\n      font-size: 24px;\r\n      padding: 8px 16px;\r\n      width: 180px;\r\n      height: 40px;\r\n    }\r\n    .preorder-row {\r\n      margin-bottom: 20px;\r\n    }\r\n    .preorder-border {\r\n      border-bottom: 2px solid #303030;\r\n      height: 42px;\r\n    }\r\n    .selected-platform {\r\n      min-width: 44px;\r\n    }\r\n    .selected-order {\r\n      min-width: 360px;\r\n    }\r\n    .preorder-bold {\r\n      font-weight: 700;\r\n      margin: 0 12px;\r\n    }\r\n    .next-page-btn {\r\n      width: 400px;\r\n    }\r\n    .next-page-btn-2 {\r\n      position: absolute;\r\n      width: 400px;\r\n      margin: 0;\r\n      /* margin-top: 74px; */\r\n    }\r\n  }\r\n  @media screen and (min-width: 1280px) {\r\n  }\r\n\r\n  .preorder-page {\r\n    font-weight: 200;\r\n    color: #303030;\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .preorder-title-wrap {\r\n    height: 120px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n  }\r\n\r\n  .preorder-title {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .preorder-subtitle {\r\n    margin-bottom: 16px;\r\n    font-weight: bold;\r\n  }\r\n\r\n  .preorder-stepper {\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .preorder-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n  }\r\n\r\n  .input-name {\r\n    border: none;\r\n    border-bottom: 2px solid #303030;\r\n    /* width: 180px; */\r\n    /* height: 40px; */\r\n    box-shadow: 0;\r\n    /* padding: 8px 16px; */\r\n    /* font-size: 24px; */\r\n    margin: 0 12px;\r\n  }\r\n\r\n  .rocket-image {\r\n    width: 116px;\r\n    position: absolute;\r\n    left: 500px;\r\n  }\r\n\r\n  .validation-speech-bubble {\r\n    position: absolute;\r\n    font-size: 12px;\r\n    color: #fff;\r\n    background: #303030;\r\n    padding: 10px;\r\n    line-height: 18px;\r\n    border-radius: 10px;\r\n    width: 184px;\r\n    bottom: 44px;\r\n    font-weight: 500;\r\n    left: 8px;\r\n  }\r\n\r\n  .validation-speech-bubble:after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    width: 0;\r\n    height: 0;\r\n    border: 10px solid transparent;\r\n    border-top-color: #303030;\r\n    border-bottom: 0;\r\n    margin-left: 52px;\r\n    margin-bottom: -6px;\r\n  }\r\n\r\n/* .preorder-bold {\r\n    font-weight: 700;\r\n    margin: 0 12px;\r\n  } */\r\n\r\n  .preorder-bold.offset-margin-left {\r\n    margin-left: 0;\r\n  }\r\n\r\n  .template-area {\r\n    display: flex;\r\n    border: 1px solid #e6e6e6;\r\n    border-radius: 10px;\r\n    padding: 30px 20px;\r\n    font-size: 16px;\r\n    color: #c7c7c7;\r\n    line-height: 40px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .material-icons.info-icon {\r\n    line-height: 40px;\r\n    margin-right: 6px;\r\n  }\r\n\r\n  .lp-template-list {\r\n    width: 600px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .lp-template-item {\r\n    width: 240px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .template-highlight {\r\n    text-decoration: underline;\r\n    font-weight: 700;\r\n    color: #7ad4ef;\r\n  }\r\n\r\n  .next-page-btn-wrap {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    position: relative;\r\n  }\r\n\r\n  .next-page-btn {\r\n    height: 64px;\r\n    margin: 24px;\r\n    background: #ff6600;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    border-radius: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .next-page-btn-2 {\r\n    height: 64px;\r\n    background: #ff6600;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    border-radius: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .show-section-enter-active, .show-section-leave-active {\r\n    transition: opacity 2s;\r\n  }\r\n  .show-section-enter, .show-section-leave-to {\r\n    opacity: 0;\r\n  }\r\n\r\n  .next-page-btn-tip {\r\n    font-size: 12px;\r\n    position: absolute;\r\n    top: 70px;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    color: #777;\r\n  }\r\n\r\n\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Preorder.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Preorder.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Preorder.vue?vue&type=template&id=155bf954&scoped=true&\"\nimport script from \"./Preorder.vue?vue&type=script&lang=js&\"\nexport * from \"./Preorder.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Preorder.vue?vue&type=style&index=0&id=155bf954&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"155bf954\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/rocket.c5963e20.png\";"],"sourceRoot":""}