{"version":3,"sources":["webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js","webpack:///./node_modules/@babel/runtime/helpers/esm/slicedToArray.js","webpack:///./src/views/ticket-attach/modalForm.vue?69e1","webpack:///./node_modules/core-js/modules/es.object.entries.js","webpack:///./src/views/ticket-attach/index.vue?002d","webpack:///./src/views/ticket-attach/modalForm.vue?0faa","webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./node_modules/vue-clickaway/dist/vue-clickaway.common.js","webpack:///./src/views/ticket-attach/index.vue?34a3","webpack:///./src/views/ticket-attach/modalForm.vue?b573","webpack:///src/views/ticket-attach/modalForm.vue","webpack:///./src/views/ticket-attach/modalForm.vue?6459","webpack:///./src/views/ticket-attach/modalForm.vue","webpack:///src/views/ticket-attach/index.vue","webpack:///./src/views/ticket-attach/index.vue?4a31","webpack:///./src/views/ticket-attach/index.vue"],"names":["_arrayWithHoles","arr","Array","isArray","_iterableToArrayLimit","i","Symbol","iterator","Object","_arr","_n","_d","_e","undefined","_s","_i","next","done","push","value","length","err","_nonIterableRest","TypeError","_slicedToArray","arrayWithHoles","iterableToArrayLimit","unsupportedIterableToArray","nonIterableRest","$","$entries","entries","target","stat","O","DESCRIPTORS","objectKeys","toIndexedObject","propertyIsEnumerable","f","createMethod","TO_ENTRIES","it","key","keys","result","call","module","exports","values","Vue","version","compatible","test","util","warn","HANDLER","bind","el","binding","vnode","unbind","vm","context","callback","initialMacrotaskEnded","setTimeout","ev","path","composedPath","indexOf","contains","document","documentElement","addEventListener","removeEventListener","directive","update","oldValue","mixin","directives","onClickaway","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","apply_id","class","$device","staticStyle","$t","getting_data","_v","ticket_data","title","_l","tl","k","doc","k1","label","status_upload","style","color","fontSize","on","$event","handleStep","ticket_id","modal_visible","modal_step","onModalChangeStep","onModalCancel","staticRenderFns","step","model","$$v","visible","expression","name","rawName","item","image","removeImage","onFileChange","imageStatus","cancel","component"],"mappings":"gHAAe,SAASA,EAAgBC,GACtC,GAAIC,MAAMC,QAAQF,GAAM,OAAOA,E,8FCDlB,SAASG,EAAsBH,EAAKI,GACjD,GAAsB,qBAAXC,QAA4BA,OAAOC,YAAYC,OAAOP,GAAjE,CACA,IAAIQ,EAAO,GACPC,GAAK,EACLC,GAAK,EACLC,OAAKC,EAET,IACE,IAAK,IAAiCC,EAA7BC,EAAKd,EAAIK,OAAOC,cAAmBG,GAAMI,EAAKC,EAAGC,QAAQC,MAAOP,GAAK,EAG5E,GAFAD,EAAKS,KAAKJ,EAAGK,OAETd,GAAKI,EAAKW,SAAWf,EAAG,MAE9B,MAAOgB,GACPV,GAAK,EACLC,EAAKS,EARP,QAUE,IACOX,GAAsB,MAAhBK,EAAG,WAAmBA,EAAG,YADtC,QAGE,GAAIJ,EAAI,MAAMC,GAIlB,OAAOH,G,gBCxBM,SAASa,IACtB,MAAM,IAAIC,UAAU,6ICGP,SAASC,EAAevB,EAAKI,GAC1C,OAAOoB,EAAexB,IAAQyB,EAAqBzB,EAAKI,IAAMsB,eAA2B1B,EAAKI,IAAMuB,M,2DCLtG,W,uBCAA,IAAIC,EAAI,EAAQ,QACZC,EAAW,EAAQ,QAAgCC,QAIvDF,EAAE,CAAEG,OAAQ,SAAUC,MAAM,GAAQ,CAClCF,QAAS,SAAiBG,GACxB,OAAOJ,EAASI,O,oCCPpB,W,kCCAA,W,uBCAA,IAAIC,EAAc,EAAQ,QACtBC,EAAa,EAAQ,QACrBC,EAAkB,EAAQ,QAC1BC,EAAuB,EAAQ,QAA8CC,EAG7EC,EAAe,SAAUC,GAC3B,OAAO,SAAUC,GACf,IAKIC,EALAT,EAAIG,EAAgBK,GACpBE,EAAOR,EAAWF,GAClBd,EAASwB,EAAKxB,OACdf,EAAI,EACJwC,EAAS,GAEb,MAAOzB,EAASf,EACdsC,EAAMC,EAAKvC,KACN8B,IAAeG,EAAqBQ,KAAKZ,EAAGS,IAC/CE,EAAO3B,KAAKuB,EAAa,CAACE,EAAKT,EAAES,IAAQT,EAAES,IAG/C,OAAOE,IAIXE,EAAOC,QAAU,CAGfjB,QAASS,GAAa,GAGtBS,OAAQT,GAAa,K,2DC5BvB,IAAIU,EAAM,EAAQ,QAClBA,EAAM,YAAaA,EAAMA,EAAI,WAAaA,EAE1C,IAAIC,EAAU,QAEVC,EAAa,OAASC,KAAKH,EAAIC,SAC9BC,GACHF,EAAII,KAAKC,KAAK,gBAAkBJ,EAAU,oDAAsDD,EAAIC,SAOtG,IAAIK,EAAU,yBAEd,SAASC,EAAKC,EAAIC,EAASC,GACzBC,EAAOH,GAEP,IAAII,EAAKF,EAAMG,QAEXC,EAAWL,EAAQxC,MACvB,GAAwB,oBAAb6C,EAAX,CAkBA,IAAIC,GAAwB,EAC5BC,YAAW,WACTD,GAAwB,IACvB,GAEHP,EAAGF,GAAW,SAASW,GAMrB,IAAIC,EAAOD,EAAGC,OAASD,EAAGE,aAAeF,EAAGE,oBAAiBxD,GAC7D,GAAIoD,IAA0BG,EAAOA,EAAKE,QAAQZ,GAAM,GAAKA,EAAGa,SAASJ,EAAGnC,SAC1E,OAAOgC,EAASlB,KAAKgB,EAAIK,IAI7BK,SAASC,gBAAgBC,iBAAiB,QAAShB,EAAGF,IAAU,IAGlE,SAASK,EAAOH,GACdc,SAASC,gBAAgBE,oBAAoB,QAASjB,EAAGF,IAAU,UAC5DE,EAAGF,GAGZ,IAAIoB,EAAY,CACdnB,KAAMA,EACNoB,OAAQ,SAASnB,EAAIC,GACfA,EAAQxC,QAAUwC,EAAQmB,UAC9BrB,EAAKC,EAAIC,IAEXE,OAAQA,GAGNkB,EAAQ,CACVC,WAAY,CAAEC,YAAaL,IAG7B5B,EAAQG,QAAUA,EAClBH,EAAQ4B,UAAYA,EACpB5B,EAAQ+B,MAAQA,G,gEClFhB,IAAIG,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,SAAS,CAACG,MAAM,CAAC,UAAY,qCAAuCP,EAAIQ,SAAS,aAAc,EAAK,cAAgB,eAAeJ,EAAG,MAAM,CAACK,MAAM,iDAAmDT,EAAIU,QAAQC,YAAY,CAAC,iBAAiB,SAAS,CAACP,EAAG,SAAS,CAACG,MAAM,CAAC,IAAMP,EAAIY,GAAG,cAAc,SAAWZ,EAAIa,eAAe,CAACT,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,OAAO,CAACE,YAAY,qBAAqBK,YAAY,CAAC,QAAU,UAAU,CAACX,EAAIc,GAAGd,EAAIrE,GAAGqE,EAAIe,YAAYC,cAAchB,EAAIiB,GAAIjB,EAAIe,YAAYA,YAAuB,aAAE,SAASG,EAAGC,GAAG,OAAOf,EAAG,MAAM,CAAC5C,IAAI2D,EAAER,YAAY,CAAC,mBAAmB,OAAO,gBAAgB,OAAO,QAAU,OAAO,aAAa,OAAO,gBAAgB,SAAS,CAACP,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,OAAO,CAACE,YAAY,cAAcK,YAAY,CAAC,QAAU,UAAU,CAACX,EAAIc,GAAG,aAAad,EAAIrE,GAAGwF,EAAI,UAAUnB,EAAIiB,GAAIC,EAAM,KAAE,SAASE,EAAIC,GAAI,OAAOjB,EAAG,MAAM,CAAC5C,IAAI6D,EAAGf,YAAY,MAAMK,YAAY,CAAC,aAAa,SAAS,CAACP,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,OAAO,CAACE,YAAY,kBAAkBK,YAAY,CAAC,QAAU,UAAU,CAACX,EAAIc,GAAGd,EAAIrE,GAAGyF,EAAIE,YAAYlB,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACO,YAAY,CAAC,MAAQ,MAAM,YAAY,QAAQJ,MAAM,CAAC,IAAMa,EAAIG,cAAgB,6BAA+B,uCAAuCnB,EAAG,MAAM,CAACE,YAAY,QAAQK,YAAY,CAAC,aAAa,OAAO,aAAa,QAAQ,CAACP,EAAG,SAAS,CAACoB,MAAM,CAAGC,MAAO,UAAWC,SAAU,QAAUnB,MAAM,CAAC,KAAO,UAAUoB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO5B,EAAI6B,WAAWX,EAAGY,UAAWV,QAAU,SAAQ,MAAKhB,EAAG,aAAa,CAACG,MAAM,CAAC,QAAUP,EAAI+B,cAAc,KAAO/B,EAAIgC,WAAW,SAAWhC,EAAIoB,KAAKO,GAAG,CAAC,cAAc3B,EAAIiC,kBAAkB,YAAYjC,EAAIkC,kBAAkB,IAAI,IAAI,IAC34DC,EAAkB,G,mGCDlB,EAAS,WAAa,IAAInC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAc,UAAZJ,EAAIoC,KAAkBhC,EAAG,UAAU,CAACG,MAAM,CAAC,cAAc,GAAG,cAAc,GAAG,UAAU,GAAG,cAAc,oBAAoB,eAAe,qBAAqB,gBAAgB,uBAAuB8B,MAAM,CAACrG,MAAOgE,EAAW,QAAEnB,SAAS,SAAUyD,GAAMtC,EAAIuC,QAAQD,GAAKE,WAAW,YAAY,CAACpC,EAAG,SAAS,CAACG,MAAM,CAAC,IAAMP,EAAIY,GAAG,cAAc,SAAWZ,EAAIa,eAAe,CAACT,EAAG,MAAM,CAACP,WAAW,CAAC,CAAC4C,KAAK,eAAeC,QAAQ,iBAAiB1G,MAAOgE,EAAU,OAAEwC,WAAW,YAAY,CAACpC,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,OAAO,CAACE,YAAY,qBAAqBK,YAAY,CAAC,QAAU,UAAU,CAACX,EAAIc,GAAGd,EAAIrE,GAAGqE,EAAIoC,aAAahC,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,OAAO,CAACG,MAAM,CAAC,QAAU,sBAAsB,WAAa,KAAK,CAAEP,EAAI2C,MAAQ3C,EAAI2C,KAAKC,MAAOxC,EAAG,MAAM,CAACA,EAAG,MAAM,CAACO,YAAY,CAAC,YAAY,OAAO,aAAa,OAAO,QAAU,QAAQJ,MAAM,CAAC,IAAMP,EAAI2C,KAAKC,SAASxC,EAAG,MAAM,CAACE,YAAY,iCAAiCqB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO5B,EAAI6C,YAAY7C,EAAI2C,SAAS,CAAC3C,EAAIc,GAAG,SAASV,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,QAAQ,CAACE,YAAY,aAAaC,MAAM,CAAC,KAAO,OAAO,SAAW,GAAG,KAAOP,EAAIoC,KAAK,UAAW,EAAM,OAAS,WAAWT,GAAG,CAAC,OAAS,SAASC,GAE91C5B,EAAI8C,aAAa9C,EAAI2C,KAAMf,OAAYxB,EAAG,IAAI,CAACA,EAAG,SAAS,CAACoB,MAAM,CAAGC,MAAO,UAAWC,SAAU,QAAUnB,MAAM,CAAC,KAAO,YAAYH,EAAG,MAAMA,EAAG,OAAO,CAACE,YAAY,qBAAqBK,YAAY,CAAC,QAAU,UAAU,CAACX,EAAIc,GAAG,oBAAoB,WAAWV,EAAG,MAAM,CAACE,YAAY,OAAO,CAAEN,EAAI2C,MAAQ3C,EAAI2C,KAAKC,MAAOxC,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,OAAO,CAACE,YAAY,qBAAqBK,YAAY,CAAC,QAAU,UAAU,CAACX,EAAIc,GAAG,WAAWd,EAAIrE,GAAGqE,EAAI+C,YAAc,8BAAgC,iCAAiC3C,EAAG,OAAO,CAACE,YAAY,cAAcK,YAAY,CAAC,QAAU,UAAU,CAACX,EAAIc,GAAG,gGAAgGd,EAAIvE,OAAO2E,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,WAAW,CAACE,YAAY,kDAAkDK,YAAY,CAAC,MAAQ,QAAQ,aAAa,QAAQJ,MAAM,CAAC,KAAO,QAAQ,SAAU,GAAOoB,GAAG,CAAC,MAAQ3B,EAAIgD,SAAS,CAAC5C,EAAG,SAAS,CAACE,YAAY,SAAS,CAACN,EAAIc,GAAG,IAAId,EAAIrE,GAAGqE,EAAIY,GAAG,sBAAsB,YAAY,GAAGZ,EAAIvE,MAAM,IAC3nC,EAAkB,G,sDC4DtB,GACE,MAAF,8BACE,SAAF,CACI,KAAJ,WACM,MAAN,CAAQ,MAAR,oCAEI,gBAAJ,WACM,OAAN,+BAEI,YAPJ,WAQM,OAAN,8CAGE,KAbF,WAcI,MAAJ,CACM,cAAN,EACM,SAAN,2BACM,IAAN,wBAGE,QApBF,WAqBI,QAAJ,+BAEE,QAAF,CACI,OADJ,WAEM,KAAN,mBACM,KAAN,eAEI,WALJ,SAKA,GACM,KAAN,kCACM,KAAN,kBACM,KAAN,wBAEI,aAVJ,SAUA,KACM,IAAN,uCACA,UACM,KAAN,qBAEI,YAfJ,SAeA,KAAM,IAAN,OACA,iBACM,EAAN,mBACQ,EAAR,uBAEM,EAAN,iBACM,IAAN,eACM,EAAN,4CACM,EAAN,+CACM,EAAN,wBACM,KAAN,gBACM,KAAN,6BACQ,QAAR,CACU,KAAV,gCACU,KAAV,EACU,SAAV,YACY,GAAZ,uBAIc,IAHA,IAAd,GACgB,MAAhB,IAEA,+CAAgB,IAAhB,yBAAoB,EAApB,KAAoB,EAApB,KACgB,QAAhB,eACA,IACkB,EAAlB,YAGc,EAAd,qEACgB,kBAAhB,SACgB,YAAhB,4BAEA,CAIc,IAHA,IAAd,GACgB,QAAhB,IAEA,qDAAgB,IAAhB,yBAAoB,EAApB,KAAoB,EAApB,KACgB,QAAhB,eACA,IACkB,EAAlB,WAGc,EAAd,mEACgB,kBAAhB,SACgB,YAAhB,wBAGY,EAAZ,qBAKI,YAAJ,YAAM,IAAN,OACM,KAAN,gBACM,KAAN,6BACQ,QAAR,CACU,KAAV,uCACU,KAAV,CACY,UAAZ,wBACY,gBAAZ,sBAEU,SAAV,YACY,GAAZ,sBAIc,IAHA,IAAd,GACgB,MAAhB,IAEA,+CAAgB,IAAhB,yBAAoB,EAApB,KAAoB,EAApB,KACA,IACkB,QAAlB,qBACkB,EAAlB,gBAGA,CACc,EAAd,SAIc,IAHA,IAAd,GACgB,QAAhB,IAEA,qDAAgB,IAAhB,yBAAoB,EAApB,KAAoB,EAApB,KACgB,QAAhB,eACA,IACkB,EAAlB,YAIY,EAAZ,sBAME,WAAF,CACI,YAAJ,iBC9LkW,I,kCCS9VwH,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QC2Bf,GACE,WAAF,CACI,UAAJ,EACI,OAAJ,QAEE,KAAF,WACI,MAAJ,CACM,cAAN,EACM,eAAN,EACM,WAAN,KACM,YAAN,CACQ,SAAR,MACQ,OAAR,IACQ,WAAR,8EACQ,MAAR,qFACQ,MAAR,kCACQ,QAAR,kDACQ,mBAAR,KACQ,kBAAR,WACQ,iBAAR,WACQ,KAAR,YACQ,KAAR,WACQ,cAAR,CACU,SAAV,IACU,MAAV,oDACU,cAAV,EACU,WAAV,WACU,SAAV,YAEQ,cAAR,CACU,SAAV,IACU,MAAV,oDACU,cAAV,EACU,WAAV,WACU,SAAV,YAEQ,cAAR,KACQ,cAAR,KACQ,WAAR,YACQ,aAAR,EACQ,OAAR,aACQ,eAAR,EACQ,gBAAR,EACQ,aAAR,EACQ,iBAAR,EACQ,sBAAR,EACQ,qBAAR,EACQ,YAAR,EACQ,aAAR,EACQ,MAAR,GACQ,YAAR,CACU,SAAV,6EACU,cAAV,SACU,iBAAV,EACU,iBAAV,qBACU,oBAAV,EACU,iBAAV,YACU,oBAAV,EACU,SAAV,CACA,CACY,MAAZ,sBACY,QAAZ,kFAEA,CACY,MAAZ,yBACY,QAAZ,kFAEA,CACY,MAAZ,oBACY,QAAZ,mFAGU,YAAV,CACA,CACY,UAAZ,GACY,GAAZ,cACY,UAAZ,kBACY,WAAZ,oDACY,SAAZ,WACY,OAAZ,WACY,gBAAZ,IACY,UAAZ,UACY,kBAAZ,UACY,iBAAZ,UACY,yBAAZ,UACY,eAAZ,KACY,uBAAZ,UACY,QAAZ,EACY,WAAZ,aACY,OAAZ,6EACY,IAAZ,OACY,MAAZ,kFACY,eAAZ,UACY,eAAZ,6DACY,OAAZ,YACY,OAAZ,KACY,OAAZ,aACY,OAAZ,KACY,OAAZ,aACY,OAAZ,KACY,OAAZ,SACY,OAAZ,KACY,OAAZ,SACY,OAAZ,KACY,IAAZ,CACA,CACc,gBAAd,EACc,MAAd,aACc,oBAAd,EACc,eAAd,EACc,KAAd,MAEA,CACc,gBAAd,GACc,MAAd,8BACc,oBAAd,EACc,eAAd,EACc,KAAd,0FAGY,UAAZ,+BAEA,CACY,UAAZ,GACY,GAAZ,cACY,UAAZ,kBACY,WAAZ,oDACY,SAAZ,WACY,OAAZ,WACY,gBAAZ,IACY,UAAZ,UACY,kBAAZ,UACY,iBAAZ,UACY,yBAAZ,UACY,eAAZ,KACY,uBAAZ,UACY,QAAZ,EACY,WAAZ,kBACY,OAAZ,oGACY,IAAZ,OACY,MAAZ,kFACY,eAAZ,UACY,eAAZ,6DACY,OAAZ,YACY,OAAZ,KACY,OAAZ,aACY,OAAZ,KACY,OAAZ,aACY,OAAZ,KACY,OAAZ,SACY,OAAZ,KACY,OAAZ,SACY,OAAZ,KACY,IAAZ,CACA,CACc,gBAAd,EACc,MAAd,aACc,oBAAd,EACc,eAAd,EACc,KAAd,yFAEA,CACc,gBAAd,GACc,MAAd,8BACc,oBAAd,EACc,eAAd,EACc,KAAd,OAGY,UAAZ,+BAEA,CACY,UAAZ,GACY,GAAZ,cACY,UAAZ,kBACY,WAAZ,oDACY,SAAZ,WACY,OAAZ,WACY,gBAAZ,IACY,UAAZ,UACY,kBAAZ,UACY,iBAAZ,UACY,yBAAZ,UACY,eAAZ,KACY,uBAAZ,UACY,QAAZ,EACY,WAAZ,kBACY,OAAZ,oGACY,IAAZ,OACY,MAAZ,kFACY,eAAZ,UACY,eAAZ,6DACY,OAAZ,YACY,OAAZ,KACY,OAAZ,aACY,OAAZ,KACY,OAAZ,aACY,OAAZ,KACY,OAAZ,SACY,OAAZ,KACY,OAAZ,SACY,OAAZ,KACY,IAAZ,CACA,CACc,gBAAd,EACc,MAAd,aACc,oBAAd,EACc,eAAd,EACc,KAAd,MAEA,CACc,gBAAd,GACc,MAAd,8BACc,oBAAd,EACc,eAAd,EACc,KAAd,OAGY,UAAZ,+BAEA,CACY,UAAZ,GACY,GAAZ,cACY,UAAZ,YACY,WAAZ,oDACY,SAAZ,WACY,OAAZ,WACY,gBAAZ,IACY,UAAZ,UACY,kBAAZ,UACY,iBAAZ,UACY,yBAAZ,UACY,eAAZ,KACY,uBAAZ,UACY,QAAZ,EACY,WAAZ,kBACY,OAAZ,oGACY,IAAZ,OACY,MAAZ,kFACY,eAAZ,UACY,eAAZ,6DACY,OAAZ,YACY,OAAZ,mBACY,OAAZ,aACY,OAAZ,IACY,OAAZ,aACY,OAAZ,MACY,OAAZ,GACY,OAAZ,GACY,OAAZ,GACY,OAAZ,GACY,IAAZ,CACA,CACc,gBAAd,EACc,MAAd,aACc,oBAAd,EACc,eAAd,EACc,KAAd,yFAEA,CACc,gBAAd,GACc,MAAd,8BACc,oBAAd,EACc,eAAd,EACc,KAAd,0FAGY,UAAZ,kCAKM,SAAN,EACM,SAAN,2BACM,IAAN,sBACM,IAAN,KACM,SAAN,6BAGE,QAvRF,WAwRI,KAAJ,YAEE,QAAF,CACI,SAAJ,WAAM,IAAN,OACM,KAAN,sBAAQ,OAAR,sBAEI,UAAJ,WAAM,IAAN,qEACM,KAAN,6BACQ,QAAR,CACU,KAAV,2BACU,KAAV,CACY,SAAZ,eAEU,SAAV,YACY,GAAZ,uBAIc,IAHA,IAAd,GACgB,MAAhB,IAEA,+CAAgB,IAAhB,yBAAoB,EAApB,KAAoB,EAApB,KACgB,QAAhB,eACA,IACkB,EAAlB,YAGc,EAAd,UACgB,MAAhB,QACgB,OAAhB,CACkB,IAAlB,eAEgB,SAAhB,qBAGc,EAAd,cAIA,+BAKI,WAvCJ,SAuCA,GACM,GAAN,qDACA,qCACA,2BAEI,QA5CJ,SA4CA,GAAM,IAAN,OAAM,OAAN,qDAAQ,IAAR,EAAQ,OAAR,uFAEA,6CAFA,gCAGA,iCAHA,OAIgB,EAAhB,kCACkB,kBAAlB,KACkB,YAAlB,wBANA,8BASgB,EAAhB,mCACgB,EAAhB,QACgB,EAAhB,uBACgB,EAAhB,uBACgB,EAAhB,sBACgB,SAAhB,oBACgB,EAAhB,QACgB,EAAhB,SAhBA,kBAiBA,yBACA,+BACoB,EAApB,kCACsB,kBAAtB,KACsB,YAAtB,wBAEoB,KAEF,EAAlB,aAzBA,6DA6BgB,EAAhB,qCACkB,kBAAlB,KACkB,YAAlB,wBA/BA,6DAmCI,WA/EJ,SA+EA,KACM,QAAN,aACM,KAAN,mBACM,KAAN,MACM,KAAN,gBACM,KAAN,kBAEI,kBAtFJ,SAsFA,GACM,KAAN,mBACM,KAAN,OAEI,cA1FJ,WA0FM,IAAN,OACM,KAAN,iBACM,KAAN,gBACM,KAAN,sBAAQ,OAAR,sBAEI,SA/FJ,SA+FA,KACM,OAAN,0BAEI,KAlGJ,SAkGA,GACM,OAAN,aAEI,IArGJ,SAqGA,OACM,OAAN,kBC/a8V,ICQ1V,G,UAAY,eACd,EACAlD,EACAoC,GACA,EACA,KACA,WACA,OAIa,e","file":"js/chunk-5224a119.899a4f6f.js","sourcesContent":["export default function _arrayWithHoles(arr) {\n  if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n  if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n  var _arr = [];\n  var _n = true;\n  var _d = false;\n  var _e = undefined;\n\n  try {\n    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n      _arr.push(_s.value);\n\n      if (i && _arr.length === i) break;\n    }\n  } catch (err) {\n    _d = true;\n    _e = err;\n  } finally {\n    try {\n      if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n    } finally {\n      if (_d) throw _e;\n    }\n  }\n\n  return _arr;\n}","export default function _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithHoles from \"@babel/runtime/helpers/esm/arrayWithHoles\";\nimport iterableToArrayLimit from \"@babel/runtime/helpers/esm/iterableToArrayLimit\";\nimport unsupportedIterableToArray from \"@babel/runtime/helpers/esm/unsupportedIterableToArray\";\nimport nonIterableRest from \"@babel/runtime/helpers/esm/nonIterableRest\";\nexport default function _slicedToArray(arr, i) {\n  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","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!./modalForm.vue?vue&type=style&index=1&id=3c83a316&scoped=true&lang=css&\"","var $ = require('../internals/export');\nvar $entries = require('../internals/object-to-array').entries;\n\n// `Object.entries` method\n// https://tc39.github.io/ecma262/#sec-object.entries\n$({ target: 'Object', stat: true }, {\n  entries: function entries(O) {\n    return $entries(O);\n  }\n});\n","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!./index.vue?vue&type=style&index=0&id=0a49e090&scoped=true&lang=css&\"","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!./modalForm.vue?vue&type=style&index=0&lang=css&\"","var DESCRIPTORS = require('../internals/descriptors');\nvar objectKeys = require('../internals/object-keys');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar propertyIsEnumerable = require('../internals/object-property-is-enumerable').f;\n\n// `Object.{ entries, values }` methods implementation\nvar createMethod = function (TO_ENTRIES) {\n  return function (it) {\n    var O = toIndexedObject(it);\n    var keys = objectKeys(O);\n    var length = keys.length;\n    var i = 0;\n    var result = [];\n    var key;\n    while (length > i) {\n      key = keys[i++];\n      if (!DESCRIPTORS || propertyIsEnumerable.call(O, key)) {\n        result.push(TO_ENTRIES ? [key, O[key]] : O[key]);\n      }\n    }\n    return result;\n  };\n};\n\nmodule.exports = {\n  // `Object.entries` method\n  // https://tc39.github.io/ecma262/#sec-object.entries\n  entries: createMethod(true),\n  // `Object.values` method\n  // https://tc39.github.io/ecma262/#sec-object.values\n  values: createMethod(false)\n};\n","'use strict';\r\n\r\nvar Vue = require('vue');\r\nVue = 'default' in Vue ? Vue['default'] : Vue;\r\n\r\nvar version = '2.2.2';\r\n\r\nvar compatible = (/^2\\./).test(Vue.version);\r\nif (!compatible) {\r\n  Vue.util.warn('VueClickaway ' + version + ' only supports Vue 2.x, and does not support Vue ' + Vue.version);\r\n}\r\n\r\n\r\n\r\n// @SECTION: implementation\r\n\r\nvar HANDLER = '_vue_clickaway_handler';\r\n\r\nfunction bind(el, binding, vnode) {\r\n  unbind(el);\r\n\r\n  var vm = vnode.context;\r\n\r\n  var callback = binding.value;\r\n  if (typeof callback !== 'function') {\r\n    if (process.env.NODE_ENV !== 'production') {\r\n      Vue.util.warn(\r\n        'v-' + binding.name + '=\"' +\r\n        binding.expression + '\" expects a function value, ' +\r\n        'got ' + callback\r\n      );\r\n    }\r\n    return;\r\n  }\r\n\r\n  // @NOTE: Vue binds directives in microtasks, while UI events are dispatched\r\n  //        in macrotasks. This causes the listener to be set up before\r\n  //        the \"origin\" click event (the event that lead to the binding of\r\n  //        the directive) arrives at the document root. To work around that,\r\n  //        we ignore events until the end of the \"initial\" macrotask.\r\n  // @REFERENCE: https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/\r\n  // @REFERENCE: https://github.com/simplesmiler/vue-clickaway/issues/8\r\n  var initialMacrotaskEnded = false;\r\n  setTimeout(function() {\r\n    initialMacrotaskEnded = true;\r\n  }, 0);\r\n\r\n  el[HANDLER] = function(ev) {\r\n    // @NOTE: this test used to be just `el.containts`, but working with path is better,\r\n    //        because it tests whether the element was there at the time of\r\n    //        the click, not whether it is there now, that the event has arrived\r\n    //        to the top.\r\n    // @NOTE: `.path` is non-standard, the standard way is `.composedPath()`\r\n    var path = ev.path || (ev.composedPath ? ev.composedPath() : undefined);\r\n    if (initialMacrotaskEnded && (path ? path.indexOf(el) < 0 : !el.contains(ev.target))) {\r\n      return callback.call(vm, ev);\r\n    }\r\n  };\r\n\r\n  document.documentElement.addEventListener('click', el[HANDLER], false);\r\n}\r\n\r\nfunction unbind(el) {\r\n  document.documentElement.removeEventListener('click', el[HANDLER], false);\r\n  delete el[HANDLER];\r\n}\r\n\r\nvar directive = {\r\n  bind: bind,\r\n  update: function(el, binding) {\r\n    if (binding.value === binding.oldValue) return;\r\n    bind(el, binding);\r\n  },\r\n  unbind: unbind,\r\n};\r\n\r\nvar mixin = {\r\n  directives: { onClickaway: directive },\r\n};\r\n\r\nexports.version = version;\r\nexports.directive = directive;\r\nexports.mixin = mixin;","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-container\"},[_c('navbar',{attrs:{\"back_path\":'/ticket-activity-detail/?apply_id=' + _vm.apply_id,\"hide_search\":true,\"active_screen\":\"แนบเอกสาร\"}}),_c('div',{class:'ml-20 mr-20 mb-20 mt-20 container-password is-' + _vm.$device,staticStyle:{\"padding-bottom\":\"16px\"}},[_c('a-spin',{attrs:{\"tip\":_vm.$t('Loading...'),\"spinning\":_vm.getting_data}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 text-center\"},[_c('span',{staticClass:\"fs-20 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(_vm._s(_vm.ticket_data.title))])])]),_vm._l((_vm.ticket_data.ticket_data.ticket_list),function(tl,k){return _c('div',{key:k,staticStyle:{\"background-color\":\"#fff\",\"border-radius\":\"25px\",\"padding\":\"16px\",\"margin-top\":\"16px\",\"margin-bottom\":\"16px\"}},[_c('div',{staticClass:\"row text-left\"},[_c('div',{staticClass:\"col-12\"},[_c('span',{staticClass:\"fs-18 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\"ตั๋วใบที่ \"+_vm._s(k + 1))])])]),_vm._l((tl.doc),function(doc,k1){return _c('div',{key:k1,staticClass:\"row\",staticStyle:{\"margin-top\":\"20px\"}},[_c('div',{staticClass:\"col-8\"},[_c('span',{staticClass:\"fs-18 black tal\",staticStyle:{\"display\":\"block\"}},[_vm._v(_vm._s(doc.label))])]),_c('div',{staticClass:\"col-2\"},[_c('img',{staticStyle:{\"width\":\"60%\",\"min-width\":\"25px\"},attrs:{\"src\":doc.status_upload ? 'resources/images/check.png' : 'resources/images/check-gray.png'}})]),_c('div',{staticClass:\"col-1\",staticStyle:{\"text-align\":\"left\",\"margin-top\":\"0px\"}},[_c('a-icon',{style:({ color: '#000000', fontSize: '24px' }),attrs:{\"type\":\"upload\"},on:{\"click\":function($event){return _vm.handleStep(tl.ticket_id, doc)}}})],1)])})],2)}),_c('modal-form',{attrs:{\"visible\":_vm.modal_visible,\"step\":_vm.modal_step,\"init_doc\":_vm.doc},on:{\"handle-step\":_vm.onModalChangeStep,\"on-cancel\":_vm.onModalCancel}})],2)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.step != 'upload')?_c('b-modal',{attrs:{\"hide-header\":\"\",\"hide-footer\":\"\",\"no-fade\":\"\",\"modal-class\":\"b-modal-in-upload\",\"dialog-class\":\"b-dialog-in-upload\",\"content-class\":\"b-content-in-upload\"},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[_c('a-spin',{attrs:{\"tip\":_vm.$t('Loading...'),\"spinning\":_vm.getting_data}},[_c('div',{directives:[{name:\"on-clickaway\",rawName:\"v-on-clickaway\",value:(_vm.cancel),expression:\"cancel\"}]},[_c('div',{staticClass:\"d-block\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 text-center\"},[_c('span',{staticClass:\"fs-20 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(_vm._s(_vm.step))])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 text-center\"},[_c('form',{attrs:{\"enctype\":\"multipart/form-data\",\"novalidate\":\"\"}},[(_vm.item && _vm.item.image)?_c('div',[_c('img',{staticStyle:{\"max-width\":\"100%\",\"max-height\":\"50vh\",\"padding\":\"10px\"},attrs:{\"src\":_vm.item.image}}),_c('div',{staticClass:\"remove-image color-white fs-20\",on:{\"click\":function($event){return _vm.removeImage(_vm.item)}}},[_vm._v(\"x\")])]):_c('div',{staticClass:\"dropbox\"},[_c('input',{staticClass:\"input-file\",attrs:{\"type\":\"file\",\"multiple\":\"\",\"name\":_vm.step,\"disabled\":false,\"accept\":\"image/*\"},on:{\"change\":function($event){// filesChange($event.target.name, $event.target.files);\n                                            // fileCount = $event.target.files.length;\n                                            _vm.onFileChange(_vm.item, $event)}}}),_c('p',[_c('a-icon',{style:({ color: '#000000', fontSize: '60px' }),attrs:{\"type\":\"upload\"}}),_c('br'),_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\"อัปโหลดรูปภาพ\")])],1)])])])]),_c('div',{staticClass:\"row\"},[(_vm.item && _vm.item.image)?_c('div',{staticClass:\"col-12 text-center\"},[_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\"สถานะ : \"+_vm._s(_vm.imageStatus ? 'อยู่ระหว่างการอนุมัติเอกสาร' : 'เอกสารได้รับการอนุมัติแล้ว'))]),_c('span',{staticClass:\"fs-18 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\"หากท่านต้องการอัปโหลดเอกสารใหม่ กรุณากด x ที่มุมบนขวาของรูปภาพ แล้วอัปโหลดเอกสารอีกครั้ง\")])]):_vm._e()]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 text-center\"},[_c('a-button',{staticClass:\"text-center primary-btn ant-button-label-custom\",staticStyle:{\"width\":\"47.5%\",\"margin-top\":\"14px\"},attrs:{\"size\":\"large\",\"loading\":false},on:{\"click\":_vm.cancel}},[_c('strong',{staticClass:\"fs-18\"},[_vm._v(\" \"+_vm._s(_vm.$t('ปิดหน้าต่าง')))])])],1)])])])])],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal v-if=\"step != 'upload'\" v-model=\"visible\" hide-header hide-footer no-fade modal-class=\"b-modal-in-upload\" dialog-class=\"b-dialog-in-upload\" content-class=\"b-content-in-upload\">\r\n            <a-spin :tip=\"$t('Loading...')\" :spinning=\"getting_data\">\r\n                <div v-on-clickaway=\"cancel\">\r\n                    <div class=\"d-block\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-12 text-center\">\r\n                                <span class=\"fs-20 black fw-600\" style=\"display: block\">{{ step }}</span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-12 text-center\">\r\n                                <form enctype=\"multipart/form-data\" novalidate>\r\n                                    <div v-if=\"item && item.image\">\r\n                                        <img :src=\"item.image\" style=\"max-width: 100%; max-height: 50vh; padding: 10px\" />\r\n                                        <div class=\"remove-image color-white fs-20\" @click=\"removeImage(item)\">x</div>\r\n                                    </div>\r\n                                    <div class=\"dropbox\" v-else>\r\n                                        <input\r\n                                            type=\"file\"\r\n                                            multiple\r\n                                            :name=\"step\"\r\n                                            :disabled=\"false\"\r\n                                            @change=\"\r\n                                                // filesChange($event.target.name, $event.target.files);\r\n                                                // fileCount = $event.target.files.length;\r\n                                                onFileChange(item, $event)\r\n                                            \"\r\n                                            accept=\"image/*\"\r\n                                            class=\"input-file\"\r\n                                        />\r\n                                        <p>\r\n                                            <a-icon type=\"upload\" :style=\"{ color: '#000000', fontSize: '60px' }\" /><br />\r\n                                            <span class=\"fs-18 black fw-600\" style=\"display: block\">อัปโหลดรูปภาพ</span>\r\n                                        </p>\r\n                                    </div>\r\n                                </form>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-12 text-center\" v-if=\"item && item.image\">\r\n                                <span class=\"fs-18 black fw-600\" style=\"display: block\">สถานะ : {{ imageStatus ? 'อยู่ระหว่างการอนุมัติเอกสาร' : 'เอกสารได้รับการอนุมัติแล้ว' }}</span>\r\n                                <span class=\"fs-18 black\" style=\"display: block\">หากท่านต้องการอัปโหลดเอกสารใหม่ กรุณากด x ที่มุมบนขวาของรูปภาพ แล้วอัปโหลดเอกสารอีกครั้ง</span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-12 text-center\">\r\n                                <a-button size=\"large\" class=\"text-center primary-btn ant-button-label-custom\" style=\"width: 47.5%; margin-top: 14px\" :loading=\"false\" @click=\"cancel\">\r\n                                    <strong class=\"fs-18\">&nbsp;{{ $t('ปิดหน้าต่าง') }}</strong>\r\n                                </a-button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </a-spin>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { directive as onClickaway } from 'vue-clickaway';\r\nimport store from 'store';\r\nimport _ from 'lodash';\r\nexport default {\r\n    props: ['visible', 'step', 'init_doc'],\r\n    computed: {\r\n        item: function () {\r\n            return { image: this.init_doc && this.init_doc.file };\r\n        },\r\n        attach_label_id: function () {\r\n            return this.init_doc.attach_label_id;\r\n        },\r\n        imageStatus() {\r\n            return _.get(this.init_doc, 'display_upload_btn');\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            getting_data: false,\r\n            password: store.get('password_ticket'),\r\n            key: store.get('key_ticket'),\r\n        };\r\n    },\r\n    mounted() {\r\n        console.log('init_doc', this.init_doc);\r\n    },\r\n    methods: {\r\n        cancel() {\r\n            this.$emit('on-cancel');\r\n            this.item.image = false;\r\n        },\r\n        handleStep(doc) {\r\n            this.attach_label_id = doc.attach_label_id;\r\n            this.item.image = doc.file;\r\n            this.$emit('handle-step', doc);\r\n        },\r\n        onFileChange(item, e) {\r\n            var files = e.target.files || e.dataTransfer.files;\r\n            if (!files.length) return;\r\n            this.createImage(item, files[0]);\r\n        },\r\n        createImage(item, file) {\r\n            var reader = new FileReader();\r\n            reader.onload = (e) => {\r\n                item.image = e.target.result;\r\n            };\r\n            reader.readAsDataURL(file);\r\n            const form_data = new FormData();\r\n            form_data.append('ticket_id', this.init_doc.ticket_id);\r\n            form_data.append('attach_label_id', this.attach_label_id);\r\n            form_data.append('attach_file', file);\r\n            this.getting_data = true;\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/log/activity/attach-file',\r\n                    data: form_data,\r\n                    callback: (res) => {\r\n                        if (res && res.result == 'errors') {\r\n                            const error = {\r\n                                title: '',\r\n                            };\r\n                            for (const [key, value] of Object.entries(res.errors)) {\r\n                                console.log('value', value);\r\n                                if (key) {\r\n                                    error.title = value[0];\r\n                                }\r\n                            }\r\n                            this.$alert('ระบบบันทึกข้อมูลไม่เรียบร้อย', 'อัปโหลดรูปภาพไม่สำเร็จ', null, {\r\n                                confirmButtonText: 'ยืนยัน',\r\n                                customClass: 'normal-alert-ok-btn',\r\n                            });\r\n                        } else {\r\n                            const complete = {\r\n                                message: '',\r\n                            };\r\n                            for (const [key, value] of Object.entries(res.complete.msg)) {\r\n                                console.log('value', value);\r\n                                if (key) {\r\n                                    complete.message = value;\r\n                                }\r\n                            }\r\n                            this.$alert('ระบบบันทึกข้อมูลเรียบร้อยแล้ว', 'อัปโหลดรูปภาพสำเร็จ', null, {\r\n                                confirmButtonText: 'ยืนยัน',\r\n                                customClass: 'normal-alert-ok-btn',\r\n                            });\r\n                        }\r\n                        this.getting_data = false;\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        removeImage: function (item) {\r\n            this.getting_data = true;\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/log/activity/delete-attach-file',\r\n                    data: {\r\n                        ticket_id: this.init_doc.ticket_id,\r\n                        attach_label_id: this.attach_label_id,\r\n                    },\r\n                    callback: (res) => {\r\n                        if (res && res.result == 'errors') {\r\n                            const error = {\r\n                                title: '',\r\n                            };\r\n                            for (const [key, value] of Object.entries(res.errors)) {\r\n                                if (key) {\r\n                                    console.log('value[0]', value[0]);\r\n                                    error.title = value[0];\r\n                                }\r\n                            }\r\n                        } else {\r\n                            item.image = false;\r\n                            const complete = {\r\n                                message: '',\r\n                            };\r\n                            for (const [key, value] of Object.entries(res.complete.msg)) {\r\n                                console.log('value', value);\r\n                                if (key) {\r\n                                    complete.message = value;\r\n                                }\r\n                            }\r\n                        }\r\n                        this.getting_data = false;\r\n                    },\r\n                },\r\n            });\r\n        },\r\n    },\r\n    directives: {\r\n        onClickaway: onClickaway,\r\n    },\r\n};\r\n</script>\r\n<style>\r\n.modal {\r\n    z-index: 100000 !important;\r\n}\r\n.modal .modal-content {\r\n    margin: 0px !important;\r\n}\r\n</style>\r\n<style scoped>\r\n/deep/ .b-modal-upload {\r\n    max-width: 100%;\r\n    margin: 0;\r\n    top: unset;\r\n    bottom: 0;\r\n    left: unset;\r\n    right: unset;\r\n    height: unset;\r\n    /* display: flex !important; */\r\n    position: fixed;\r\n    padding: 0 !important;\r\n}\r\n/deep/ .b-dialog-upload {\r\n    margin: 0 auto;\r\n}\r\n/deep/ .b-content-upload {\r\n    border-radius: 0;\r\n    border-top-left-radius: 20px;\r\n    border-top-right-radius: 20px;\r\n}\r\n/deep/ .b-modal-in-upload {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n/deep/ .b-dialog-in-upload {\r\n    margin: 0 auto;\r\n    height: 100%;\r\n}\r\n/deep/ .b-content-in-upload {\r\n    border-radius: 0;\r\n    min-height: 100vh;\r\n}\r\n.center {\r\n    margin: auto;\r\n    width: 80%;\r\n}\r\n.green {\r\n    color: green;\r\n}\r\n.dropbox {\r\n    outline: 2px dashed grey; /* the dash box */\r\n    outline-offset: -10px;\r\n    /* background: lightcyan; */\r\n    color: dimgray;\r\n    padding: 10px 10px;\r\n    min-height: 20vh; /* minimum height */\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.input-file {\r\n    opacity: 0; /* invisible but it's there! */\r\n    width: 100%;\r\n    height: 50vh;\r\n    position: absolute;\r\n    cursor: pointer;\r\n}\r\n.dropbox:hover {\r\n    /* background: lightblue; */\r\n}\r\n.dropbox p {\r\n    font-size: 1.2em;\r\n    text-align: center;\r\n    padding: 14vh 0;\r\n}\r\n.remove-image {\r\n    background: #cc0000;\r\n    width: 48px;\r\n    height: 48px;\r\n    line-height: 42px;\r\n    position: absolute;\r\n    top: 3vh;\r\n    right: 6.325vw;\r\n}\r\n@media screen and (max-width: 480px) {\r\n    .remove-image {\r\n        right: 25px;\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!./modalForm.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!./modalForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./modalForm.vue?vue&type=template&id=3c83a316&scoped=true&\"\nimport script from \"./modalForm.vue?vue&type=script&lang=js&\"\nexport * from \"./modalForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./modalForm.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./modalForm.vue?vue&type=style&index=1&id=3c83a316&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  \"3c83a316\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"main-container\">\r\n        <navbar :back_path=\"'/ticket-activity-detail/?apply_id=' + apply_id\" :hide_search=\"true\" active_screen=\"แนบเอกสาร\" />\r\n        <div :class=\"'ml-20 mr-20 mb-20 mt-20 container-password is-' + $device\" style=\"padding-bottom: 16px\">\r\n            <a-spin :tip=\"$t('Loading...')\" :spinning=\"getting_data\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-12 text-center\">\r\n                        <span class=\"fs-20 black fw-600\" style=\"display: block\">{{ticket_data.title}}</span>\r\n                    </div>\r\n                </div>\r\n                <!-- <div class=\"row mt-16\">\r\n                    <div class=\"col-6\">\r\n                        <span class=\"fs-18 black\" style=\"display: block\">เอกสาร</span>\r\n                    </div>\r\n                    <div class=\"col-6\">\r\n                        <span class=\"fs-18 black\" style=\"display: block\">สถานะ</span>\r\n                    </div>\r\n                </div> -->\r\n                <div v-for=\"(tl, k) in ticket_data.ticket_data.ticket_list\" :key=\"k\" style=\"background-color: #fff; border-radius: 25px; padding: 16px; margin-top: 16px; margin-bottom: 16px\">\r\n                    <div class=\"row text-left\">\r\n                        <div class=\"col-12\">\r\n                            <span class=\"fs-18 black\" style=\"display: block\">ตั๋วใบที่ {{ k + 1 }}</span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row\" style=\"margin-top: 20px\" v-for=\"(doc, k1) in tl.doc\" :key=\"k1\">\r\n                        <div class=\"col-8\">\r\n                            <span class=\"fs-18 black tal\" style=\"display: block\">{{ doc.label }}</span>\r\n                        </div>\r\n                        <div class=\"col-2\">\r\n                            <img :src=\"doc.status_upload ? 'resources/images/check.png' : 'resources/images/check-gray.png'\" style=\"width: 60%; min-width: 25px\" />\r\n                        </div>\r\n                        <div class=\"col-1\" style=\"text-align: left; margin-top: 0px\">\r\n                            <a-icon type=\"upload\" :style=\"{ color: '#000000', fontSize: '24px' }\" @click=\"handleStep(tl.ticket_id, doc)\" />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <modal-form :visible=\"modal_visible\" :step=\"modal_step\" @handle-step=\"onModalChangeStep\" @on-cancel=\"onModalCancel\" :init_doc=\"doc\" />\r\n            </a-spin>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport navbar from '../../components/navbar';\r\nimport moment from 'moment';\r\nimport modalForm from './modalForm';\r\nimport store from 'store';\r\nimport _ from 'lodash';\r\nexport default {\r\n    components: {\r\n        modalForm,\r\n        navbar,\r\n    },\r\n    data: function () {\r\n        return {\r\n            getting_data: true,\r\n            modal_visible: false,\r\n            modal_step: null,\r\n            ticket_data: {\r\n                apply_id: 50236,\r\n                act_id: 659,\r\n                image_full: 'https://apigwd.scg.com/DebentureClubDev/images/activity/2I6K61649051975.jpg',\r\n                image: 'https://apigwd.scg.com/DebentureClubDev/images/activity_resize/2I6K61649051975.jpg',\r\n                title: 'SCG Smiling : แผ่นภาพ คิด Learn',\r\n                act_day: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30-11.30 น.',\r\n                confirm_phone_date: null,\r\n                confirm_mail_date: 1654016400,\r\n                confirm_sms_date: 1654016400,\r\n                code: 'SCG087620',\r\n                date: 1649992609,\r\n                group_receive: {\r\n                    group_id: 768,\r\n                    title: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                    display_order: 1,\r\n                    start_date: 1653098400,\r\n                    end_date: 1653107400,\r\n                },\r\n                group_choose1: {\r\n                    group_id: 768,\r\n                    title: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                    display_order: 1,\r\n                    start_date: 1653098400,\r\n                    end_date: 1653107400,\r\n                },\r\n                group_choose2: null,\r\n                group_choose3: null,\r\n                atype_name: 'เวิร์คชอป',\r\n                confirm_flag: 0,\r\n                status: 'รอเข้าร่วม',\r\n                button_cancel: true,\r\n                button_confirm: false,\r\n                button_form: false,\r\n                attach_file_pid: true,\r\n                attach_file_passport: false,\r\n                attach_file_payment: true,\r\n                accom_form: true,\r\n                member_form: true,\r\n                accom: [],\r\n                ticket_data: {\r\n                    main_pdf: 'https://apigwd.scg.com/DebentureClubDev/files/activity/KL3Vj1651225662.pdf',\r\n                    label_doc_btn: 'เอกสาร',\r\n                    display_doc_btn: true,\r\n                    label_ticket_btn: 'ตั๋วอิเล็กทรอนิกส์',\r\n                    display_ticket_btn: true,\r\n                    label_attach_btn: 'แนบเอกสาร',\r\n                    display_attach_btn: true,\r\n                    doc_list: [\r\n                        {\r\n                            label: 'กำหนดการกิจกรรม.pdf',\r\n                            pdf_url: 'https://apigwd.scg.com/DebentureClubDev/files/activity/doc/dGs6o1652196187.pdf',\r\n                        },\r\n                        {\r\n                            label: 'แบบฟอร์มผลตรวจ ATK.pdf',\r\n                            pdf_url: 'https://apigwd.scg.com/DebentureClubDev/files/activity/doc/ZAOYD1652196187.pdf',\r\n                        },\r\n                        {\r\n                            label: 'แผนที่เอสซีจี.pdf',\r\n                            pdf_url: 'https://apigwd.scg.com/DebentureClubDev/files/activity/doc/yUQ3R1652196187.pdf',\r\n                        },\r\n                    ],\r\n                    ticket_list: [\r\n                        {\r\n                            ticket_id: 16,\r\n                            no: 'ตั๋วใบที่ 1',\r\n                            ticket_no: 'WS221A1A2A3A4A5',\r\n                            group_name: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                            start_at: 1653098400,\r\n                            end_at: 1653107400,\r\n                            ticket_template: '2',\r\n                            ticket_bg: '#ffebcd',\r\n                            ticket_font_color: '#006633',\r\n                            ticket_header_bg: '#cc3333',\r\n                            ticket_header_font_color: '#ffffff',\r\n                            ticket_body_bg: null,\r\n                            ticket_body_font_color: '#191970',\r\n                            active: false,\r\n                            active_txt: 'ใช้งานแล้ว',\r\n                            qrcode: 'https://apigwd.scg.com/DebentureClubDev/images/activity/disable-qrcode.jpg',\r\n                            pin: '7400',\r\n                            share: 'https://debentureclub-dev.scg.com/share/ticket/c74d97b01eae257e44aa9d5bade97baf',\r\n                            location_line1: 'สถานที่',\r\n                            location_line2: 'ห้องแกรนด์ฮอลล์ ชั้น 10  อาคารอเนกประสงค์  เอสซีจี บางซื่อ',\r\n                            label1: 'ลงทะเบียน',\r\n                            value1: 'A1',\r\n                            label2: 'แถวที่นั่ง',\r\n                            value2: 'A2',\r\n                            label3: 'เลขที่นั่ง',\r\n                            value3: 'A3',\r\n                            label4: 'label4',\r\n                            value4: 'A4',\r\n                            label5: 'label5',\r\n                            value5: 'A5',\r\n                            doc: [\r\n                                {\r\n                                    attach_label_id: 6,\r\n                                    label: 'ผลตรวจ ATK',\r\n                                    display_upload_btn: true,\r\n                                    status_upload: false,\r\n                                    file: null,\r\n                                },\r\n                                {\r\n                                    attach_label_id: 11,\r\n                                    label: 'ประวัติการรับวัคซีนโควิด-19',\r\n                                    display_upload_btn: true,\r\n                                    status_upload: true,\r\n                                    file: 'https://apigwd.scg.com/DebentureClubDev/files/activity/ticket/doc/uWgZX1652171907.jpg',\r\n                                },\r\n                            ],\r\n                            condition: '<p>ทดสอบเงื่อนไขกลุ่ม 1</p>',\r\n                        },\r\n                        {\r\n                            ticket_id: 17,\r\n                            no: 'ตั๋วใบที่ 2',\r\n                            ticket_no: 'WS221A0A2A3A4A5',\r\n                            group_name: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                            start_at: 1653098400,\r\n                            end_at: 1653107400,\r\n                            ticket_template: '2',\r\n                            ticket_bg: '#ffebcd',\r\n                            ticket_font_color: '#006633',\r\n                            ticket_header_bg: '#cc3333',\r\n                            ticket_header_font_color: '#ffffff',\r\n                            ticket_body_bg: null,\r\n                            ticket_body_font_color: '#191970',\r\n                            active: true,\r\n                            active_txt: 'ยังไม่ได้ใช้งาน',\r\n                            qrcode: 'https://apigwd.scg.com/DebentureClubDev/images/ticket-qrcode/70efdf2ec9b086079795c442636b55fb.png',\r\n                            pin: '7400',\r\n                            share: 'https://debentureclub-dev.scg.com/share/ticket/70efdf2ec9b086079795c442636b55fb',\r\n                            location_line1: 'สถานที่',\r\n                            location_line2: 'ห้องแกรนด์ฮอลล์ ชั้น 10  อาคารอเนกประสงค์  เอสซีจี บางซื่อ',\r\n                            label1: 'ลงทะเบียน',\r\n                            value1: 'A0',\r\n                            label2: 'แถวที่นั่ง',\r\n                            value2: 'A2',\r\n                            label3: 'เลขที่นั่ง',\r\n                            value3: 'A3',\r\n                            label4: 'label4',\r\n                            value4: 'A4',\r\n                            label5: 'label5',\r\n                            value5: 'A5',\r\n                            doc: [\r\n                                {\r\n                                    attach_label_id: 6,\r\n                                    label: 'ผลตรวจ ATK',\r\n                                    display_upload_btn: true,\r\n                                    status_upload: true,\r\n                                    file: 'https://apigwd.scg.com/DebentureClubDev/files/activity/ticket/doc/t4cZR1652106106.jpg',\r\n                                },\r\n                                {\r\n                                    attach_label_id: 11,\r\n                                    label: 'ประวัติการรับวัคซีนโควิด-19',\r\n                                    display_upload_btn: true,\r\n                                    status_upload: false,\r\n                                    file: null,\r\n                                },\r\n                            ],\r\n                            condition: '<p>ทดสอบเงื่อนไขกลุ่ม 1</p>',\r\n                        },\r\n                        {\r\n                            ticket_id: 18,\r\n                            no: 'ตั๋วใบที่ 3',\r\n                            ticket_no: 'WS221A2A2A3A4A5',\r\n                            group_name: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                            start_at: 1653098400,\r\n                            end_at: 1653107400,\r\n                            ticket_template: '2',\r\n                            ticket_bg: '#ffebcd',\r\n                            ticket_font_color: '#006633',\r\n                            ticket_header_bg: '#cc3333',\r\n                            ticket_header_font_color: '#ffffff',\r\n                            ticket_body_bg: null,\r\n                            ticket_body_font_color: '#191970',\r\n                            active: true,\r\n                            active_txt: 'ยังไม่ได้ใช้งาน',\r\n                            qrcode: 'https://apigwd.scg.com/DebentureClubDev/images/ticket-qrcode/6f4922f45568161a8cdf4ad2299f6d23.png',\r\n                            pin: '7400',\r\n                            share: 'https://debentureclub-dev.scg.com/share/ticket/6f4922f45568161a8cdf4ad2299f6d23',\r\n                            location_line1: 'สถานที่',\r\n                            location_line2: 'ห้องแกรนด์ฮอลล์ ชั้น 10  อาคารอเนกประสงค์  เอสซีจี บางซื่อ',\r\n                            label1: 'ลงทะเบียน',\r\n                            value1: 'A2',\r\n                            label2: 'แถวที่นั่ง',\r\n                            value2: 'A2',\r\n                            label3: 'เลขที่นั่ง',\r\n                            value3: 'A3',\r\n                            label4: 'label4',\r\n                            value4: 'A4',\r\n                            label5: 'label5',\r\n                            value5: 'A5',\r\n                            doc: [\r\n                                {\r\n                                    attach_label_id: 6,\r\n                                    label: 'ผลตรวจ ATK',\r\n                                    display_upload_btn: true,\r\n                                    status_upload: false,\r\n                                    file: null,\r\n                                },\r\n                                {\r\n                                    attach_label_id: 11,\r\n                                    label: 'ประวัติการรับวัคซีนโควิด-19',\r\n                                    display_upload_btn: true,\r\n                                    status_upload: false,\r\n                                    file: null,\r\n                                },\r\n                            ],\r\n                            condition: '<p>ทดสอบเงื่อนไขกลุ่ม 1</p>',\r\n                        },\r\n                        {\r\n                            ticket_id: 40,\r\n                            no: 'ตั๋วใบที่ 4',\r\n                            ticket_no: 'WS2211001',\r\n                            group_name: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                            start_at: 1653098400,\r\n                            end_at: 1653107400,\r\n                            ticket_template: '2',\r\n                            ticket_bg: '#ffebcd',\r\n                            ticket_font_color: '#006633',\r\n                            ticket_header_bg: '#cc3333',\r\n                            ticket_header_font_color: '#ffffff',\r\n                            ticket_body_bg: null,\r\n                            ticket_body_font_color: '#191970',\r\n                            active: true,\r\n                            active_txt: 'ยังไม่ได้ใช้งาน',\r\n                            qrcode: 'https://apigwd.scg.com/DebentureClubDev/images/ticket-qrcode/d645920e395fedad7bbbed0eca3fe2e0.png',\r\n                            pin: '7400',\r\n                            share: 'https://debentureclub-dev.scg.com/share/ticket/d645920e395fedad7bbbed0eca3fe2e0',\r\n                            location_line1: 'สถานที่',\r\n                            location_line2: 'ห้องแกรนด์ฮอลล์ ชั้น 10  อาคารอเนกประสงค์  เอสซีจี บางซื่อ',\r\n                            label1: 'ลงทะเบียน',\r\n                            value1: '08.00 – 09.00 น.',\r\n                            label2: 'แถวที่นั่ง',\r\n                            value2: '1',\r\n                            label3: 'เลขที่นั่ง',\r\n                            value3: '001',\r\n                            label4: '',\r\n                            value4: '',\r\n                            label5: '',\r\n                            value5: '',\r\n                            doc: [\r\n                                {\r\n                                    attach_label_id: 6,\r\n                                    label: 'ผลตรวจ ATK',\r\n                                    display_upload_btn: true,\r\n                                    status_upload: true,\r\n                                    file: 'https://apigwd.scg.com/DebentureClubDev/files/activity/ticket/doc/Hei141652166645.jpg',\r\n                                },\r\n                                {\r\n                                    attach_label_id: 11,\r\n                                    label: 'ประวัติการรับวัคซีนโควิด-19',\r\n                                    display_upload_btn: true,\r\n                                    status_upload: true,\r\n                                    file: 'https://apigwd.scg.com/DebentureClubDev/files/activity/ticket/doc/wiUfs1652170652.jpg',\r\n                                },\r\n                            ],\r\n                            condition: '<p>ทดสอบเงื่อนไขกลุ่ม 1</p>',\r\n                        },\r\n                    ],\r\n                },\r\n            },\r\n            loading: false,\r\n            password: store.get('password_ticket'),\r\n            key: store.get('key_ticket'),\r\n            doc: null,\r\n            apply_id: this.$route.query.apply_id,\r\n        };\r\n    },\r\n    mounted() {\r\n        this._mounted();\r\n    },\r\n    methods: {\r\n        _mounted: function () {\r\n            this.getTicket(() => (this.getting_data = false));\r\n        },\r\n        getTicket: function (callback = null) {\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/log/activity/detail',\r\n                    data: {\r\n                        apply_id: this.apply_id,\r\n                    },\r\n                    callback: (res) => {\r\n                        if (res && res.result == 'errors') {\r\n                            const error = {\r\n                                title: '',\r\n                            };\r\n                            for (const [key, value] of Object.entries(res.errors)) {\r\n                                console.log('value', value);\r\n                                if (key) {\r\n                                    error.title = value[0];\r\n                                }\r\n                            }\r\n                            this.$confirm({\r\n                                title: error.title,\r\n                                button: {\r\n                                    yes: 'ปิดหน้าต่าง',\r\n                                },\r\n                                callback: (confirm) => {},\r\n                            });\r\n                        } else {\r\n                            this.ticket_data = res;\r\n                            // this.modal_visible = true;\r\n                            // this.modal_step = 'upload';\r\n                        }\r\n                        if (typeof callback == 'function') callback();\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        onPinPress(pin) {\r\n            if (pin == 'del') this.password = this.password.slice(0, -1);\r\n            else if (this.password.length >= 6) return false;\r\n            else this.password += String(pin);\r\n        },\r\n        async onShare(textToCopy) {\r\n            try {\r\n                if (navigator.clipboard && window.isSecureContext) {\r\n                    await navigator.clipboard.writeText(textToCopy);\r\n                    this.$alert(null, 'คัดลอกสำเร็จ!', null, {\r\n                        confirmButtonText: 'OK',\r\n                        customClass: 'normal-alert-ok-btn',\r\n                    });\r\n                } else {\r\n                    const textArea = document.createElement('textarea');\r\n                    textArea.value = textToCopy;\r\n                    textArea.style.position = 'fixed';\r\n                    textArea.style.left = '-999999px';\r\n                    textArea.style.top = '-999999px';\r\n                    document.body.appendChild(textArea);\r\n                    textArea.focus();\r\n                    textArea.select();\r\n                    return new Promise((resolve) => {\r\n                        if (document.execCommand('copy')) {\r\n                            this.$alert(null, 'คัดลอกสำเร็จ!', null, {\r\n                                confirmButtonText: 'OK',\r\n                                customClass: 'normal-alert-ok-btn',\r\n                            });\r\n                            resolve();\r\n                        }\r\n                        textArea.remove();\r\n                    });\r\n                }\r\n            } catch (e) {\r\n                this.$alert(null, 'คัดลอกไม่สำเร็จ!', null, {\r\n                    confirmButtonText: 'OK',\r\n                    customClass: 'normal-alert-ok-btn',\r\n                });\r\n            }\r\n        },\r\n        handleStep(ticket_id, doc) {\r\n            console.log('doc', doc);\r\n            this.modal_step = doc.label;\r\n            this.doc = doc;\r\n            this.doc.ticket_id = ticket_id;\r\n            this.modal_visible = true;\r\n        },\r\n        onModalChangeStep(doc) {\r\n            this.modal_step = doc.label;\r\n            this.doc = doc;\r\n        },\r\n        onModalCancel() {\r\n            this.modal_visible = false;\r\n            this.modal_step = null;\r\n            this.getTicket(() => (this.getting_data = false));\r\n        },\r\n        toMoment(date_unix, format) {\r\n            return this.mtby(moment.unix(date_unix), format);\r\n        },\r\n        size(v) {\r\n            return _.size(v);\r\n        },\r\n        get(v1, v2, v3) {\r\n            return _.get(v1, v2, v3);\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style scoped>\r\n.navbar {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    /* height: 40px; */\r\n    /* height: 10vh; */\r\n    height: 48px;\r\n    padding: 0 8px;\r\n    z-index: 2;\r\n}\r\n.custom-close {\r\n    font-weight: 300;\r\n    margin: 0;\r\n    color: #707070 !important;\r\n    text-align: right;\r\n    opacity: 0.5;\r\n}\r\n.center1 {\r\n    /* position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%); */\r\n}\r\n.center2 {\r\n    text-align: center;\r\n}\r\n.pinRC {\r\n    display: none;\r\n}\r\n.pinC {\r\n    display: block;\r\n    position: relative;\r\n    width: 270px;\r\n    height: 220px;\r\n    margin: 0 auto;\r\n}\r\n.pinC > .pinB {\r\n    position: relative;\r\n    float: left;\r\n    width: calc(270px / 3);\r\n    height: calc(220px / 3);\r\n    text-align: center;\r\n    /* line-height: 3; */\r\n    -webkit-transition: all 0.2s ease;\r\n    -moz-transition: all 0.2s ease;\r\n    -o-transition: all 0.2s ease;\r\n    transition: all 0.2s ease;\r\n    -webkit-touch-callout: none;\r\n    -webkit-user-select: none;\r\n    -khtml-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n}\r\n.pinC > .pinB:not(.empty) {\r\n    /* background-color: #dcdcdc; */\r\n    background-color: transparent;\r\n    border: 2px solid #ffffff;\r\n}\r\n.pinC > .pinB:not(.empty):hover {\r\n    /*     border: 2px dotted #fefefe; */\r\n    cursor: pointer;\r\n}\r\n.pinC > .pinB:not(.empty)::before {\r\n    content: ' ';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(100, 100, 100, 0);\r\n    /* background-color: transparent; */\r\n    -webkit-transition: all 0.4s ease;\r\n    -moz-transition: all 0.4s ease;\r\n    -o-transition: all 0.4s ease;\r\n    transition: all 0.4s ease;\r\n    -webkit-touch-callout: none;\r\n    -webkit-user-select: none;\r\n    -khtml-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n}\r\n.pinC > .pinB:not(.empty):active::before {\r\n    background-color: rgba(200, 200, 200, 0.45);\r\n}\r\n.pinC > .pinB > .pin_T {\r\n    /* position: absolute;\r\n  width: 100%;\r\n  left: 0%;\r\n  height: 100%; */\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n    font-size: 26px;\r\n    font-weight: 600;\r\n}\r\n.pin_T.pDelete {\r\n    font-weight: 300 !important;\r\n}\r\n.pinC > .pinB > .pin_t {\r\n    font-size: 75%;\r\n    position: absolute;\r\n    bottom: -5px;\r\n    left: 50%;\r\n    color: darkgrey;\r\n    transform: translate(-50%, 0);\r\n}\r\n.pinC > .pinB.input > .pinpart {\r\n    border: 2px solid #000000;\r\n    border-radius: 50%;\r\n    float: left;\r\n    width: 10px;\r\n    height: 10px;\r\n    position: relative;\r\n    top: calc(50% - 5px);\r\n    margin-left: 4.5px;\r\n    background-color: rgba(100, 100, 100, 0);\r\n    /* background-color: transparent; */\r\n    -webkit-transition: all 0.4s ease;\r\n    -moz-transition: all 0.4s ease;\r\n    -o-transition: all 0.4s ease;\r\n    transition: all 0.4s ease;\r\n    -webkit-touch-callout: none;\r\n    -webkit-user-select: none;\r\n    -khtml-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n}\r\n.pinC > .pinB.input > .pinpart.active {\r\n    background-color: #000000;\r\n}\r\n.confirmed {\r\n    animation: removec ease-out 1s;\r\n    animation-iteration-count: 1;\r\n    transform-origin: 0% 50%;\r\n    animation-fill-mode: forwards;\r\n    /*when the spec is finished*/\r\n    -webkit-animation: removec ease-out 1s;\r\n    -webkit-animation-iteration-count: 1;\r\n    -webkit-transform-origin: 0% 50%;\r\n    -webkit-animation-fill-mode: forwards;\r\n    /*Chrome 16+, Safari 4+*/\r\n    -moz-animation: removec ease-out 1s;\r\n    -moz-animation-iteration-count: 1;\r\n    -moz-transform-origin: 0% 50%;\r\n    -moz-animation-fill-mode: forwards;\r\n    /*FF 5+*/\r\n    -o-animation: removec ease-out 1s;\r\n    -o-animation-iteration-count: 1;\r\n    -o-transform-origin: 0% 50%;\r\n    -o-animation-fill-mode: forwards;\r\n    /*Not implemented yet*/\r\n    -ms-animation: removec ease-out 1s;\r\n    -ms-animation-iteration-count: 1;\r\n    -ms-transform-origin: 0% 50%;\r\n    -ms-animation-fill-mode: forwards;\r\n    /*IE 10+*/\r\n}\r\n.custom-modal-footer-single-close-btn {\r\n    background: linear-gradient(0deg, #ff7105, #ff9500 100%) no-repeat;\r\n    color: #fff;\r\n    width: 100%;\r\n}\r\n@keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n@-moz-keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        -moz-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        -moz-transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        -moz-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        -moz-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        -moz-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n@-webkit-keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        -webkit-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        -webkit-transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        -webkit-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        -webkit-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        -webkit-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n@-o-keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        -o-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        -o-transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        -o-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        -o-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        -o-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n@-ms-keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        -ms-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        -ms-transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        -ms-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        -ms-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        -ms-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n.dots-width {\r\n    width: 100%;\r\n    margin: 0 auto;\r\n}\r\n.dot {\r\n    border: 2px solid #bbb;\r\n    border-radius: 50%;\r\n    width: 48px;\r\n    height: 48px;\r\n    display: inline-block;\r\n    margin-left: 20px;\r\n}\r\n.footer-label {\r\n    padding: 0;\r\n    font-weight: 300;\r\n    color: #cc0000;\r\n    margin-top: 12px;\r\n}\r\n.เข้าใช้งานด้วยหมายเลขสมาชิกอื่น {\r\n    text-align: left;\r\n    width: 60%;\r\n}\r\n.ลืมรหัส {\r\n    text-align: right;\r\n    width: 40%;\r\n}\r\n.container-password {\r\n    /* padding: 20px 16px; */\r\n    text-align: center;\r\n    border: unset;\r\n    box-shadow: unset !important;\r\n    /* width: 90%; */\r\n    /* width: 100%; */\r\n\r\n    /* background-color: #fff !important; */\r\n    border-radius: 0;\r\n    position: fixed;\r\n    left: 50%;\r\n    top: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n}\r\n.container-password.is-desktop,\r\n.container-password.is-tablet {\r\n    /* width: auto; */\r\n    width: 100%;\r\n}\r\n.container_forgot_password {\r\n    padding: 8px;\r\n    text-align: center;\r\n    border: unset;\r\n    box-shadow: unset !important;\r\n    width: 100%;\r\n    background-color: #fff !important;\r\n    border-radius: 0;\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n}\r\n.container_forgot_password.is-desktop,\r\n.container_forgot_password.is-tablet {\r\n    width: 100%;\r\n}\r\n.container_forgot_member {\r\n    padding: 8px;\r\n    text-align: center;\r\n    border: unset;\r\n    box-shadow: unset !important;\r\n    width: 100%;\r\n    background-color: #fff !important;\r\n    border-radius: 0;\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n}\r\n.container_forgot_member.is-desktop,\r\n.container_forgot_member.is-tablet {\r\n    width: 360px;\r\n}\r\n@media (max-device-width: 413px) and (max-device-height: 843px) {\r\n    .pinC {\r\n        width: 270px;\r\n        height: 220px;\r\n    }\r\n    .pinC > .pinB {\r\n        width: calc(270px / 3);\r\n        height: calc(220px / 3);\r\n    }\r\n    .pinC > .pinB > .pin_T {\r\n        font-size: 25px;\r\n    }\r\n    .container-password {\r\n        /* width: 330px; */\r\n        margin-top: 15%;\r\n    }\r\n    .container_forgot_member {\r\n        width: 330px;\r\n    }\r\n}\r\n@media (max-device-width: 374px) and (max-device-height: 843px) {\r\n    .dots-width {\r\n        width: 80%;\r\n    }\r\n    .dot {\r\n        width: 15px;\r\n        height: 15px;\r\n        margin-left: 10px;\r\n    }\r\n    .pinC {\r\n        width: 250px;\r\n        height: 200px;\r\n    }\r\n    .pinC > .pinB {\r\n        width: calc(250px / 3);\r\n        height: calc(200px / 3);\r\n    }\r\n    .pinC > .pinB > .pin_T {\r\n        font-size: 25px;\r\n    }\r\n    .container-password {\r\n        /* width: 100% !important; */\r\n        margin-top: 0;\r\n    }\r\n    .container_forgot_member {\r\n        width: 100%;\r\n    }\r\n}\r\n@media screen and (max-width: 1200px) {\r\n    .col-xl-6 {\r\n        width: 50%;\r\n    }\r\n}\r\n@media (max-device-width: 15360px) and (max-device-height: 1080px) {\r\n    .container-password {\r\n        position: relative;\r\n        left: unset;\r\n        top: unset;\r\n        -webkit-transform: unset;\r\n        transform: unset;\r\n        margin: 0 auto;\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=0a49e090&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=0a49e090&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  \"0a49e090\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}