{"version":3,"sources":["webpack:///./src/components/dropzonemember.vue?f033","webpack:///src/components/dropzonemember.vue","webpack:///./src/components/dropzonemember.vue?d874","webpack:///./src/components/dropzonemember.vue","webpack:///../../../src/components/VForm/VForm.ts","webpack:///./src/components/taimember/attachEdit.vue?bfd0","webpack:///./src/components/taimember/attachEdit.vue?30d1","webpack:///src/components/taimember/attachEdit.vue","webpack:///./src/components/taimember/attachEdit.vue?2b40","webpack:///./src/components/taimember/attachEdit.vue","webpack:///./src/store/api/services/taimemberService.js","webpack:///./src/components/dropzonemember.vue?8feb"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","canUpload","$attrs","disabled","directives","name","rawName","value","expression","on","getFiles","_v","ref","staticStyle","dropzoneOptions","showSuccess","successMulti","sending","vdropzone_error","$event","setUrl","upup","_l","item","index","key","id","Type","_e","deleteFile","openLink","Link","_s","Name","staticRenderFns","props","appName","type","default","code","list","dzName","maxSize","canDelete","nameCode","fileType","files","data","serverName","API_PATH","uploadURL","uploadedFiles","uploadError","currentStatus","uploadFieldName","queryString","temp","url","acceptedFiles","maxFileSizeInMB","maxFiles","autoProcessQueue","paramName","addRemoveLinks","dictDefaultMessage","thumbnailWidth","thumbnailHeight","parallelUploads","previews","components","Dropzone","mounted","watch","computed","computeURL","tempUrl","methods","link","window","file","xhr","formData","previewTemplate","response","console","hasFiles","param","Api","then","component","VAvatar","VBtn","VChip","VCol","VIcon","VRow","mixins","BindsAttrs","RegistrableProvide","extend","provide","form","inheritAttrs","Boolean","lazyValidation","readonly","inputs","watchers","errorBag","handler","val","errors","Object","values","includes","$emit","deep","immediate","watchInput","input","watcher","$watch","$set","_uid","valid","shouldValidate","hasOwnProperty","validate","filter","length","reset","forEach","resetErrorBag","setTimeout","resetValidation","register","push","unregister","found","find","i","unwatch","$delete","h","novalidate","attrs$","submit","e","$slots","loading","lazy","model","callback","$$v","formValid","text_filled","rules","MemberCode","itemSelected","test","scopedSlots","_u","fn","dialog","dropzonemember","dialogClose","Register_capital","Paid_capital","action","pom","pathStatic","pathSignature","errorMessages","currency","initialBalance","initialPaid","pomtest","pp","panel","Business_Title","Tier_Title","Related_industry","Process","Product_type","Quality_system","Tai_activity","process","TradeCode","Id","Share_thai","Share_foreign","Nationshare","Original_com","Related_other","Process_other","Product_type_other","Quality_system_other","Main_product1","item1","Main_product2","item2","Main_product3","item3","Domestic","Export","Export_country","Main_domestic","Main_foreign","Staff","Tai_activity_other","agree","$nextTick","oldValue","initialPaidFormatted","get","formatAsCurrency","set","Number","newValue","replace","initialBalanceFormatted","com_memType1","Member_Type","com_memType2","initLoad","checkPermission","permissionArray","$store","getters","errorHandel","res","status","redirect","$router","oldItem","assign","$refs","itemCancel","Save","modifyDate","itemService","itemSelected_update","alert","dec","toFixed","signLoad","ssload","image","Canvas2","Context2","imageReceived","canvas","context","localStorage","imageReceived02","imageReceived03","startDownloadSing01","startDownloadSing02","startDownloadSing03","currentDateTime","dateTime","VCard","VCardActions","VCardText","VCardTitle","VContainer","VDialog","VFlex","VForm","VLayout","VSpacer","VTextField","memberpart2List","credentials","pageNo","rowsPerPage","encodeURIComponent","search","sortBy","descending","httpServer","post","memberpart2ItemByID","memberpart2ListByParam","memberpart2Insert","memberpart2Update","memberpart2Delete","quizList","quizItemByID","quizListByParam","quizInsert","quizUpdate","quizDelete","vw_memberpart_allList","vw_memberpart_allItemByID","vw_memberpart_allListByParam","vw_memberpart_allInsert","vw_memberpart_allUpdate","vw_memberpart_allDelete","memberpart1List","memberpart1ItemByID","memberpart1ListByParam","memberpart1Insert","memberpart1Update","memberpart1Delete","sendMail","memberallList","memberallItemByID","memberallListByParam","memberallInsert","memberallUpdate","memberallDelete","store","state","users","main","router"],"mappings":"mIAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,aAAa,KAAK,CAACF,EAAG,QAAQ,CAACG,YAAY,cAAcD,MAAM,CAAC,KAAO,KAAK,GAAK,OAAO,CAACF,EAAG,QAAQ,CAACG,YAAY,OAAOD,MAAM,CAAC,aAAa,KAAK,CAACF,EAAG,QAAQ,CAACE,MAAM,CAAC,MAASN,EAAIQ,WAAcR,EAAIS,OAAOC,SAAW,IAAM,GAAOV,EAAIQ,YAAcR,EAAIS,OAAOC,SAAW,EAAE,KAAK,CAACN,EAAG,OAAO,CAACO,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,QAASd,EAAIQ,YAAcR,EAAIS,OAAOC,UAAWK,WAAW,sCAAsC,CAACX,EAAG,SAAS,CAACG,YAAY,YAAYD,MAAM,CAAC,MAAQ,GAAG,MAAQ,UAAU,aAAa,QAAQ,aAAa,QAAQU,GAAG,CAAC,MAAQhB,EAAIiB,WAAW,CAACjB,EAAIkB,GAAG,qBAAqB,GAAGd,EAAG,WAAW,CAACO,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOd,EAAIQ,YAAcR,EAAIS,OAAOC,SAAUK,WAAW,kCAAkCI,IAAI,gBAAgBC,YAAY,CAAC,MAAQ,QAAQd,MAAM,CAAC,GAAK,iBAAiB,QAAUN,EAAIqB,gBAAgB,mBAAkB,GAAML,GAAG,CAAC,oBAAoBhB,EAAIsB,YAAY,6BAA6BtB,EAAIuB,aAAa,oBAAoBvB,EAAIwB,QAAQ,kBAAkBxB,EAAIyB,gBAAgB,oBAAoB,SAASC,GAAQ,OAAO1B,EAAI2B,cAAc,IAAI,GAAGvB,EAAG,QAAQ,CAACG,YAAY,OAAOD,MAAM,CAAC,aAAa,KAAK,CAACF,EAAG,QAAQ,CAACO,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOd,EAAIQ,YAAcR,EAAIS,OAAOC,SAAUK,WAAW,kCAAkCR,YAAY,OAAOD,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAACF,EAAG,QAAQ,CAACG,YAAY,iBAAiBD,MAAM,CAAC,QAAU,GAAG,MAAQ,GAAG,MAAQ,WAAWU,GAAG,CAAC,MAAQhB,EAAI4B,OAAO,CAAC5B,EAAIkB,GAAG,YAAYd,EAAG,QAAQ,CAACG,YAAY,wBAAwBD,MAAM,CAAC,IAAM,GAAG,KAAO,GAAG,UAAU,GAAG,MAAQ,WAAWU,GAAG,CAAC,MAAQhB,EAAI4B,OAAO,CAACxB,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,KAAK,CAACN,EAAIkB,GAAG,yBAAyB,IAAI,IAAI,IAAI,GAAGlB,EAAI6B,GAAI7B,EAAS,OAAE,SAAS8B,EAAKC,GAAO,OAAO3B,EAAG,QAAQ,CAAC4B,IAAIF,EAAKG,GAAG1B,YAAY,YAAYD,MAAM,CAAC,KAAO,KAAK,GAAK,KAAK,GAAK,KAAK,GAAK,KAAK,GAAK,OAAO,CAAiB,gBAAdwB,EAAKI,KAAwB9B,EAAG,SAAS,CAACG,YAAY,YAAYD,MAAM,CAAC,MAAQ,QAAQ,aAAa,UAAU,CAAGN,EAAIS,OAAOC,SAA6KV,EAAImC,KAAvK/B,EAAG,WAAW,CAACG,YAAY,iBAAiBD,MAAM,CAAC,KAAO,IAAIU,GAAG,CAAC,MAAQ,SAASU,GAAQ,OAAO1B,EAAIoC,WAAWN,MAAS,CAAC1B,EAAG,SAAS,CAACJ,EAAIkB,GAAG,iBAAiB,GAAYd,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,YAAYyB,EAAM,IAAIf,GAAG,CAAC,MAAQ,SAASU,GAAQ,OAAO1B,EAAIqC,SAASP,EAAKQ,SAAS,CAACtC,EAAIkB,GAAGlB,EAAIuC,GAAGT,EAAKU,UAAU,GAAGxC,EAAImC,MAAM,OAAM,IAAI,IACl5EM,EAAkB,G,iCCyHtB,GACE7B,KAAFA,YAEE8B,MAAFA,CACIC,QAAJA,CACMC,KAANA,OACMC,QAANA,IAEIC,KAAJA,CACMF,KAANA,OACMC,QAANA,IAEIE,KAAJA,CACMF,QAANA,IAEIG,OAAJA,CACMJ,KAANA,OACMC,QAANA,MAEII,QAAJA,CACML,KAANA,OACMC,QAANA,GAEIK,UAAJA,CACMN,KAANA,QACMC,SAANA,GAEIrC,UAAJA,CACMoC,KAANA,QACMC,SAANA,GAEIM,SAAJA,CACMP,KAANA,OACMC,QAANA,IAEIO,SAAJA,CACMR,KAANA,OACMC,QAANA,6CAEIQ,MAAJA,CACMT,KAANA,MACMC,QAANA,KAIES,KA7CF,WA8CI,MAAJ,CAEMC,WAANA,uBACMC,SAANA,2CACMC,UAANA,uEACMC,cAANA,GACMC,YAANA,KACMC,cAANA,KACMC,gBAANA,aACMC,YAANA,GACMC,KAANA,GAEM1C,gBAANA,CACQ2C,IAARA,2CACQC,cAARA,cACQC,gBAARA,iBACQC,SAARA,EACQC,kBAARA,EACQC,UAARA,OACQC,gBAARA,EACQC,mBAARA,wDAEQC,eAARA,GACQC,gBAARA,GACQC,gBAARA,GACQC,SAARA,cASEC,WAAFA,CACIC,SAAJA,KAEEC,QAnFF,WAoFI,KAAJ,oBACI,KAAJ,YAEEC,MAAFA,CACI1B,MAAJA,YAAM,IAAN,OACA,GACQ,KAAR,sBACU,EAAV,2BAIIP,KAAJA,YAAM,IAAN,OACA,QACQ,KAAR,sBACU,EAAV,eAIIC,KAAJA,YAAM,IAAN,OACA,QACQ,KAAR,sBACU,EAAV,gBAKEiC,SAAFA,CACIC,WADJ,WAKM,IAAN,KAqBM,OApBN,WAEQC,EAARA,gDACA,gBACUA,EAAVA,gEAIQA,EAARA,kCAEA,mBACQA,GAARA,2BAEA,mBACQA,GAARA,yBAEA,oBACQA,GAARA,4BAGA,IAGEC,QAAFA,CACI9C,SADJ,SACA+C,GACMC,OAANA,kBAEI7D,QAJJ,SAIA8D,EAAAC,EAAAC,GAIM,IAAN,oBAEMA,EAANA,sBAEI5D,KAZJ,WAcM,KAAN,gDACM,KAAN,yDACM,KAAN,oCAMM,KAAN,mCAGM,KAAN,kDACA,qBACQ,KAAR,wBAGI6D,gBA9BJ,WA+BM,MAAN,2pBAcIlE,aA7CJ,SA6CA8B,EAAAqC,KAKIjE,gBAlDJ,SAkDA6D,GACMK,QAANA,gBAEIrE,YArDJ,SAqDAgE,GACMK,QAANA,eACM,KAAN,qCACQ,OAAR,mDAEM,KAAN,8CAEM,KAAN,kCAEM,KAAN,0BAEIC,SAhEJ,WAiEM,OAAN,qBAEI3E,SAnEJ,WAmEM,IAAN,OAEM,KAAN,SAKM,IAAN,KACM4E,EAANA,qBACMA,EAANA,aACMA,EAANA,uBACMA,EAANA,eAGMC,kGACNC,MAAA,YACQ,IAAR,cACA,WACU,EAAV,QAGU,EAAV,aAKI3D,WA7FJ,SA6FAkD,GAAM,IAAN,OACA,yCAEMQ,qGACNC,MAAA,YACQ,IAAR,cAEA,YAEU,EAAV,kCACY,OAAZ,mBAGU,EAAV,sCC/W0O,I,qHCQtOC,EAAY,eACd,EACAjG,EACA0C,GACA,EACA,KACA,WACA,MAIa,OAAAuD,EAAiB,QAUhC,IAAkBA,EAAW,CAACC,UAAA,KAAQC,OAAA,KAAKC,QAAA,KAAMC,OAAA,KAAKC,QAAA,KAAMC,OAAA,Q,qzBCT7CC,sBACbC,OACAC,eAAmB,SAEnBC,OAAO,CACP9F,KAAM,SAEN+F,QAHO,WAIL,MAAO,CAAEC,KAAM3G,OAGjB4G,cAAc,EAEdnE,MAAO,CACLhC,SAAUoG,QACVC,eAAgBD,QAChBE,SAAUF,QACVhG,MAAOgG,SAGTxD,KAAM,iBAAO,CACX2D,OAAQ,GACRC,SAAU,GACVC,SAAU,KAGZpC,MAAO,CACLoC,SAAU,CACRC,QADQ,SACCC,GACP,IAAMC,EAASC,OAAOC,OAAOH,GAAKI,UAAS,GAE3CxH,KAAKyH,MAAM,SAAUJ,IAEvBK,MAAM,EACNC,WAAW,IAIfzC,QAAS,CACP0C,WADO,SACKC,GAAU,WACdC,EAAW,SAAAD,GACf,OAAOA,EAAME,OAAO,YAAa,SAAAX,GAC/B,EAAKY,KAAK,EAAKd,SAAUW,EAAMI,KAAMb,KACpC,CAAEO,WAAW,KAGZV,EAAqB,CACzBgB,KAAMJ,EAAMI,KACZC,MAAO,aACPC,eAAgB,cAiBlB,OAdInI,KAAK8G,eAEPG,EAASkB,eAAiBN,EAAME,OAAO,kBAAmB,SAAAX,GACnDA,IAGD,EAAKF,SAASkB,eAAeP,EAAMI,QAEvChB,EAASiB,MAAQJ,EAAQD,QAG3BZ,EAASiB,MAAQJ,EAAQD,GAGpBZ,GAGToB,SA/BO,WAgCL,OAAqE,IAA9DrI,KAAKgH,OAAOsB,QAAO,SAAAT,GAAK,OAAKA,EAAMQ,UAAS,MAAOE,QAG5DC,MAnCO,WAoCLxI,KAAKgH,OAAOyB,SAAQ,SAAAZ,GAAK,OAAIA,EAAMW,WACnCxI,KAAK0I,iBAEPA,cAvCO,WAuCM,WACP1I,KAAK8G,gBAEP6B,YAAW,WACT,EAAKzB,SAAW,KACf,IAIP0B,gBAhDO,WAiDL5I,KAAKgH,OAAOyB,SAAQ,SAAAZ,GAAK,OAAIA,EAAMe,qBACnC5I,KAAK0I,iBAEPG,SApDO,SAoDGhB,GACR7H,KAAKgH,OAAO8B,KAAKjB,GACjB7H,KAAKiH,SAAS6B,KAAK9I,KAAK4H,WAAWC,KAErCkB,WAxDO,SAwDKlB,GACV,IAAMmB,EAAQhJ,KAAKgH,OAAOiC,MAAK,SAAAC,GAAC,OAAIA,EAAEjB,OAASJ,EAAMI,QAErD,GAAKe,EAAL,CAEA,IAAMG,EAAUnJ,KAAKiH,SAASgC,MAAK,SAAAC,GAAC,OAAIA,EAAEjB,OAASe,EAAMf,QACrDkB,IACFA,EAAQjB,QACRiB,EAAQhB,kBAGVnI,KAAKiH,SAAWjH,KAAKiH,SAASqB,QAAO,SAAAY,GAAC,OAAIA,EAAEjB,OAASe,EAAMf,QAC3DjI,KAAKgH,OAAShH,KAAKgH,OAAOsB,QAAO,SAAAY,GAAC,OAAIA,EAAEjB,OAASe,EAAMf,QACvDjI,KAAKoJ,QAAQpJ,KAAKkH,SAAU8B,EAAMf,SAItCnI,OA3GO,SA2GCuJ,GAAC,WACP,OAAOA,EAAE,OAAQ,CACf/I,YAAa,SACbD,MAAO,EAAF,CACHiJ,YAAY,GACTtJ,KAAKuJ,QAEVxI,GAAI,CACFyI,OAAS,SAAAC,GAAD,OAAc,EAAKhC,MAAM,SAAUgC,MAE5CzJ,KAAK0J,OAAO9G,a,oCC7InB,W,2CCAA,IAAI9C,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACG,YAAY,cAAcD,MAAM,CAAC,QAAUN,EAAI4J,UAAU,CAACxJ,EAAG,SAAS,CAACe,IAAI,OAAOb,MAAM,CAAC,kBAAkBN,EAAI6J,MAAMC,MAAM,CAAChJ,MAAOd,EAAa,UAAE+J,SAAS,SAAUC,GAAMhK,EAAIiK,UAAUD,GAAKjJ,WAAW,cAAc,CAACX,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQ,GAAG,cAAc,KAAK,CAACF,EAAG,QAAQ,CAACE,MAAM,CAAC,aAAa,KAAK,CAACF,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,KAAK,GAAK,KAAK,OAAS,KAAK,CAACF,EAAG,QAAQ,CAACE,MAAM,CAAC,aAAa,KAAK,CAACF,EAAG,QAAQ,CAACG,YAAY,OAAOD,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAACF,EAAG,eAAe,CAACE,MAAM,CAAC,QAAU,KAAK,MAAQN,EAAIkK,YAAY,OAASlK,EAAIkK,YAAY,MAAQ,eAAe,MAAQlK,EAAImK,MAAMC,YAAYN,MAAM,CAAChJ,MAAOd,EAAIqK,aAAuB,WAAEN,SAAS,SAAUC,GAAMhK,EAAIiI,KAAKjI,EAAIqK,aAAc,aAAcL,IAAMjJ,WAAW,8BAA8B,IAAI,IAAI,GAAIf,EAAgB,aAAEI,EAAG,QAAQ,CAACG,YAAY,OAAOD,MAAM,CAAC,KAAO,KAAK,GAAK,KAAK,YAAY,MAAM,CAACF,EAAG,WAAW,CAACE,MAAM,CAAC,IAAM,GAAG,KAAO,GAAG,YAAY,KAAK,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,QAAQ,KAAK,CAACF,EAAG,MAAM,CAACA,EAAG,SAAS,CAACJ,EAAIkB,GAAG,aAAad,EAAG,OAAO,CAACgB,YAAY,CAAC,MAAQ,QAAQ,CAACpB,EAAIkB,GAAG,yCAAyClB,EAAIkB,GAAG,OAAcd,EAAG,iBAAiB,CAACe,IAAI,KAAKb,MAAM,CAAC,OAAS,aAAa,QAAU,SAAS,SAAW,IAAI,KAAON,EAAIqK,aAAaD,WAAW,KAAO,GAAG,QAAU,EAAE,WAAY,EAAK,WAAY,EAAK,WAAY,GAAOpJ,GAAG,CAAC,cAAgBhB,EAAIsK,SAAkB,IAAI,IAAI,GAAGtK,EAAImC,KAAMnC,EAAgB,aAAEI,EAAG,QAAQ,CAACG,YAAY,OAAOa,YAAY,CAAC,aAAa,QAAQd,MAAM,CAAC,KAAO,KAAK,GAAK,OAAO,CAACF,EAAG,WAAW,CAACE,MAAM,CAAC,MAAQ,SAASiK,YAAYvK,EAAIwK,GAAG,CAAC,CAACxI,IAAI,YAAYyI,GAAG,SAAStJ,GACzpDA,EAAIH,GACDG,EAAIb,SACI,MAAK,EAAM,YAAYwJ,MAAM,CAAChJ,MAAOd,EAAU,OAAE+J,SAAS,SAAUC,GAAMhK,EAAI0K,OAAOV,GAAKjJ,WAAW,WAAW,CAACX,EAAG,SAAS,CAACA,EAAG,eAAe,CAACA,EAAG,OAAO,CAACG,YAAY,WAAW,CAACP,EAAIkB,GAAG,4DAA4Dd,EAAG,cAAc,CAACJ,EAAIkB,GAAG,mMAAmMd,EAAG,IAAI,CAACJ,EAAIkB,GAAG,6CAA6ClB,EAAIkB,GAAG,sFAAsFd,EAAG,MAAMJ,EAAIkB,GAAG,sPAAsPd,EAAG,MAAMJ,EAAIkB,GAAG,sCAAsCd,EAAG,IAAI,CAACJ,EAAIkB,GAAG,4DAA4DlB,EAAIkB,GAAG,mTAAmTd,EAAG,MAAMA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACA,EAAG,IAAI,CAACJ,EAAIkB,GAAG,0CAA0Cd,EAAG,KAAK,CAACA,EAAG,KAAK,CAACJ,EAAIkB,GAAG,8EAA8Ed,EAAG,KAAK,CAACA,EAAG,KAAK,CAACJ,EAAIkB,GAAG,+DAA+Dd,EAAG,KAAK,CAACJ,EAAIkB,GAAG,2EAA2Ed,EAAG,KAAK,CAACJ,EAAIkB,GAAG,sGAAsGd,EAAG,KAAK,CAACA,EAAG,KAAK,CAACJ,EAAIkB,GAAG,gEAAgEd,EAAG,KAAK,CAACJ,EAAIkB,GAAG,mIAAmId,EAAG,KAAK,CAACJ,EAAIkB,GAAG,oFAAoFd,EAAG,KAAK,CAACJ,EAAIkB,GAAG,uCAAuClB,EAAIkB,GAAG,gTAAgTd,EAAG,KAAK,CAACJ,EAAIkB,GAAG,uGAAuGd,EAAG,KAAK,CAACA,EAAG,KAAK,CAACJ,EAAIkB,GAAG,2GAA2Gd,EAAG,KAAK,CAACJ,EAAIkB,GAAG,qNAAqNd,EAAG,KAAK,CAACJ,EAAIkB,GAAG,6IAA6Id,EAAG,KAAK,CAACJ,EAAIkB,GAAG,4UAA4Ud,EAAG,KAAK,CAACJ,EAAIkB,GAAG,oGAAoGd,EAAG,KAAK,CAACA,EAAG,IAAI,CAACJ,EAAIkB,GAAG,uFAAuFlB,EAAIkB,GAAG,4XAA8Xd,EAAG,MAAMJ,EAAIkB,GAAG,mYAAmYd,EAAG,MAAMA,EAAG,KAAK,CAACA,EAAG,IAAI,CAACJ,EAAIkB,GAAG,iFAAiFlB,EAAIkB,GAAG,+gBAA+gBd,EAAG,KAAK,CAACA,EAAG,KAAK,CAACJ,EAAIkB,GAAG,gFAAgFd,EAAG,KAAK,CAACJ,EAAIkB,GAAG,0EAA0Ed,EAAG,KAAK,CAACJ,EAAIkB,GAAG,oHAAoHd,EAAG,KAAK,CAACJ,EAAIkB,GAAG,6EAA6Ed,EAAG,KAAK,CAACA,EAAG,IAAI,CAACJ,EAAIkB,GAAG,wBAAwBd,EAAG,KAAK,CAACA,EAAG,KAAK,CAACJ,EAAIkB,GAAG,4RAA4Rd,EAAG,KAAK,CAACJ,EAAIkB,GAAG,ofAAofd,EAAG,KAAK,CAACJ,EAAIkB,GAAG,klBAAklBd,EAAG,KAAK,CAACA,EAAG,IAAI,CAACJ,EAAIkB,GAAG,6BAA6BlB,EAAIkB,GAAG,sTAAsTd,EAAG,KAAK,CAACA,EAAG,IAAI,CAACJ,EAAIkB,GAAG,wBAAwBlB,EAAIkB,GAAG,4LAA4Ld,EAAG,MAAMJ,EAAIkB,GAAG,6DAA6Dd,EAAG,MAAMJ,EAAIkB,GAAG,yCAAyCd,EAAG,IAAI,CAACE,MAAM,CAAC,KAAO,uBAAuB,CAACN,EAAIkB,GAAG,wBAAwBd,EAAG,MAAMA,EAAG,KAAK,CAACA,EAAG,IAAI,CAACJ,EAAIkB,GAAG,0BAA0BlB,EAAIkB,GAAG,oIAAoId,EAAG,iBAAiB,CAACA,EAAG,YAAYA,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,iBAAiB,KAAO,IAAIU,GAAG,CAAC,MAAQ,SAASU,GAAQ1B,EAAI0K,QAAS,MAAUtK,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,iBAAiB,KAAO,IAAIU,GAAG,CAAC,MAAQ,SAASU,GAAQ1B,EAAI0K,QAAS,KAAS,CAAC1K,EAAIkB,GAAG,oCAAoC,IAAI,IAAI,IAAI,GAAGlB,EAAImC,MAAM,IAAI,IAAI,IAAI,IAClvQM,EAAkB,G,4cCmPP,OACb7B,KAAMA,WACNgE,WAAYA,CACV+F,eAAJA,QAIEjI,MAAFA,CACIkI,YAAaA,CACXhI,KAAMA,SAERyH,aAAcA,CACZzH,KAAMA,OACNC,QAASA,WACP,MAAO,CAAfgI,mBAAAC,kBAGIC,OAAQA,CACNnI,KAAMA,OACNC,QAASA,WACP,MAAO,QAGXmI,IAAKA,CACHpI,KAAMA,OACNC,QAASA,WACP,MAAO,SAKbS,KA/BF,WA+BA,MACI,OAAO,EAAX,CAEM2H,WAAYA,8CACZC,cAAeA,0BACfC,cAAeA,GAEfC,SAAUA,IACVC,eAAgBA,KAChBC,YAAaA,KAEbC,QAANA,CAAAC,SAEMd,QAAQA,EACRe,MAAOA,CAACA,GACR/K,UAAUA,EACVsG,UAAUA,EACV0E,eAAgBA,CAACA,kBAAmBA,wBAAyBA,kCAAmCA,yBAA0BA,gCAC1HC,WAAYA,CAACA,WAAYA,WAAYA,YACrCC,iBAAkBA,CAACA,QAASA,UAAWA,MAAOA,iBAAkBA,eAAgBA,oBAAqBA,2BAA4BA,WAAYA,uBAAwBA,SACrKC,QAASA,CAACA,UAAWA,UAAWA,gBAAiBA,eAAgBA,YAAaA,iBAAkBA,oBAAqBA,oBAAqBA,UAAWA,OAAQA,SAC7JC,aAAcA,CAACA,cAAeA,SAAUA,oBAAqBA,OAAQA,WAAYA,aAAcA,WAAYA,+BAAjHA,mCACMC,eAAgBA,CAACA,cAAeA,cAAeA,UAAWA,WAAYA,0BAA2BA,SACjGC,aAAcA,CAACA,oBAAqBA,oBAAqBA,kBAAmBA,wBAAyBA,oBAAqBA,gFAAiFA,UAtBjN,iBAuBAC,+CAvBA,oBAwBA,IAxBA,YAyBA,GAzBA,aA0BA,GA1BA,iBA2BA,GA3BA,eA4BA,GA5BA,mBA6BA,GA7BA,cA8BA,IA9BA,aA+BA,GA/BA,YAgCA,CACM7B,WAANA,GACM8B,UAANA,GACMC,GAANA,GACMC,WAANA,aAAQ,OAAR,qDACMC,cAANA,aAAQ,OAAR,qDACMC,YAANA,GACMC,aAANA,GACMb,eAANA,GACMC,WAANA,GACMC,iBAANA,GACMY,cAANA,GACMX,QAANA,GACMY,cAANA,GACMX,aAANA,GACMY,mBAANA,GACMX,eAANA,GACMY,qBAANA,GACMC,cAANA,GACMC,MAANA,GACMC,cAANA,GACMC,MAANA,GACMC,cAANA,GACMC,MAANA,GACMC,SAANA,GACMC,OAANA,GACMC,eAANA,GACMC,cAANA,GACMC,aAANA,GACMC,MAANA,GACM1C,iBAANA,GACMC,aAANA,GACMkB,aAANA,GACMwB,mBAANA,GACMC,MAANA,aAAQ,QAAR,gCAlEA,GAoFE1I,MAAOA,CACLsF,aAAcA,SAAlBA,KAAA,WACMpK,KAAKyN,WAAU,WACb/H,QAAQA,IAAIA,GACR7E,EAAMsJ,aAAeuD,EAASvD,aAChCzE,QAAQA,IAAIA,cACZ,EAAV,gBAIIsE,UAAWA,SAAfA,GACMhK,KAAKyH,MAAM,QAAS5G,KAI1BkE,UACI4I,qBAAsBA,CACpBC,IAAKA,WACH,OAAR,+BACiB5N,KAAK6N,iBAAiB7N,KAAKoK,aAAaS,aAAc,GAEtD7K,KAAK6N,iBAAiB,EAAG,IAIpCC,IAAKA,SAAXA,GACQ9N,KAAKoK,aAAaS,aAAekD,OAAOC,EAASC,QAAQ,YAAa,OAG1EC,wBAAyBA,CACvBN,IAAKA,WACH,OAAR,mCACiB5N,KAAK6N,iBAAiB7N,KAAKoK,aAAaQ,iBAAkB,GAE1D5K,KAAK6N,iBAAiB,EAAG,IAKpCC,IAAKA,SAAXA,GACQ9N,KAAKoK,aAAaQ,iBAAmBmD,OAAOC,EAASC,QAAQ,YAAa,OAI9EE,aA7BJ,WA8BM,MAAN,+BAAanO,KAAKoK,aAAagE,aAE3BC,aAhCJ,WAiCM,MAAN,uBAAarO,KAAKoK,aAAagE,cAK7BvJ,QAASA,WACP7E,KAAKsO,YAGPpJ,QAASA,CACPqJ,gBADJ,SACAC,GACM,OAAOxO,KAAKyO,OAAOC,QAAQH,gBAAgBC,IAE7CG,YAJJ,SAIAC,GACyB,MAAfA,EAAIC,SACN7O,KAAK8O,SAAW,UAChB9O,KAAK+O,QAAQjG,KAAK9I,KAAK8O,YAG3BR,SAVJ,WAWMtO,KAAK2J,SAAU,EACf3J,KAAKgP,QAAU1H,OAAO2H,OAAO,GAAIjP,KAAKoK,cACtCpK,KAAKkP,MAAMvI,KAAKiC,kBACI,QAAhB5I,KAAK8K,QAAoC,KAAhB9K,KAAK8K,QAChCpF,QAAQA,IAAIA,4BAA6BA,KAAKA,cAGhDA,QAAQA,IAAIA,OAAQA,KAAKA,cACzB1F,KAAK2J,SAAU,GAEjBwF,WArBJ,WAsBMnP,KAAKoK,aAAe9C,OAAO2H,OAAO,GAAIjP,KAAKgP,UAE7CI,KAxBJ,WAwBA,4JACA,aACA1J,+BACA,0BACA,4EACA,0FACA,kEAGA,4DAEA2J,GAAA,oCACA,4BACA,iBAbA,wBAeA3J,oCAfA,SAgBA4J,kCAhBA,UAgBA7J,EAhBA,OAiBAC,yCACAD,kBAlBA,wBAmBAC,4CACA,8BACA6J,EAAA9J,eACA,oBACA,aAvBA,mBAwBA,GAxBA,eA0BAC,+CACA8J,yCACA,aA5BA,mBA6BA,GA7BA,uCAiCA9J,oCAjCA,UAkCA4J,kCAlCA,WAkCA7J,EAlCA,OAmCAC,0CACAD,kBApCA,wBAqCAC,4CAEA0E,EAAA3E,eACA,oBACA,aAzCA,mBA0CA,GA1CA,eA4CAC,+CACA8J,yCACA,aA9CA,mBA+CA,GA/CA,+CAmDI3B,iBA3EJ,SA2EAhN,EAAA4O,GAEM,OADAA,EAAMA,GAAOA,EACC,OAAV5O,EACK,EAEF,GAAKA,EAAM6O,QAAQD,GAAKxB,QAAQ,2BAA4B,QAErE0B,SAlFJ,WAmFA,4BACA,0BACU,KAAV,oCAEU,KAAV,sJAUIC,OAjGJ,WAkGM,IAAN,uCACA,qBACA,YACMC,EAANA,qBACMC,EAANA,cACMA,EAANA,gBAEMC,EAANA,kBAGIC,cA5GJ,WA6GM,IAAN,mCACA,qBAEMC,EAANA,+BACMA,EAANA,iCACMC,EAANA,kCAEM,IACEC,aAARA,iCACQA,aAARA,uDACQ,KAAR,yDACA,SACQzK,QAARA,mBAGI0K,gBA5HJ,WA6HM,IAAN,mCACA,qBAEMH,EAANA,iCACMA,EAANA,mCACMC,EAANA,oCAEM,IACEC,aAARA,iCACQA,aAARA,uDACQ,KAAR,2DACA,SACQzK,QAARA,mBAGI2K,gBA5IJ,WA6IM,IAAN,mCACA,qBAEMJ,EAANA,iCACMA,EAANA,mCACMC,EAANA,oCAEM,IACEC,aAARA,uDACQ,KAAR,2DACA,SACQzK,QAARA,mBAGI4K,oBA3JJ,WA+JMH,aAANA,iCAEM,KAAN,wBACM,KAAN,sCACM,KAAN,6DACM,KAAN,oCAIII,oBAxKJ,WA0KMJ,aAANA,iCACM,KAAN,0BACM,KAAN,wCACM,KAAN,iEACM,KAAN,sCAEIK,oBAhLJ,WAkLML,aAANA,iCACM,KAAN,0BACM,KAAN,wCACM,KAAN,iEACM,KAAN,sCAmBIM,gBAzMJ,WA0MM,IAAN,WACA,uDACA,qDACA,UAEM,OAAOC,KCnnBkO,I,6LCQ3O3K,EAAY,eACd,EACAjG,EACA0C,GACA,EACA,KACA,KACA,MAIa,aAAAuD,EAAiB,QAkBhC,IAAkBA,EAAW,CAACE,OAAA,KAAK0K,QAAA,KAAMC,aAAA,OAAaC,UAAA,OAAUC,WAAA,OAAW3K,OAAA,KAAK4K,aAAA,KAAWC,UAAA,KAAQC,QAAA,KAAMC,QAAA,KAAMC,UAAA,KAAQ9K,OAAA,KAAK+K,UAAA,KAAQC,aAAA,Q,kCCrCpI,wCAKe,QAEXC,gBAFW,SAEKC,GAEZ,IAAI3L,EAAQ,WAAa2L,EAAYC,OASrC,OARA5L,GAAS,eAAiB2L,EAAYE,YACtC7L,GAAS,WAAa8L,mBAAmBH,EAAYI,QACjDJ,EAAYK,SACZhM,GAAS,SAAW2L,EAAYK,OACD,SAA3BL,EAAYM,aACZjM,GAAS,UAGVC,OAAIiM,aAAaC,KACpB,2DAA6DnM,EAC7D2L,IAGRS,oBAlBW,SAkBST,GAIhB,OAAO1L,OAAIiM,aAAaC,KACpB,kEACAR,IAGRU,uBA3BW,SA2BYV,GACnB,OAAO1L,OAAIiM,aAAaC,KACpB,kEACAR,IAGRW,kBAjCW,SAiCOX,GACd,OAAO1L,OAAIiM,aAAaC,KACpB,6DACAR,IAGRY,kBAvCW,SAuCOZ,GACd,OAAO1L,OAAIiM,aAAaC,KACpB,6DACAR,IAGRa,kBA7CW,SA6COb,GACd,OAAO1L,OAAIiM,aAAaC,KACpB,6DACAR,IAIVc,SApDa,SAoDJd,GAEP,IAAI3L,EAAQ,WAAa2L,EAAYC,OASrC,OARA5L,GAAS,eAAiB2L,EAAYE,YACtC7L,GAAS,WAAa8L,mBAAmBH,EAAYI,QACjDJ,EAAYK,SACdhM,GAAS,SAAW2L,EAAYK,OACD,SAA3BL,EAAYM,aACdjM,GAAS,UAGNC,OAAIiM,aAAaC,KACtB,oDAAsDnM,EACtD2L,IAGJe,aApEa,SAoEAf,GAIX,OAAO1L,OAAIiM,aAAaC,KACtB,2DACAR,IAGJgB,gBA7Ea,SA6EGhB,GACd,OAAO1L,OAAIiM,aAAaC,KACtB,2DACAR,IAGJiB,WAnFa,SAmFFjB,GACT,OAAO1L,OAAIiM,aAAaC,KACtB,sDACAR,IAGJkB,WAzFa,SAyFFlB,GACT,OAAO1L,OAAIiM,aAAaC,KACtB,sDACAR,IAGJmB,WA/Fa,SA+FFnB,GACT,OAAO1L,OAAIiM,aAAaC,KACtB,sDACAR,IAIJoB,sBAtGa,SAsGSpB,GAEpB,IAAI3L,EAAQ,WAAa2L,EAAYC,OASrC,OARA5L,GAAS,eAAiB2L,EAAYE,YACtC7L,GAAS,WAAa8L,mBAAmBH,EAAYI,QACjDJ,EAAYK,SACdhM,GAAS,SAAW2L,EAAYK,OACD,SAA3BL,EAAYM,aACdjM,GAAS,UAGNC,OAAIiM,aAAaC,KACtB,iEAAmEnM,EACnE2L,IAGJqB,0BAtHa,SAsHarB,GAIxB,OAAO1L,OAAIiM,aAAaC,KACtB,wEACAR,IAGJsB,6BA/Ha,SA+HgBtB,GAC3B,OAAO1L,OAAIiM,aAAaC,KACtB,wEACAR,IAGJuB,wBArIa,SAqIWvB,GACtB,OAAO1L,OAAIiM,aAAaC,KACtB,mEACAR,IAGJwB,wBA3Ia,SA2IWxB,GACtB,OAAO1L,OAAIiM,aAAaC,KACtB,mEACAR,IAGJyB,wBAjJa,SAiJWzB,GACtB,OAAO1L,OAAIiM,aAAaC,KACtB,mEACAR,IAIJ0B,gBAxJa,SAwJG1B,GAEd,IAAI3L,EAAQ,WAAa2L,EAAYC,OASrC,OARA5L,GAAS,eAAiB2L,EAAYE,YACtC7L,GAAS,WAAa8L,mBAAmBH,EAAYI,QACjDJ,EAAYK,SACdhM,GAAS,SAAW2L,EAAYK,OACD,SAA3BL,EAAYM,aACdjM,GAAS,UAGNC,OAAIiM,aAAaC,KACtB,2DAA6DnM,EAC7D2L,IAGJ2B,oBAxKa,SAwKO3B,GAIlB,OAAO1L,OAAIiM,aAAaC,KACtB,kEACAR,IAGJ4B,uBAjLa,SAiLU5B,GACrB,OAAO1L,OAAIiM,aAAaC,KACtB,kEACAR,IAGJ6B,kBAvLa,SAuLK7B,GAChB,OAAO1L,OAAIiM,aAAaC,KACtB,6DACAR,IAGJ8B,kBA7La,SA6LK9B,GAChB,OAAO1L,OAAIiM,aAAaC,KACtB,6DACAR,IAGJ+B,kBAnMa,SAmMK/B,GAChB,OAAO1L,OAAIiM,aAAaC,KACtB,6DACAR,IAGJgC,SAzMa,SAyMJhC,GACP,OAAO1L,OAAIiM,aAAaC,KACtB,2DACAR,IAIFiC,cAhNW,SAgNGjC,GAEZ,IAAI3L,EAAQ,WAAa2L,EAAYC,OASrC,OARA5L,GAAS,eAAiB2L,EAAYE,YACtC7L,GAAS,WAAa8L,mBAAmBH,EAAYI,QACjDJ,EAAYK,SACdhM,GAAS,SAAW2L,EAAYK,OACD,SAA3BL,EAAYM,aACdjM,GAAS,UAGNC,OAAIiM,aAAaC,KACtB,yDAA2DnM,EAC3D2L,IAGJkC,kBAhOW,SAgOOlC,GAIhB,OAAO1L,OAAIiM,aAAaC,KACtB,gEACAR,IAGJmC,qBAzOW,SAyOUnC,GACnB,OAAO1L,OAAIiM,aAAaC,KACtB,gEACAR,IAGJoC,gBA/OW,SA+OKpC,GACd,OAAO1L,OAAIiM,aAAaC,KACtB,2DACAR,IAGJqC,gBArPW,SAqPKrC,GACd,OAAO1L,OAAIiM,aAAaC,KACtB,2DACAR,IAGJsC,gBA3PW,SA2PKtC,GACd,OAAO1L,OAAIiM,aAAaC,KACtB,2DACAR,IAIJ5C,YAlQW,SAkQCC,GACW,MAAfA,EAAIC,SACJiF,OAAMC,MAAMC,MAAMC,KAAO,GACzBC,OAAOpL,KAAK,e,kCC1QxB","file":"js/chunk-baee749c.ea728d59.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"text-center\",attrs:{\"cols\":\"12\",\"sm\":\"12\"}},[_c('v-row',{staticClass:\"pa-1\",attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":((_vm.canUpload && !_vm.$attrs.disabled))?12:12,\"sm\":((_vm.canUpload && !_vm.$attrs.disabled))?8:12}},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!(_vm.canUpload && !_vm.$attrs.disabled)),expression:\"!(canUpload && !$attrs.disabled)\"}]},[_c('v-chip',{staticClass:\"mr-1 mt-1\",attrs:{\"close\":\"\",\"color\":\"primary\",\"text-color\":\"white\",\"close-icon\":\"loop\"},on:{\"click\":_vm.getFiles}},[_vm._v(\"รายการไฟล์แนบ:\")])],1),_c('dropzone',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.canUpload && !_vm.$attrs.disabled),expression:\"canUpload && !$attrs.disabled\"}],ref:\"myVueDropzone\",staticStyle:{\"width\":\"100%\"},attrs:{\"id\":\"customdropzone\",\"options\":_vm.dropzoneOptions,\"include-styling\":true},on:{\"vdropzone-success\":_vm.showSuccess,\"vdropzone-success-multiple\":_vm.successMulti,\"vdropzone-sending\":_vm.sending,\"vdropzone-error\":_vm.vdropzone_error,\"vdropzone-mounted\":function($event){return _vm.setUrl()}}})],1)],1),_c('v-row',{staticClass:\"pa-1\",attrs:{\"no-gutters\":\"\"}},[_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.canUpload && !_vm.$attrs.disabled),expression:\"canUpload && !$attrs.disabled\"}],staticClass:\"my-1\",attrs:{\"cols\":\"12\",\"sm\":\"8\"}},[_c('v-btn',{staticClass:\"hidden-xs-only\",attrs:{\"rounded\":\"\",\"large\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.upup}},[_vm._v(\"upload\")]),_c('v-btn',{staticClass:\"hidden-sm-and-up mx-2\",attrs:{\"fab\":\"\",\"dark\":\"\",\"x-small\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.upup}},[_c('v-icon',{attrs:{\"dark\":\"\"}},[_vm._v(\"mdi-upload-outline\")])],1)],1)],1)],1),_vm._l((_vm.files),function(item,index){return _c('v-col',{key:item.id,staticClass:\"text-left\",attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"12\",\"lg\":\"12\",\"xl\":\"12\"}},[( item.Type !== 'File folder')?_c('v-chip',{staticClass:\"mr-1 mt-1\",attrs:{\"color\":\"green\",\"text-color\":\"white\"}},[(!_vm.$attrs.disabled)?_c('v-avatar',{staticClass:\"green darken-4\",attrs:{\"left\":\"\"},on:{\"click\":function($event){return _vm.deleteFile(item)}}},[_c('v-icon',[_vm._v(\"mdi-delete\")])],1):_vm._e(),_c('div',{attrs:{\"id\":'div_file'+(index+1)},on:{\"click\":function($event){return _vm.openLink(item.Link)}}},[_vm._v(_vm._s(item.Name))])],1):_vm._e()],1)})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-row no-gutters >\r\n      <!-- :url=\"computeURL\" \r\n        :maxFileSizeInMB=\"(1000*maxSize)\"\r\n        :acceptedFileTypes=\"fileType\"\r\n        :useCustomDropzoneOptions=\"true\"\r\n        :autoProcessQueue=\"false\"\r\n        paramName=\"file\"\r\n      \r\n      -->\r\n      <!-- <v-col cols=\"2\" sm=\"2\" class=\"text-center\">\r\n        <v-row no-gutters class=\"pa-1\" >\r\n          <v-col cols=\"12\" sm=\"12\"  class=\"my-1\" v-show=\"canUpload && !$attrs.disabled\">\r\n            <v-btn class=\"hidden-xs-only\" rounded small color=\"primary\" @click=\"upup\">upload</v-btn>\r\n            <v-btn class=\"hidden-sm-and-up mx-2\" fab dark x-small color=\"primary\" @click=\"upup\"><v-icon dark>mdi-upload-outline</v-icon></v-btn>\r\n          </v-col>\r\n          <v-col cols=\"12\" sm=\"12\" v-show=\"canUpload && !$attrs.disabled\">\r\n            <v-btn class=\"hidden-xs-only\" rounded small color=\"primary\" @click=\"getFiles\">reload</v-btn>\r\n            <v-btn class=\"hidden-sm-and-up mx-2\" fab dark x-small color=\"primary\" @click=\"getFiles\"><v-icon dark>loop</v-icon></v-btn>\r\n\r\n          </v-col>\r\n        </v-row>\r\n      </v-col> -->\r\n\r\n      <v-col cols=\"12\" sm=\"12\" class=\"text-center\">\r\n        <v-row no-gutters class=\"pa-1\" >\r\n            <v-col :cols=\"((canUpload && !$attrs.disabled))?12:12\" :sm=\"((canUpload && !$attrs.disabled))?8:12\">\r\n              <!-- v-bind:preview-template=\"template\" -->\r\n              <span v-show=\"!(canUpload && !$attrs.disabled)\">\r\n                <v-chip \r\n                class=\"mr-1 mt-1\"\r\n                close\r\n                color=\"primary\"\r\n                text-color=\"white\"\r\n                close-icon=\"loop\"\r\n                @click=\"getFiles\"\r\n              >รายการไฟล์แนบ:</v-chip>\r\n              </span>\r\n              <dropzone \r\n                style=\"width:100%\"\r\n                id=\"customdropzone\"\r\n                v-show=\"canUpload && !$attrs.disabled\"\r\n                ref=\"myVueDropzone\"\r\n                @vdropzone-success=\"showSuccess\"\r\n                @vdropzone-success-multiple=\"successMulti\"\r\n                @vdropzone-sending=\"sending\"\r\n                @vdropzone-error=\"vdropzone_error\"\r\n                @vdropzone-mounted=\"setUrl()\"\r\n                :options=\"dropzoneOptions\"\r\n                :include-styling=\"true\">\r\n              </dropzone>\r\n            </v-col>\r\n        </v-row>\r\n        \r\n        <v-row no-gutters class=\"pa-1\" >\r\n                <v-col cols=\"12\" sm=\"8\"  class=\"my-1\" v-show=\"canUpload && !$attrs.disabled\">\r\n                  <v-btn class=\"hidden-xs-only\" rounded large color=\"primary\" @click=\"upup\">upload</v-btn>\r\n                  <v-btn class=\"hidden-sm-and-up mx-2\" fab dark x-small color=\"primary\" @click=\"upup\"><v-icon dark>mdi-upload-outline</v-icon></v-btn>\r\n                </v-col>\r\n                <!-- <v-col cols=\"12\" sm=\"4\" v-show=\"canUpload && !$attrs.disabled\">\r\n                  <v-btn class=\"hidden-xs-only\" rounded small color=\"primary\" @click=\"getFiles\">reload</v-btn>\r\n                  <v-btn class=\"hidden-sm-and-up mx-2\" fab dark x-small color=\"primary\" @click=\"getFiles\"><v-icon dark>loop</v-icon></v-btn>\r\n                </v-col> -->\r\n\r\n        </v-row>\r\n\r\n\r\n\r\n      </v-col>\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <!-- </v-row>\r\n    <v-row no-gutters > -->\r\n      <v-col v-for=\"(item,index) in files\" :key=\"item.id\" \r\n             class=\"text-left\" \r\n             cols=\"12\" sm=\"12\" md=\"12\" lg=\"12\" xl=\"12\" >\r\n        <v-chip v-if=\" item.Type !== 'File folder'\"\r\n          class=\"mr-1 mt-1\"\r\n          color=\"green\"\r\n          text-color=\"white\"          \r\n        >\r\n          <!-- close\r\n          close-icon=\"mdi-delete\"\r\n          @click:close=\"deleteFile(item)\" -->\r\n          <!-- <v-avatar left class=\"green darken-4\">\r\n            \r\n          </v-avatar> -->\r\n          <v-avatar left class=\"green darken-4\" @click=\"deleteFile(item)\" v-if=\"!$attrs.disabled\">\r\n            <v-icon>mdi-delete</v-icon>\r\n          </v-avatar>\r\n          <div :id=\"'div_file'+(index+1)\" @click=\"openLink(item.Link)\">{{item.Name}}</div>\r\n        </v-chip>\r\n\r\n      </v-col>\r\n      <!-- <v-col v-for=\"(item,index) in files\" :key=\"item.id\" cols=\"3\" sm=\"4\" md=\"6\"  class=\"ma-0 pa-0\">\r\n        <v-card v-if=\" item.Type !== 'File folder' \">\r\n          <v-card-text class=\"pa-2 text-center\" >\r\n            <a :href=\"item.Link\" target=\"_blank\">\r\n            [{{item.Type}}]\r\n            </a>\r\n            <a @click=\"deleteFile(item)\" target=\"_blank\" v-if=\"canDelete\">\r\n            <v-icon left>delete</v-icon>\r\n            </a>\r\n          </v-card-text>\r\n        </v-card>\r\n      </v-col> -->\r\n    </v-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import Api from '@/services/Api'\r\n  import Dropzone from 'vue2-dropzone'\r\n  // Dropzone-ui / react v.6.7.10\r\n  \r\n  // import bus from '@/components/bus'\r\n  // bus.$on('itisoGetFiles', this.GetFiles)\r\n  export default {\r\n    name: 'drop_zone',\r\n    // props: ['code', 'list', 'dzName', 'maxSize', 'appName', 'canDelete'],\r\n    props: {\r\n      appName: {\r\n        type: String,\r\n        default: ''\r\n      },\r\n      code: {\r\n        type: String,\r\n        default: ''\r\n      },\r\n      list: {\r\n        default: ''\r\n      },\r\n      dzName: {\r\n        type: String,\r\n        default: 'dz'\r\n      },\r\n      maxSize: {\r\n        type: Number,\r\n        default: 2\r\n      },\r\n      canDelete: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      canUpload: {\r\n        type: Boolean,\r\n        default: true\r\n      },\r\n      nameCode: {\r\n        type: String,\r\n        default: ''\r\n      },\r\n      fileType: {\r\n        type: String,\r\n        default: 'image/*,application/pdf,.docx,.xlsx,.pptx'\r\n      },\r\n      files: {\r\n        type: Array,\r\n        default: []\r\n      },\r\n      \r\n    },\r\n    data () {\r\n      return {\r\n        // uploadURL: 'https://httpbin.org/post',\r\n        serverName: process.env.VUE_APP_SERVER_NAME,\r\n        API_PATH: process.env.VUE_APP_API_PATH,\r\n        uploadURL: process.env.VUE_APP_API_PATH + 'api/Upload3/UploadMember.asp',\r\n        uploadedFiles: [],\r\n        uploadError: null,\r\n        currentStatus: null,\r\n        uploadFieldName: 'FileMember', // แก้จากเดิม คือ File\r\n        queryString: '',\r\n        temp: [],\r\n        // files: [],\r\n        dropzoneOptions: {\r\n          url:process.env.VUE_APP_API_PATH,\r\n          acceptedFiles:this.fileType,\r\n          maxFileSizeInMB:(this.maxSize*2000),\r\n          maxFiles : 5, // ไฟล์สูงสุด 5 ไฟล์\r\n          autoProcessQueue:false,\r\n          paramName:\"file\",\r\n          addRemoveLinks: true,\r\n          dictDefaultMessage: \"<i class='mdi mdi-cloud-upload'></i> <br>อัพโหลดไฟล์ \", // ข้อความใน dropzone\r\n      // test add option\r\n          thumbnailWidth: 80,\r\n          thumbnailHeight: 80,\r\n          parallelUploads: 20,\r\n          previews: 'previews',\r\n          // autoQueue: false, // Make sure the files aren't queued until manually added\r\n         \r\n\r\n\r\n\r\n              }\r\n      }\r\n    },\r\n    components: {\r\n      Dropzone\r\n    },\r\n    mounted() {\r\n      this.files = this.fileList\r\n      this.getFiles()\r\n    },\r\n    watch: {\r\n      files: function (val) {\r\n        if (val) {\r\n          this.$nextTick(() => {\r\n            this.$emit('filesChange',val)\r\n          })\r\n        }\r\n      },\r\n      code: function (val) {\r\n        if (val !== '') {\r\n          this.$nextTick(() => {\r\n            this.getFiles()\r\n          })\r\n        }\r\n      },\r\n      list: function (val) {\r\n        if (val !== '') {\r\n          this.$nextTick(() => {\r\n            this.getFiles()\r\n          })\r\n        }\r\n      }\r\n    },\r\n    computed: {\r\n      computeURL() {\r\n        // console.log('this.code', this.code)\r\n        // console.log('this.list', this.list)\r\n        // console.log('this.value', this.value)\r\n        var tempUrl = ''\r\n        if (this.code) {\r\n          // console.log('computeURL', this.uploadURL + '?dropzone=1' + '&id=' + this.code)\r\n          tempUrl = this.uploadURL + '?dropzone=1' + '&id=' + this.code\r\n          if (this.list !== undefined) {\r\n            tempUrl = this.uploadURL + '?dropzone=1' + '&id=' + this.code + '&list=' + this.list\r\n          }\r\n        } else {\r\n          // console.log('computeURL', this.uploadURL + '?dropzone=1')\r\n          tempUrl = this.uploadURL + '?dropzone=1'\r\n        }\r\n        if (this.appName !== undefined) {\r\n          tempUrl += '&app=' + this.appName\r\n        }\r\n        if (this.maxSize !== undefined) {\r\n          tempUrl += '&m=' + this.maxSize\r\n        }\r\n        if (this.nameCode !== undefined) {\r\n          tempUrl += '&nameCode=' + this.nameCode\r\n        }\r\n        // console.log('tempUrl', tempUrl)\r\n        return tempUrl\r\n      }\r\n    },\r\n    methods: {\r\n      openLink (link){\r\n        window.open(link,'_blank')\r\n      },\r\n      sending (file, xhr, formData) {\r\n        // console.log('url', this.$refs.myVueDropzone.url)\r\n        // console.log('sending file', file.name)\r\n        // console.log('sending xhr', xhr.responseURL)\r\n        var fn = encodeURI(file.name)\r\n        // formData.append('encFilename', fn)\r\n        formData.append('filename', fn)\r\n      },\r\n      upup () {\r\n        // console.log('this.computeURL', this.$refs.myVueDropzone.options)\r\n        this.$refs.myVueDropzone.options.url = this.computeURL\r\n        this.$refs.myVueDropzone.dropzone.options.url = this.computeURL\r\n        this.dropzoneOptions.url = this.computeURL\r\n        // console.log('this.computeURL', this.$refs.myVueDropzone.options)\r\n        // console.log('getQueuedFiles()', this.$refs.myVueDropzone.getQueuedFiles())\r\n        // this.$refs.myVueDropzone.setOption('url', this.computeURL)\r\n        // this.$refs.myVueDropzone.setOption('maxFilesize', this.maxSize*1000)\r\n        // this.$refs.myVueDropzone.setOption('url', this.computeURL)\r\n        this.$refs.myVueDropzone.processQueue()\r\n        // console.log('getAcceptedFiles', this.$refs.myVueDropzone.getAcceptedFiles())\r\n        // console.log('getUploadingFiles', this.$refs.myVueDropzone.getUploadingFiles())\r\n        this.temp = this.$refs.myVueDropzone.getUploadingFiles()\r\n        if (this.temp.length > 0) {\r\n          this.temp = this.temp[0].xhr\r\n        }\r\n      },\r\n      previewTemplate () {\r\n        return `\r\n                <div class=\"dz-preview dz-file-preview\">\r\n                  <div class=\"dz-details\">\r\n                    <div class=\"dz-filename\"><span data-dz-name></span></div>\r\n                    <div class=\"dz-size\" data-dz-size></div>\r\n                    <img data-dz-thumbnail />\r\n                  </div>\r\n                  <div class=\"dz-progress\"><span class=\"dz-upload\" data-dz-uploadprogress></span></div>\r\n                  <div class=\"dz-success-mark\"><span>✔</span></div>\r\n                  <div class=\"dz-error-mark\"><span>✘</span></div>\r\n                  <div class=\"dz-error-message\"><span data-dz-errormessage></span></div>\r\n                </div>\r\n              `\r\n      },\r\n      successMulti (files, response) {\r\n        // console.log('file', file)\r\n        // console.log('files', files)\r\n        // console.log('response', response)\r\n      },\r\n      vdropzone_error (file) {\r\n        console.log('error', file)\r\n      },\r\n      showSuccess (file) {\r\n        console.log('error', file)\r\n        this.files = this.files.filter(function(ele) {\r\n          return ele.Name !== JSON.parse(file.xhr.responseText)[0].Name\r\n        })\r\n        this.files.push(JSON.parse(file.xhr.responseText)[0])\r\n\r\n        this.$refs.myVueDropzone.removeFile(file)\r\n        // console.log('A file was successfully uploaded')\r\n        this.$emit('uploadSuccess', file)\r\n      },\r\n      hasFiles () {\r\n        return (this.files.length > 0)\r\n      },\r\n      getFiles () {\r\n        // console.log('dropzone getFiles()')\r\n        this.files = []\r\n        // var param // = '&id=' + credentials.id\r\n        // console.log('getFiles ....... param', param)\r\n        // if (this.code === '') return\r\n        // if (this.list === 'undefined' || this.list === undefined) return\r\n        var param = {}\r\n        param.appName = this.appName\r\n        param.ID = this.code \r\n        param.nameCode = this.nameCode\r\n        param.List = this.list\r\n        // console.log('param this.code', this.code)\r\n        // console.log('param', param)\r\n        Api.httpServer().post(this.API_PATH + 'taimember/default.asp?controller=pfile&action=getfile', param)\r\n        .then((response) => {\r\n          var dataItem = response.data.data\r\n          if (dataItem.length > 0) {\r\n            this.files = dataItem\r\n            // console.log('files', this.files)\r\n          } else {\r\n            this.files = []\r\n          }\r\n          // this.$emit('uploadSuccess', this.files)\r\n        })\r\n      },\r\n      deleteFile (file) {\r\n        if (!confirm('ต้องการลบไฟล์นี้ใช่หรือไม่ ?')) return\r\n        // console.log('delete file', file)\r\n        Api.httpServer().post(this.API_PATH + 'taimember/default.asp?controller=pfile&action=deletefile', file)\r\n        .then((response) => {\r\n          var dataItem = response.data.data\r\n          // console.log('response', response.data.data)\r\n          if (dataItem.deleted) {\r\n            // console.log('before remove files', this.files)\r\n            this.files = this.files.filter(function(ele) {\r\n              return ele.Name !== file.Name\r\n            })\r\n            // console.log('after remove files', this.files)\r\n            this.$emit('uploadSuccess', this.files)\r\n          }\r\n        })\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style scoped>\r\n/* .dropzone .dz-preview .dz-progress {\r\n    opacity: 1;\r\n    z-index: 1000;\r\n    pointer-events: none;\r\n    position: absolute;\r\n    height: 16px;\r\n    left: 50%;\r\n    top: 25%;\r\n    margin-top: -8px;\r\n    width: 80px;\r\n    margin-left: -40px;\r\n    background: hsla(0, 5%, 85%, 0.9);\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n} */\r\n    /* -webkit-transform: scale(1); */\r\n/* .vue-dropzone>.dz-preview .dz-remove:hover {\r\n    padding: 0px !important; \r\n    font-size: .5rem !important;\r\n}\r\n\r\n.vue-dropzone>.dz-preview .dz-details:hover {\r\n    height: 100% !important;\r\n} */\r\n\r\n\r\n</style>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./dropzonemember.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./dropzonemember.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./dropzonemember.vue?vue&type=template&id=27f397c2&scoped=true\"\nimport script from \"./dropzonemember.vue?vue&type=script&lang=js\"\nexport * from \"./dropzonemember.vue?vue&type=script&lang=js\"\nimport style0 from \"./dropzonemember.vue?vue&type=style&index=0&id=27f397c2&prod&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  \"27f397c2\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAvatar } from 'vuetify/lib/components/VAvatar';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VAvatar,VBtn,VChip,VCol,VIcon,VRow})\n","// Components\nimport VInput from '../VInput/VInput'\n\n// Mixins\nimport mixins from '../../util/mixins'\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Helpers\nimport { VNode } from 'vue'\n\ntype ErrorBag = Record<number, boolean>\ntype VInputInstance = InstanceType<typeof VInput>\ntype Watchers = {\n  _uid: number\n  valid: () => void\n  shouldValidate: () => void\n}\n\n/* @vue/component */\nexport default mixins(\n  BindsAttrs,\n  RegistrableProvide('form')\n  /* @vue/component */\n).extend({\n  name: 'v-form',\n\n  provide (): object {\n    return { form: this }\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: Boolean,\n    lazyValidation: Boolean,\n    readonly: Boolean,\n    value: Boolean,\n  },\n\n  data: () => ({\n    inputs: [] as VInputInstance[],\n    watchers: [] as Watchers[],\n    errorBag: {} as ErrorBag,\n  }),\n\n  watch: {\n    errorBag: {\n      handler (val) {\n        const errors = Object.values(val).includes(true)\n\n        this.$emit('input', !errors)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  methods: {\n    watchInput (input: any): Watchers {\n      const watcher = (input: any): (() => void) => {\n        return input.$watch('hasError', (val: boolean) => {\n          this.$set(this.errorBag, input._uid, val)\n        }, { immediate: true })\n      }\n\n      const watchers: Watchers = {\n        _uid: input._uid,\n        valid: () => {},\n        shouldValidate: () => {},\n      }\n\n      if (this.lazyValidation) {\n        // Only start watching inputs if we need to\n        watchers.shouldValidate = input.$watch('shouldValidate', (val: boolean) => {\n          if (!val) return\n\n          // Only watch if we're not already doing it\n          if (this.errorBag.hasOwnProperty(input._uid)) return\n\n          watchers.valid = watcher(input)\n        })\n      } else {\n        watchers.valid = watcher(input)\n      }\n\n      return watchers\n    },\n    /** @public */\n    validate (): boolean {\n      return this.inputs.filter(input => !input.validate(true)).length === 0\n    },\n    /** @public */\n    reset (): void {\n      this.inputs.forEach(input => input.reset())\n      this.resetErrorBag()\n    },\n    resetErrorBag () {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {}\n        }, 0)\n      }\n    },\n    /** @public */\n    resetValidation () {\n      this.inputs.forEach(input => input.resetValidation())\n      this.resetErrorBag()\n    },\n    register (input: VInputInstance) {\n      this.inputs.push(input)\n      this.watchers.push(this.watchInput(input))\n    },\n    unregister (input: VInputInstance) {\n      const found = this.inputs.find(i => i._uid === input._uid)\n\n      if (!found) return\n\n      const unwatch = this.watchers.find(i => i._uid === found._uid)\n      if (unwatch) {\n        unwatch.valid()\n        unwatch.shouldValidate()\n      }\n\n      this.watchers = this.watchers.filter(i => i._uid !== found._uid)\n      this.inputs = this.inputs.filter(i => i._uid !== found._uid)\n      this.$delete(this.errorBag, found._uid)\n    },\n  },\n\n  render (h): VNode {\n    return h('form', {\n      staticClass: 'v-form',\n      attrs: {\n        novalidate: true,\n        ...this.attrs$,\n      },\n      on: {\n        submit: (e: Event) => this.$emit('submit', e),\n      },\n    }, this.$slots.default)\n  },\n})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.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/vue-loader/lib/index.js??vue-loader-options!./attachEdit.vue?vue&type=style&index=0&id=72e603f2&prod&lang=css\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{staticClass:\"elevation-0\",attrs:{\"loading\":_vm.loading}},[_c('v-form',{ref:\"form\",attrs:{\"lazy-validation\":_vm.lazy},model:{value:(_vm.formValid),callback:function ($$v) {_vm.formValid=$$v},expression:\"formValid\"}},[_c('v-container',{attrs:{\"fluid\":\"\",\"fill-height\":\"\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"hidden\":\"\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"pr-2\",attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('v-text-field',{attrs:{\"counter\":\"20\",\"dense\":_vm.text_filled,\"filled\":_vm.text_filled,\"label\":\"_MemberCode_\",\"rules\":_vm.rules.MemberCode},model:{value:(_vm.itemSelected.MemberCode),callback:function ($$v) {_vm.$set(_vm.itemSelected, \"MemberCode\", $$v)},expression:\"itemSelected.MemberCode\"}})],1)],1)],1),(_vm.com_memType2)?_c('v-col',{staticClass:\"pr-2\",attrs:{\"cols\":\"12\",\"sm\":\"12\",\"offset-md\":\"2\"}},[_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\",\"text-left\":\"\"}},[_c('v-flex',{attrs:{\"xs-12\":\"\"}},[_c('div',[_c('strong',[_vm._v(\"ไฟล์แนบ: \"),_c('span',{staticStyle:{\"color\":\"red\"}},[_vm._v(\"กรุณากดปุ่ม Upload เพื่อส่งเอกสาร\")])]),_vm._v(\" \")]),(true)?_c('dropzonemember',{ref:\"dz\",attrs:{\"dzName\":\"member_Att\",\"appName\":'member',\"nameCode\":'*',\"code\":_vm.itemSelected.MemberCode,\"list\":'',\"maxSize\":2,\"canDelete\":true,\"canUpload\":true,\"clickable\":false},on:{\"uploadSuccess\":_vm.test}}):_vm._e()],1)],1)],1):_vm._e(),(_vm.com_memType2)?_c('v-col',{staticClass:\"pr-2\",staticStyle:{\"margin-top\":\"25px\"},attrs:{\"cols\":\"12\",\"sm\":\"12\"}},[_c('v-dialog',{attrs:{\"width\":\"800px\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn undefined}}],null,false,1085732911),model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',[_c('v-card-title',[_c('span',{staticClass:\"text-h5\"},[_vm._v(\"ข้อตกลงและเงื่อนไขการสมัครสมาชิกสถาบันยานยนต์ออนไลน์\")])]),_c('v-card-text',[_vm._v(\"\\n                        การสมัครสมาชิกสถาบันยานยนต์ออนไลน์ เป็นแพลตฟอร์มที่ถูกสร้างขึ้น เพื่อใช้เป็นช่องทางในการอำนวยความสะดวกและประชาสัมพันธ์ ข้อมูล ข่าวสารที่น่าสนใจผ่านช่องทางออนไลน์ โดย\"),_c('b',[_vm._v(\"ผู้สมัครสมาชิกสถาบันยานยนต์ (ผู้สมัครฯ)\")]),_vm._v(\" สามารถขอรับบริการและใช้บริการบนเว็บไซต์เกี่ยวกับการเรียนรู้ผ่านช่องทางดังกล่าวได้\"),_c('br'),_vm._v(\"\\n                        การตกลงสมัครสมาชิกสถาบันยานยนต์ออนไลน์ ถือว่าผู้สมัครได้อ่านและทำความเข้าใจข้อตกลงและเงื่อนไขแพลตฟอร์มออนไลน์ (ซึ่งต่อไปจะเรียกว่า “ข้อตกลงและเงื่อนไข”) โดยละเอียดแล้ว และผู้ใช้บริการยอมรับข้อตกลงและเงื่อนไขทุกประการ\"),_c('br'),_vm._v(\"\\n                        ทั้งนี้ \"),_c('b',[_vm._v(\"อุตสาหกรรมพัฒนามูลนิธิ สถาบันยานยนต์ (“สถาบันยานยนต์”)\")]),_vm._v(\" ขอสงวนสิทธิในการปรับเปลี่ยนเงื่อนไขของข้อตกลงและเงื่อนไขฉบับนี้ได้โดยไม่ต้องแจ้งให้ทราบล่วงหน้า โดยผู้สมัครสมาชิกฯ ยอมรับการแจ้งเตือนหรือแจ้งการเปลี่ยนแปลงผ่านอีเมล และผู้ใช้บริการตกลงยอมรับข้อผูกพันใด ๆ ที่เกิดจากการเปลี่ยนแปลงข้อตกลงและเงื่อนไขฉบับนี้หลังจากมีการแจ้งเตือนดังกล่าวเป็นเวลา 24 ชั่วโมง \"),_c('br'),_c('ol',[_c('li',[_c('b',[_vm._v(\"การดำเนินการเกี่ยวกับข้อมูลส่วนบุคคล\")]),_c('ol',[_c('li',[_vm._v(\"“ข้อมูลส่วนบุคคล” หมายความรวมถึง\\n                                        \"),_c('ol',[_c('li',[_vm._v(\"ข้อมูลส่วนตัว ได้แก่ ชื่อ นามสกุล ชื่อธุรกิจ ประเภทธุรกิจ\")]),_c('li',[_vm._v(\"ข้อมูลการติดต่อ ได้แก่ ที่อยู่ สถานที่ทำงาน หมายเลขโทรศัพท์ อีเมล\")])])]),_c('li',[_vm._v(\"วัตถุประสงค์ของการเก็บรวบรวม ใช้ เปิดเผย ข้อมูลส่วนบุคคล\\n                                        \"),_c('ol',[_c('li',[_vm._v(\"เพื่อเป็นฐานข้อมูลในการวิเคราะห์และจัดทำแผนการการให้บริการ\")]),_c('li',[_vm._v(\"เพื่อเป็นฐานข้อมูลในการวิจัยหรือจัดทำสถิติ การปรับปรุงคุณภาพของการให้บริการของสถาบันยานยนต์ การโฆษณาและจัดทำข่าวประชาสัมพันธ์\")]),_c('li',[_vm._v(\"เพื่อเป็นฐานข้อมูลในการติดต่อกลับเพื่อนำเสนอบริการต่าง ๆ ของสถาบันยานยนต์ \")])])]),_c('li',[_vm._v(\"การแบ่งปันข้อมูลให้แก่บุคคลที่สาม\")]),_vm._v(\"\\n                                            สถาบันยานยนต์ จะเปิดเผยข้อมูลส่วนบุคคลของผู้ใช้บริการแก่บุคคลที่สามใด ๆ ที่จำเป็นต้องใช้ข้อมูลดังกล่าว เพื่อวัตถุประสงค์ตามข้อ 1.2 โดยบุคคลที่สามหมายความรวมถึง ผู้แทนในการให้บริการที่ได้รับมอบหมายในงานบริการนั้น ๆ \\n                                      \"),_c('li',[_vm._v(\"เงื่อนไขอื่น ๆ ที่เกี่ยวข้องกับการประมวลผลข้อมูลส่วนบุคคล\\n                                        \"),_c('ol',[_c('li',[_vm._v(\"สถาบันยานยนต์จะเก็บรวบรวมใช้ และเปิดเผยข้อมูลส่วนบุคคลของสมาชิกฯ เพื่อวัตถุประสงค์ตามข้อ 1.2 เท่านั้น\")]),_c('li',[_vm._v(\"สถาบันยานยนต์ จะดูแลไม่ให้ผู้ปฏิบัติงานของสถาบันยานยนต์ เปิดเผย แสดง หรือทำให้ปรากฏในลักษณะอื่นใดซึ่งข้อมูลส่วนบุคคลของผู้ใช้บริการต่อบุคคลภายนอก เว้นแต่จะเป็นไปตามเงื่อนไขภายใต้กฎหมายคุ้มครองข้อมูลส่วนบุคคล\")]),_c('li',[_vm._v(\"สถาบันยานยนต์ กำหนดให้มีมาตรการในการรักษาความมั่นคงปลอดภัยของข้อมูลส่วนบุคคลอย่างเหมาะสมและสอดคล้องกับการรักษาความลับของข้อมูลส่วนบุคคล\")]),_c('li',[_vm._v(\"ผู้สมัครสมาชิกฯ สามารถใช้สิทธิในความเป็นส่วนตัวของข้อมูลส่วนบุคคลได้ตามเงื่อนไข  ภายใต้กฎหมายคุ้มครองข้อมูลส่วนบุคคล โดยแจ้งความประสงค์มาที่ สถาบันยานยนต์ (สำนักงานกล้วยน้ำไท) ชั้น 3-4 อาคารสำนักพัฒนาอุตสาหกรรมรายสาขา (สพข.) ซ.ตรีมิตร กล้วยน้ำไท ถ.พระรามที่ 4 แขวงคลองเตย เขตคลองเตย กรุงเทพฯ 10110 หมายเลขโทรศัพท์: 02 712 2414\")]),_c('li',[_vm._v(\"สถาบันยานยนต์ จะเก็บ ใช้ และเปิดเผยข้อมูลส่วนบุคคลของผู้สมัครสมาชิกฯ ตราบเท่าที่จำเป็น\")])])])])]),_c('li',[_c('b',[_vm._v(\"เครื่องหมายการค้า เครื่องหมายบริการ ลิขสิทธิ์ และสิทธิในทรัพย์สินทางปัญญาอื่น ๆ\")])]),_vm._v(\"\\n                                  ข้อมูลที่กำหนดหรือแสดงอยู่ใน www.thaiauto.or.th เป็นทรัพย์สินของสถาบันฯ โดยหมายความรวมถึง เครื่องหมายการค้า เครื่องหมายบริการ ชื่อทางการค้า และสัญลักษณ์ทั้งหมดที่อ้างอิงหรือกำหนดอยู่บนเว็บไซต์ โดยไม่จำต้องคำนึงถึงว่าเครื่องหมายการค้า เครื่องหมายบริการ และสัญลักษณ์ดังกล่าว ได้รับการจดทะเบียนแล้วหรือไม่ (ซึ่งรวมเรียกว่า \\\"เครื่องหมายการค้า\\\")\"),_c('br'),_vm._v(\"\\n                                  สถาบันยานยนต์ ไม่อนุญาตหรือให้สิทธิในการใช้ข้อมูลและเครื่องหมายการค้าใด ๆ ที่กล่าวข้างต้น รวมถึงไม่อนุญาตให้กระทำการใด ๆ อันเป็นการเปลี่ยนแปลง แก้ไข ทำใหม่ ทำซ้ำ ดาวน์โหลด์ ส่งผ่าน (ไม่ว่าในรูปแบบ ใด ๆ หรือโดยวิธีการใด ๆ) หรือใช้ในลักษณะใด ๆ ก็ตามเพื่อวัตถุประสงค์ในทางการค้า เว้นแต่จะได้รับความยินยอมเป็นลายลักษณ์อักษรล่วงหน้าจากสถาบันยานยนต์ก่อน\"),_c('br'),_c('li',[_c('b',[_vm._v(\"การบอกเลิกข้อตกลงและเงื่อนไข ข้อจำกัดในการเข้าสู่ข้อมูล และข้อห้ามการใช้งาน\")]),_vm._v(\"\\n                              ในกรณีที่สถาบันยานยนต์ เห็นว่าข้อใดข้อหนึ่งดังต่อไปนี้เกิดขึ้นหรืออาจจะเกิดขึ้นกับผู้สมัครสมาชิกฯ สถาบันฯ สามารถใช้ดุลพินิจแต่เพียงผู้เดียวในการบอกเลิกข้อตกลงและเงื่อนไขนี้ หรือการยกเลิกการให้เข้าสู่ข้อมูลไม่ว่าบางส่วนหรือทั้งหมดของ สถาบันยานยนต์ รวมทั้งบริการที่เกี่ยวข้องในส่วนใด ๆ ของสถาบันฯ โดยไม่จำเป็น ต้องแจ้งให้ผู้ใช้บริการทราบล่วงหน้า โดยสถาบันฯ ไม่มีหน้าที่รับผิดชอบต่อความเสียหายที่เกิดขึ้นแก่ผู้ใช้บริการจากการบอกเลิกข้อตกลงและเงื่อนไขดังกล่าว\\n                                  \"),_c('ol',[_c('li',[_vm._v(\"ในกรณีที่ผู้สมัครสมาชิกสถาบันยานยนต์ สำหรับวัตถุประสงค์ที่ไม่ชอบด้วยกฎหมาย\")]),_c('li',[_vm._v(\"ในกรณีที่สถาบันยานยนต์เชื่อว่ามีการขาดความน่าเชื่อถือของผู้ใช้บริการ\")]),_c('li',[_vm._v(\"ในกรณีที่ผู้สมัครสมาชิกฯ ไม่สามารถติดต่อในช่องทางที่ให้ไว้ได้ในระยะเวลา 1 ปี ตามเงื่อนไขที่สถาบันยานยนต์ กำหนด\")]),_c('li',[_vm._v(\"ในกรณีที่ผู้ใช้บริการได้ดำเนินการที่สถาบันยานยนต์ เห็นว่าไม่เหมาะสม\")])])]),_c('li',[_c('b',[_vm._v(\"ข้อจำกัดความรับผิด\")]),_c('ol',[_c('li',[_vm._v(\"เมื่อผู้สมัครสมาชิกฯ ได้ลงทะเบียนสมัครสมาชิก แล้ว สถาบันยานยนต์ จะทำการเก็บรักษาข้อมูลสำหรับการเข้าใช้งานไว้โดยไม่เปิดเผยต่อผู้อื่นหรือเปิดเผยต่อสาธารณะ หากข้อมูลดังกล่าวถูกเปิดเผยจากการกระทำของผู้ใช้บริการไม่ว่าโดยทางตรงหรือทางอ้อม สถาบันยานยนต์ จะไม่รับผิดชอบต่อการกระทำนั้น ๆ\")]),_c('li',[_vm._v(\"สมาชิกฯ ต้องไม่กระทำการใด ๆ อันเป็นเหตุให้เกิดความเสียหายต่อบุคคลภายนอก หรือไม่กระทำการใดๆ อันเป็นความผิดต่อพระราชบัญญัติว่าด้วยการกระทำความผิดเกี่ยวกับคอมพิวเตอร์ พ.ศ. 2560 หรือกฎหมายอื่นใด หากสถาบันยานยนต์ ตรวจพบว่ามีการกระทำหรืองดเว้นการกระทำใดดังกล่าวข้างต้น สถาบันยานยนต์ สามารถยกเลิกการให้บริการ และ/หรือ ระงับบัญชีผู้ใช้งานได้ และหากการกระทำดังกล่าวข้างต้นก่อให้เกิดความเสียหายต่อ สถาบันยานยนต์ ผู้ใช้บริการจะต้องรับผิดชอบในความเสียหายต่อสถาบันยานยนต์ ตามมูลค่าความเสียหายที่เกิดขึ้นจริง\")]),_c('li',[_vm._v(\"สถาบันยานยนต์ ไม่ได้ให้คำรับรองหรือรับประกันโดยชัดแจ้งหรือโดยปริยายแต่อย่างใด เกี่ยวกับความเหมาะสม ความน่าเชื่อถือ ความมีอยู่และใช้งานได้ทันกาล ทันเวลา การไม่มีไวรัสหรือสิ่งอื่นใดที่เป็นอันตราย รวมทั้งความถูกต้องของข้อมูล ซอฟท์แวร์ สินค้าและรูปแบบแผนผังใด ๆ ที่เกี่ยวข้องที่ปรากฏอยู่บน สถาบันยานยนต์ ทั้งนี้ ไม่ว่าจะเพื่อวัตถุประสงค์ใด ๆ ก็ตาม\\n                                    สถาบันยานยนต์ ไม่มีความรับผิดและจะไม่รับผิดสำหรับความสูญเสียหรือความเสียหายใด ๆ ที่เกิดขึ้นไม่ว่าจะโดยตรงหรือโดยอ้อม (รวมทั้งความสูญเสียหรือความเสียหายกรณีพิเศษ) จากการใช้ สถาบันยานยนต์ โดยผู้สมัครสมาชิก\")])])]),_c('li',[_c('b',[_vm._v(\"การรักษาข้อมูลความลับ\")])]),_vm._v(\"\\n                          สถาบันยานยนต์ ตกลงที่จะดูแลรักษาข้อมูลความลับของสมาชิกฯ เพื่อให้เป็นความลับ โดยจะไม่เปิดเผยข้อมูลของผู้ให้บริการให้บุคคลใดทราบ เว้นแต่จะได้รับความยินยอมเป็นลายลักษณ์อักษรจากสมาชิกฯ และ/หรือ เป็นการขอข้อมูลตามที่กฎหมายกำหนด\\n                          \\n                          \"),_c('li',[_c('b',[_vm._v(\"ช่องทางการติดต่อ\")])]),_vm._v(\"\\n                          สถาบันยานยนต์ (สำนักงานกล้วยน้ำไท) ชั้น 3-4 อาคารสำนักพัฒนาอุตสาหกรรมรายสาขา (สพข.) ซ.ตรีมิตร กล้วยน้ำไท ถ.พระรามที่ 4 แขวงคลองเตย เขตคลองเตย กรุงเทพฯ 10110\"),_c('br'),_vm._v(\"\\n                          หมายเลขโทรศัพท์ : 02 712 2414\"),_c('br'),_vm._v(\"\\n                          Website: \"),_c('a',{attrs:{\"href\":\"www.thaiauto.or.th\"}},[_vm._v(\"www.thaiauto.or.th\")]),_c('br'),_c('li',[_c('b',[_vm._v(\"กฎหมายที่ใช้บังคับ\")])]),_vm._v(\"\\n                          การตีความและการบังคับตามข้อตกลงและเงื่อนไขฉบับนี้ให้เป็นไปตามกฎหมายไทย\\n                        \")])]),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"green darken-1\",\"text\":\"\"},on:{\"click\":function($event){_vm.dialog = false}}}),_c('v-btn',{attrs:{\"color\":\"green darken-1\",\"text\":\"\"},on:{\"click\":function($event){_vm.dialog = false}}},[_vm._v(\"\\n                      Close\")])],1)],1)],1)],1):_vm._e()],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!--Update 28/03/2022 09:09:21  D:\\www\\thaiauto\\tainetv2\\Book\\src\\components\\taimember\\quizEdit.vue-->\r\n  <v-card :loading=\"loading\" class=\"elevation-0\" >   \r\n    <!-- {{itemSelected}}   \r\n    {{pom}} -->\r\n    <v-form\r\n      ref=\"form\"\r\n      v-model=\"formValid\"\r\n      :lazy-validation=\"lazy\"\r\n    >\r\n      <v-container fluid fill-height >\r\n        <v-row no-gutters>\r\n\r\n          <v-col cols=\"12\" sm=\"12\" hidden>\r\n            <v-row no-gutters>\r\n              <v-col cols=\"12\" sm=\"6\" class=\"pr-2\">\r\n                <v-text-field counter=\"20\" :dense=\"text_filled\" :filled=\"text_filled\"\r\n                  label=\"_MemberCode_\"\r\n                  v-model=\"itemSelected.MemberCode\"\r\n                  :rules=\"rules.MemberCode\"\r\n                ></v-text-field>\r\n              </v-col>\r\n            </v-row>\r\n          </v-col>\r\n\r\n\r\n          \r\n                      <!-- <v-col cols=\"12\" sm=\"4\" class=\"pr-2\">\r\n                        <v-text-field :prefix=\"currency\" ref=\"Register_capital\" counter=\"100\" label=\"ทุนจดทะเบียน(ล้านบาท)\" v-model=\"initialBalanceFormatted\" :rules=\"rules.Register_capital\" :dense=\"text_filled\" :filled=\"text_filled\" />\r\n                      </v-col>\r\n                      <v-col cols=\"12\" sm=\"4\" class=\"pr-2\">\r\n                        <v-text-field :prefix=\"currency\" ref=\"Paid_capital\" counter=\"100\" label=\"ทุนชำระแล้ว(ล้านบาท)\" v-model=\"initialPaidFormatted\" :rules=\"rules.Paid_capital\" :dense=\"text_filled\" :filled=\"text_filled\" />\r\n                      </v-col>\r\n                      <v-col cols=\"12\" sm=\"6\" class=\"pr-2\">\r\n                        <v-text-field ref=\"agree\" counter=\"100\" label=\"_agree_\" v-model=\"itemSelected.agree\" :rules=\"rules.agree\" :dense=\"text_filled\" :filled=\"text_filled\" />\r\n                      </v-col>\r\n\r\n                      <v-col v-if=\"com_memType2\" cols=\"12\" sm=\"12\"  class=\"pr-2\">\r\n                        เอกสารประกอบการพิจารณา (แนบพร้อมใบสมัคร) และรับรองสำเนาถูกต้อง โดยผู้มีอำนาจลงนาม (Please upload the following for this application:)\r\n                      </v-col>\r\n                      <v-col v-if=\"com_memType2\" cols=\"12\" sm=\"6\" offset-md=\"2\" class=\"pr-2\">\r\n                        <v-file-input show-size counter multiple label=\"1. สำเนาหนังสือรับรองการจดทะเบียนกระทรวงพาณิชย์\" hint=\"ขนาดไฟล์ไม่เกิน 2 mb\" persistent-hint  />\r\n                        <v-file-input show-size counter multiple label=\"2. สำเนา ภ.พ. 20 หรือ ภ.พ.01 , 09\" hint=\"ขนาดไฟล์ไม่เกิน 2 mb\" persistent-hint  />\r\n                        <v-file-input show-size counter multiple label=\"3. สำเนาใบอนุญาตประกอบกิจการโรงงาน (ถ้ามี)\" hint=\"ขนาดไฟล์ไม่เกิน 2 mb\" persistent-hint  />\r\n                        <v-file-input show-size counter multiple label=\"4. แผนที่โรงงาน/สำนักงาน\" hint=\"ขนาดไฟล์ไม่เกิน 2 mb\" persistent-hint  />\r\n                        <v-file-input show-size counter multiple label=\"5. Company Profile (ถ้ามี)\" hint=\"ขนาดไฟล์ไม่เกิน 2 mb\" persistent-hint  />          \r\n                      </v-col> -->\r\n                      <!-- <v-col v-if=\"com_memType2\" cols=\"12\" sm=\"6\" class=\"pr-2\">\r\n                        <v-file-input show-size counter multiple label=\"2. สำเนา ภ.พ. 20 หรือ ภ.พ.01 , 09\" hint=\"ขนาดไฟล์ไม่เกิน 2 mb\" persistent-hint  />\r\n                      </v-col>\r\n                      <v-col v-if=\"com_memType2\" cols=\"12\" sm=\"4\" class=\"pr-2\">\r\n                        <v-file-input show-size counter multiple label=\"3. สำเนาใบอนุญาตประกอบกิจการโรงงาน (ถ้ามี)\" hint=\"ขนาดไฟล์ไม่เกิน 2 mb\" persistent-hint  />\r\n                      </v-col>\r\n                      <v-col v-if=\"com_memType2\" cols=\"12\" sm=\"4\" class=\"pr-2\">\r\n                        <v-file-input show-size counter multiple label=\"4. แผนที่โรงงาน/สำนักงาน\" hint=\"ขนาดไฟล์ไม่เกิน 2 mb\" persistent-hint  />\r\n                      </v-col>\r\n                      <v-col v-if=\"com_memType2\" cols=\"12\" sm=\"4\" class=\"pr-2\">\r\n                        <v-file-input show-size counter multiple label=\"5. Company Profile (ถ้ามี)\" hint=\"ขนาดไฟล์ไม่เกิน 2 mb\" persistent-hint  />\r\n                      </v-col> -->\r\n\r\n                      <!-- term -->\r\n                      <!-- <v-col v-if=\"com_memType2\" cols=\"12\" sm=\"6\" offset-md=\"2\" class=\"pr-2\">\r\n                        <v-file-input show-size counter multiple label=\"1. สำเนาหนังสือรับรองการจดทะเบียนกระทรวงพาณิชย์\" hint=\"ขนาดไฟล์ไม่เกิน 2 mb\" persistent-hint  />\r\n                        <v-file-input show-size counter multiple label=\"2. สำเนา ภ.พ. 20 หรือ ภ.พ.01 , 09\" hint=\"ขนาดไฟล์ไม่เกิน 2 mb\" persistent-hint  />\r\n                        <v-file-input show-size counter multiple label=\"3. สำเนาใบอนุญาตประกอบกิจการโรงงาน (ถ้ามี)\" hint=\"ขนาดไฟล์ไม่เกิน 2 mb\" persistent-hint  />\r\n                        <v-file-input show-size counter multiple label=\"4. แผนที่โรงงาน/สำนักงาน\" hint=\"ขนาดไฟล์ไม่เกิน 2 mb\" persistent-hint  />\r\n                        <v-file-input show-size counter multiple label=\"5. Company Profile (ถ้ามี)\" hint=\"ขนาดไฟล์ไม่เกิน 2 mb\" persistent-hint  />          \r\n                      </v-col>\r\n            -->\r\n            \r\n          <v-col v-if=\"com_memType2\" cols=\"12\" sm=\"12\" offset-md=\"2\" class=\"pr-2\" >\r\n\r\n                            <v-layout row wrap text-left>\r\n                              <v-flex xs-12>\r\n                                <div><strong>ไฟล์แนบ: <span style=\"color: red\">กรุณากดปุ่ม Upload เพื่อส่งเอกสาร</span></strong>&nbsp;</div>\r\n                                <dropzonemember\r\n                                  v-if=\"true\" \r\n                                  @uploadSuccess=\"test\"\r\n                                  dzName=\"member_Att\"\r\n                                  ref=\"dz\"\r\n                                  :appName=\"'member'\"\r\n                                  :nameCode=\"'*'\"\r\n                                  :code=\"itemSelected.MemberCode\"\r\n                                  :list=\"''\"  \r\n                                  :maxSize=\"2\"\r\n                                  :canDelete=\"true\"\r\n                                  :canUpload=\"true\"\r\n                                  :clickable=\"false\"\r\n                                ></dropzonemember>\r\n                                <!-- nameCode=ชื่อไฟล์, appname=ชื่อโฟลเดอร์, code=Subfolder -->\r\n                              </v-flex>\r\n                            </v-layout>\r\n          </v-col>\r\n            <!-- <v-col v-if=\"com_memType2\" cols=\"12\" sm=\"6\" offset-md=\"2\" class=\"pr-2\" style=\"margin-top: 16px;\">\r\n\r\n                              <v-layout row wrap text-left>\r\n                                <v-flex xs-12>\r\n                                  <div><strong>ไฟล์แนบ2:</strong>&nbsp;</div>\r\n                                  <dropzonemember\r\n                                    v-if=\"true\"\r\n                                    @uploadSuccess=\"test\"\r\n                                    :code=\"'tai-0001'\"\r\n                                    dzName=\"member_Att\"\r\n                                    ref=\"dz\"\r\n                                    :appName=\"'member'\"\r\n                                    :list=\"''\"\r\n                                    :maxSize=\"2\"\r\n                                    :canDelete=\"this.$store.state.users.main.Department === 'Information Technology Division'\"\r\n                                    :canUpload=\"this.$store.state.users.main.Department === 'Information Technology Division'\"\r\n                                  ></dropzonemember>\r\n                                </v-flex>\r\n                              </v-layout>\r\n            </v-col>    -->\r\n               \r\n          <v-col v-if=\"com_memType2\" cols=\"12\" sm=\"12\" class=\"pr-2\" style=\"margin-top: 25px;\">\r\n            <!-- <v-text-field ref=\"agree\" counter=\"100\" label=\" I agree to these\" v-model=\"itemSelected.agree\" :rules=\"rules.agree\" :dense=\"text_filled\" :filled=\"text_filled\" /> -->\r\n\r\n            <!-- <div class=\"tacbox\"> -->\r\n              <!-- <v-checkbox  ref=\"agree\" label=\" I agree to these\" v-model=\"itemSelected.agree\" :rules=\"rules.agree\"   /> -->\r\n              <!-- <input id=\"checkbox\" type=\"checkbox\" ref=\"agree\" v-model=\"itemSelected.agree\" :rules=\"rules.agree\" /> \r\n              <label for=\"checkbox\"> I agree to these <a href=\"#\">Terms and Conditions</a></label> -->\r\n              <!-- start Term -->\r\n                <v-dialog\r\n                  v-model=\"dialog\"\r\n                  width=\"800px\"\r\n                >\r\n                  <template v-slot:activator=\"{ on, attrs }\">\r\n                    <!-- <v-btn\r\n                      color=\"primary\"\r\n                      dark\r\n                      v-bind=\"attrs\"\r\n                      v-on=\"on\"\r\n                    >\r\n                      ข้อตกลงและเงื่อนไข\r\n                    </v-btn> -->\r\n                  </template>\r\n                  <v-card>\r\n                    <v-card-title>\r\n                      <span class=\"text-h5\">ข้อตกลงและเงื่อนไขการสมัครสมาชิกสถาบันยานยนต์ออนไลน์</span>\r\n                    </v-card-title>\r\n                    <v-card-text>\r\n                          การสมัครสมาชิกสถาบันยานยนต์ออนไลน์ เป็นแพลตฟอร์มที่ถูกสร้างขึ้น เพื่อใช้เป็นช่องทางในการอำนวยความสะดวกและประชาสัมพันธ์ ข้อมูล ข่าวสารที่น่าสนใจผ่านช่องทางออนไลน์ โดย<b>ผู้สมัครสมาชิกสถาบันยานยนต์ (ผู้สมัครฯ)</b> สามารถขอรับบริการและใช้บริการบนเว็บไซต์เกี่ยวกับการเรียนรู้ผ่านช่องทางดังกล่าวได้<br>\r\n                          การตกลงสมัครสมาชิกสถาบันยานยนต์ออนไลน์ ถือว่าผู้สมัครได้อ่านและทำความเข้าใจข้อตกลงและเงื่อนไขแพลตฟอร์มออนไลน์ (ซึ่งต่อไปจะเรียกว่า “ข้อตกลงและเงื่อนไข”) โดยละเอียดแล้ว และผู้ใช้บริการยอมรับข้อตกลงและเงื่อนไขทุกประการ<br>\r\n                          ทั้งนี้ <b>อุตสาหกรรมพัฒนามูลนิธิ สถาบันยานยนต์ (“สถาบันยานยนต์”)</b> ขอสงวนสิทธิในการปรับเปลี่ยนเงื่อนไขของข้อตกลงและเงื่อนไขฉบับนี้ได้โดยไม่ต้องแจ้งให้ทราบล่วงหน้า โดยผู้สมัครสมาชิกฯ ยอมรับการแจ้งเตือนหรือแจ้งการเปลี่ยนแปลงผ่านอีเมล และผู้ใช้บริการตกลงยอมรับข้อผูกพันใด ๆ ที่เกิดจากการเปลี่ยนแปลงข้อตกลงและเงื่อนไขฉบับนี้หลังจากมีการแจ้งเตือนดังกล่าวเป็นเวลา 24 ชั่วโมง <br>\r\n                          <ol> \r\n                            <li><b>การดำเนินการเกี่ยวกับข้อมูลส่วนบุคคล</b>\r\n                                    <ol>\r\n                                        <li>“ข้อมูลส่วนบุคคล” หมายความรวมถึง\r\n                                          <ol>\r\n                                                <li>ข้อมูลส่วนตัว ได้แก่ ชื่อ นามสกุล ชื่อธุรกิจ ประเภทธุรกิจ</li>\r\n                                                <li>ข้อมูลการติดต่อ ได้แก่ ที่อยู่ สถานที่ทำงาน หมายเลขโทรศัพท์ อีเมล</li>\r\n                                          </ol>\r\n                                        </li>        \r\n                                        <li>วัตถุประสงค์ของการเก็บรวบรวม ใช้ เปิดเผย ข้อมูลส่วนบุคคล\r\n                                          <ol>\r\n                                                <li>เพื่อเป็นฐานข้อมูลในการวิเคราะห์และจัดทำแผนการการให้บริการ</li>\r\n                                                <li>เพื่อเป็นฐานข้อมูลในการวิจัยหรือจัดทำสถิติ การปรับปรุงคุณภาพของการให้บริการของสถาบันยานยนต์ การโฆษณาและจัดทำข่าวประชาสัมพันธ์</li>\r\n                                                <li>เพื่อเป็นฐานข้อมูลในการติดต่อกลับเพื่อนำเสนอบริการต่าง ๆ ของสถาบันยานยนต์ </li>\r\n                                          </ol>\r\n                                        </li>        \r\n                                      <li>การแบ่งปันข้อมูลให้แก่บุคคลที่สาม</li>\r\n                                              สถาบันยานยนต์ จะเปิดเผยข้อมูลส่วนบุคคลของผู้ใช้บริการแก่บุคคลที่สามใด ๆ ที่จำเป็นต้องใช้ข้อมูลดังกล่าว เพื่อวัตถุประสงค์ตามข้อ 1.2 โดยบุคคลที่สามหมายความรวมถึง ผู้แทนในการให้บริการที่ได้รับมอบหมายในงานบริการนั้น ๆ \r\n                                        <li>เงื่อนไขอื่น ๆ ที่เกี่ยวข้องกับการประมวลผลข้อมูลส่วนบุคคล\r\n                                          <ol>\r\n                                              <li>สถาบันยานยนต์จะเก็บรวบรวมใช้ และเปิดเผยข้อมูลส่วนบุคคลของสมาชิกฯ เพื่อวัตถุประสงค์ตามข้อ 1.2 เท่านั้น</li>\r\n                                              <li>สถาบันยานยนต์ จะดูแลไม่ให้ผู้ปฏิบัติงานของสถาบันยานยนต์ เปิดเผย แสดง หรือทำให้ปรากฏในลักษณะอื่นใดซึ่งข้อมูลส่วนบุคคลของผู้ใช้บริการต่อบุคคลภายนอก เว้นแต่จะเป็นไปตามเงื่อนไขภายใต้กฎหมายคุ้มครองข้อมูลส่วนบุคคล</li>\r\n                                              <li>สถาบันยานยนต์ กำหนดให้มีมาตรการในการรักษาความมั่นคงปลอดภัยของข้อมูลส่วนบุคคลอย่างเหมาะสมและสอดคล้องกับการรักษาความลับของข้อมูลส่วนบุคคล</li>\r\n                                              <li>ผู้สมัครสมาชิกฯ สามารถใช้สิทธิในความเป็นส่วนตัวของข้อมูลส่วนบุคคลได้ตามเงื่อนไข  ภายใต้กฎหมายคุ้มครองข้อมูลส่วนบุคคล โดยแจ้งความประสงค์มาที่ สถาบันยานยนต์ (สำนักงานกล้วยน้ำไท) ชั้น 3-4 อาคารสำนักพัฒนาอุตสาหกรรมรายสาขา (สพข.) ซ.ตรีมิตร กล้วยน้ำไท ถ.พระรามที่ 4 แขวงคลองเตย เขตคลองเตย กรุงเทพฯ 10110 หมายเลขโทรศัพท์: 02 712 2414</li>\r\n                                              <li>สถาบันยานยนต์ จะเก็บ ใช้ และเปิดเผยข้อมูลส่วนบุคคลของผู้สมัครสมาชิกฯ ตราบเท่าที่จำเป็น</li>\r\n                                          </ol>\r\n                                        </li>        \r\n                                    </ol>\r\n                            </li>        \r\n                            <li><b>เครื่องหมายการค้า เครื่องหมายบริการ ลิขสิทธิ์ และสิทธิในทรัพย์สินทางปัญญาอื่น ๆ</b></li>\r\n                                    ข้อมูลที่กำหนดหรือแสดงอยู่ใน www.thaiauto.or.th เป็นทรัพย์สินของสถาบันฯ โดยหมายความรวมถึง เครื่องหมายการค้า เครื่องหมายบริการ ชื่อทางการค้า และสัญลักษณ์ทั้งหมดที่อ้างอิงหรือกำหนดอยู่บนเว็บไซต์ โดยไม่จำต้องคำนึงถึงว่าเครื่องหมายการค้า เครื่องหมายบริการ และสัญลักษณ์ดังกล่าว ได้รับการจดทะเบียนแล้วหรือไม่ (ซึ่งรวมเรียกว่า \"เครื่องหมายการค้า\")<br>\r\n                                    สถาบันยานยนต์ ไม่อนุญาตหรือให้สิทธิในการใช้ข้อมูลและเครื่องหมายการค้าใด ๆ ที่กล่าวข้างต้น รวมถึงไม่อนุญาตให้กระทำการใด ๆ อันเป็นการเปลี่ยนแปลง แก้ไข ทำใหม่ ทำซ้ำ ดาวน์โหลด์ ส่งผ่าน (ไม่ว่าในรูปแบบ ใด ๆ หรือโดยวิธีการใด ๆ) หรือใช้ในลักษณะใด ๆ ก็ตามเพื่อวัตถุประสงค์ในทางการค้า เว้นแต่จะได้รับความยินยอมเป็นลายลักษณ์อักษรล่วงหน้าจากสถาบันยานยนต์ก่อน<br>\r\n                            \r\n                            <li><b>การบอกเลิกข้อตกลงและเงื่อนไข ข้อจำกัดในการเข้าสู่ข้อมูล และข้อห้ามการใช้งาน</b>\r\n                                ในกรณีที่สถาบันยานยนต์ เห็นว่าข้อใดข้อหนึ่งดังต่อไปนี้เกิดขึ้นหรืออาจจะเกิดขึ้นกับผู้สมัครสมาชิกฯ สถาบันฯ สามารถใช้ดุลพินิจแต่เพียงผู้เดียวในการบอกเลิกข้อตกลงและเงื่อนไขนี้ หรือการยกเลิกการให้เข้าสู่ข้อมูลไม่ว่าบางส่วนหรือทั้งหมดของ สถาบันยานยนต์ รวมทั้งบริการที่เกี่ยวข้องในส่วนใด ๆ ของสถาบันฯ โดยไม่จำเป็น ต้องแจ้งให้ผู้ใช้บริการทราบล่วงหน้า โดยสถาบันฯ ไม่มีหน้าที่รับผิดชอบต่อความเสียหายที่เกิดขึ้นแก่ผู้ใช้บริการจากการบอกเลิกข้อตกลงและเงื่อนไขดังกล่าว\r\n                                    <ol>\r\n                                      <li>ในกรณีที่ผู้สมัครสมาชิกสถาบันยานยนต์ สำหรับวัตถุประสงค์ที่ไม่ชอบด้วยกฎหมาย</li>\r\n                                      <li>ในกรณีที่สถาบันยานยนต์เชื่อว่ามีการขาดความน่าเชื่อถือของผู้ใช้บริการ</li>\r\n                                      <li>ในกรณีที่ผู้สมัครสมาชิกฯ ไม่สามารถติดต่อในช่องทางที่ให้ไว้ได้ในระยะเวลา 1 ปี ตามเงื่อนไขที่สถาบันยานยนต์ กำหนด</li>\r\n                                      <li>ในกรณีที่ผู้ใช้บริการได้ดำเนินการที่สถาบันยานยนต์ เห็นว่าไม่เหมาะสม</li>\r\n                                    </ol>\r\n                            </li>    \r\n                                \r\n                            <li><b>ข้อจำกัดความรับผิด</b>\r\n                                    <ol>\r\n                                      <li>เมื่อผู้สมัครสมาชิกฯ ได้ลงทะเบียนสมัครสมาชิก แล้ว สถาบันยานยนต์ จะทำการเก็บรักษาข้อมูลสำหรับการเข้าใช้งานไว้โดยไม่เปิดเผยต่อผู้อื่นหรือเปิดเผยต่อสาธารณะ หากข้อมูลดังกล่าวถูกเปิดเผยจากการกระทำของผู้ใช้บริการไม่ว่าโดยทางตรงหรือทางอ้อม สถาบันยานยนต์ จะไม่รับผิดชอบต่อการกระทำนั้น ๆ</li>\r\n                                      <li>สมาชิกฯ ต้องไม่กระทำการใด ๆ อันเป็นเหตุให้เกิดความเสียหายต่อบุคคลภายนอก หรือไม่กระทำการใดๆ อันเป็นความผิดต่อพระราชบัญญัติว่าด้วยการกระทำความผิดเกี่ยวกับคอมพิวเตอร์ พ.ศ. 2560 หรือกฎหมายอื่นใด หากสถาบันยานยนต์ ตรวจพบว่ามีการกระทำหรืองดเว้นการกระทำใดดังกล่าวข้างต้น สถาบันยานยนต์ สามารถยกเลิกการให้บริการ และ/หรือ ระงับบัญชีผู้ใช้งานได้ และหากการกระทำดังกล่าวข้างต้นก่อให้เกิดความเสียหายต่อ สถาบันยานยนต์ ผู้ใช้บริการจะต้องรับผิดชอบในความเสียหายต่อสถาบันยานยนต์ ตามมูลค่าความเสียหายที่เกิดขึ้นจริง</li>\r\n                                      <li>สถาบันยานยนต์ ไม่ได้ให้คำรับรองหรือรับประกันโดยชัดแจ้งหรือโดยปริยายแต่อย่างใด เกี่ยวกับความเหมาะสม ความน่าเชื่อถือ ความมีอยู่และใช้งานได้ทันกาล ทันเวลา การไม่มีไวรัสหรือสิ่งอื่นใดที่เป็นอันตราย รวมทั้งความถูกต้องของข้อมูล ซอฟท์แวร์ สินค้าและรูปแบบแผนผังใด ๆ ที่เกี่ยวข้องที่ปรากฏอยู่บน สถาบันยานยนต์ ทั้งนี้ ไม่ว่าจะเพื่อวัตถุประสงค์ใด ๆ ก็ตาม\r\n                                      สถาบันยานยนต์ ไม่มีความรับผิดและจะไม่รับผิดสำหรับความสูญเสียหรือความเสียหายใด ๆ ที่เกิดขึ้นไม่ว่าจะโดยตรงหรือโดยอ้อม (รวมทั้งความสูญเสียหรือความเสียหายกรณีพิเศษ) จากการใช้ สถาบันยานยนต์ โดยผู้สมัครสมาชิก</li>\r\n                                    </ol>\r\n                            </li>    \r\n                            <li><b>การรักษาข้อมูลความลับ</b></li>\r\n                            สถาบันยานยนต์ ตกลงที่จะดูแลรักษาข้อมูลความลับของสมาชิกฯ เพื่อให้เป็นความลับ โดยจะไม่เปิดเผยข้อมูลของผู้ให้บริการให้บุคคลใดทราบ เว้นแต่จะได้รับความยินยอมเป็นลายลักษณ์อักษรจากสมาชิกฯ และ/หรือ เป็นการขอข้อมูลตามที่กฎหมายกำหนด\r\n                            \r\n                            <li><b>ช่องทางการติดต่อ</b></li>\r\n                            สถาบันยานยนต์ (สำนักงานกล้วยน้ำไท) ชั้น 3-4 อาคารสำนักพัฒนาอุตสาหกรรมรายสาขา (สพข.) ซ.ตรีมิตร กล้วยน้ำไท ถ.พระรามที่ 4 แขวงคลองเตย เขตคลองเตย กรุงเทพฯ 10110<br>\r\n                            หมายเลขโทรศัพท์ : 02 712 2414<br>\r\n                            Website: <a href=\"www.thaiauto.or.th\">www.thaiauto.or.th</a><br>\r\n                            \r\n                            <li><b>กฎหมายที่ใช้บังคับ</b></li>\r\n                            การตีความและการบังคับตามข้อตกลงและเงื่อนไขฉบับนี้ให้เป็นไปตามกฎหมายไทย\r\n                          </ol>\r\n\r\n                    </v-card-text>\r\n                    <v-card-actions>\r\n                      <v-spacer></v-spacer>\r\n                      <v-btn\r\n                        color=\"green darken-1\"\r\n                        text\r\n                        @click=\"dialog = false\"\r\n                      >\r\n                        <!-- Disagree -->\r\n                      </v-btn>\r\n                      <v-btn\r\n                        color=\"green darken-1\"\r\n                        text\r\n                        @click=\"dialog = false\"\r\n                      >\r\n                        Close<!-- Agree -->\r\n                      </v-btn>\r\n                    </v-card-actions>\r\n                  </v-card>\r\n                </v-dialog>\r\n\r\n              <!-- End Term -->\r\n            <!-- </div>  -->\r\n            \r\n          </v-col>\r\n\r\n        </v-row>    \r\n\r\n      </v-container>\r\n\r\n    </v-form>\r\n  </v-card>  \r\n  \r\n</template>\r\n\r\n<script>\r\nimport itemService from '@/store/api/services/taimemberService'\r\nimport dropzonemember from '@/components/dropzonemember'\r\n// import dropzonemember from '@/components/dropzonememberV2'\r\n// import dropzonemember from '@/components/dropzoneCompV2'\r\nexport default {\r\n  name: 'quizEdit',\r\n  components: {\r\n    dropzonemember\r\n    // VueSignaturePad,\r\n    // Itisopdf\r\n  },\r\n   props: {\r\n    dialogClose: {\r\n      type: Boolean\r\n    },\r\n    itemSelected: {\r\n      type: Object,\r\n      default: function() {\r\n        return {Register_capital:0, Paid_capital:0}        \r\n      }      \r\n    },\r\n    action: {\r\n      type: String,\r\n      default: function() {\r\n        return 'add'\r\n      }\r\n    },\r\n    pom: {\r\n      type: String,\r\n      default: function() {\r\n        return 'add'\r\n      }\r\n    },\r\n  },\r\n  \r\n  data() {\r\n    return {\r\n      // Start upload file\r\n      pathStatic: process.env.VUE_APP_STATIC,\r\n      pathSignature: 'fileUpload/memberfiles/', \r\n      errorMessages: [],\r\n      // End upload\r\n      currency: \"฿\",\r\n      initialBalance: null,     \r\n      initialPaid: null,\r\n     \r\n      pomtest:{pp:null},\r\n\r\n      dialog: false,\r\n      panel: [0],\r\n      disabled: false,\r\n      readonly: false,\r\n      Business_Title: ['ผู้ประกอบรถยนต์', 'ผู้ผลิตชิ้นส่วนรถยนต์', 'ผู้ผลิตชิ้นส่วนอะไหล่ทดแทน(REM)', 'ผู้ประกอบรถจักรยานยนต์', 'ผู้ผลิตชิ้นส่วนรถจักรยานยนต์'],\r\n      Tier_Title: ['1st Tier', '2nd Tier', '3rd Tier'],\r\n      Related_industry: ['เหล็ก', 'พลาสติก', 'ยาง', 'อิเล็กทรอนิกส์', 'แก้วและกระจก', 'ผ้าและเครื่องหนัง', 'เครื่องจักรกล เครื่องมือ', 'แม่พิมพ์', 'อุปกรณ์จับยึดชิ้นงาน', 'อื่นๆ'],\r\n      Process: ['Casting', 'Forging', 'Plastic Parts', 'Rubber Parts', 'Machining', 'Heat Treatment', 'Surface Treatment', 'Spraying-Painting', 'Welding', 'Trim', 'อื่นๆ'],\r\n      Product_type: ['Accessories', 'Engine', 'Suspension& Brake', 'Body', 'Exterior', 'Electronic', 'Interior', 'Drive, Transmission&Steering','EV', 'Battery', 'Software', 'อื่นๆ'],\r\n      Quality_system: ['ISO/TS16949', 'ISO/TS17025', 'ISO9001', 'ISO14001', 'OHSAS 18001 (TIS 18001)', 'อื่นๆ'],\r\n      Tai_activity: ['การทดสอบผลิตภัณฑ์', 'การพัฒนาผลิตภัณฑ์', 'การพัฒนาบุคลากร', 'การพัฒนากระบวนการผลิต', 'เพื่อเพิ่มผลิตภาพ', 'ข้อมูลด้านวิเคราะห์ธุรกิจ ที่เกี่ยวข้องกับอุตสาหกรรมยานยนต์และชิ้นส่วนยานยนต์', 'อื่นๆ'],\r\n      pathStatic: process.env.VUE_APP_STATIC,\r\n      errorMessages: [],\r\n      lazy: false,\r\n      debug: false,\r\n      formValid: true,\r\n      loading: true,\r\n      text_filled: true,\r\n      oldItem: {},\r\n      agree: false,\r\n      rules: {\r\n        MemberCode: [],\r\n        TradeCode: [],\r\n        Id: [],\r\n        Share_thai: [val => ((val >= 0 && val <= 100) ) || 'Number has to be between 0 and 100'],\r\n        Share_foreign: [val => ((val >= 0 && val <= 100) ) || 'Number has to be between 0 and 100'],\r\n        Nationshare: [],\r\n        Original_com: [],\r\n        Business_Title: [],\r\n        Tier_Title: [],\r\n        Related_industry: [],\r\n        Related_other: [],\r\n        Process: [],\r\n        Process_other: [],\r\n        Product_type: [],\r\n        Product_type_other: [],\r\n        Quality_system: [],\r\n        Quality_system_other: [],\r\n        Main_product1: [],\r\n        item1: [],\r\n        Main_product2: [],\r\n        item2: [],\r\n        Main_product3: [],\r\n        item3: [],\r\n        Domestic: [],\r\n        Export: [],\r\n        Export_country: [],\r\n        Main_domestic: [],\r\n        Main_foreign: [],\r\n        Staff: [],\r\n        Register_capital: [],\r\n        Paid_capital: [],\r\n        Tai_activity: [],\r\n        Tai_activity_other: [],\r\n        agree: [val => (!!val) || 'This field is required'],\r\n\r\n            // val => (!!val) || 'This field is required',\r\n            // val => (!!val.toString()) || 'ห้ามเป็นค่าว่าง',\r\n            // val => (val && val.length >= 3) || 'ต้องมีอย่างน้อย 3 ตัวอักษร',\r\n            // val => (((val.length || 0) <= 500) ) || 'ต้องไม่เกิน 500 ตัวอักษร',\r\n            // val => (!val.trim() || !isNaN((val)) ) || 'ต้องเป็นตัวเลข',\r\n            // val => (Number.isInteger(parseFloat(val) ) ) || 'ต้องเป็นจำนวนเต็ม',\r\n            // val => ((val >= 0 && val <= 999) ) || 'Number has to be between 0 and 999',\r\n\r\n            // val => { // email check\r\n            //   const patternEmail = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\r\n            //   return patternEmail.test(val) || 'Invalid e-mail.'\r\n            // },\r\n      },\r\n      //data()\r\n    }\r\n  },\r\n  watch: {\r\n    itemSelected: function(value, oldValue) {\r\n      this.$nextTick(() => {\r\n        console.log(value)\r\n        if (value.MemberCode !== oldValue.MemberCode){\r\n          console.log('change Key')\r\n          this.initLoad()\r\n        }\r\n      })\r\n    },\r\n    formValid: function(value) {\r\n      this.$emit('valid', value)\r\n    },\r\n    //watch()\r\n  },\r\n computed: {\r\n    initialPaidFormatted: {\r\n      get: function () {\r\n        if(this.itemSelected.Paid_capital){\r\n          return this.formatAsCurrency(this.itemSelected.Paid_capital, 0);\r\n        }else{\r\n          return this.formatAsCurrency(0, 0);\r\n        }\r\n      },\r\n      \r\n      set: function (newValue) {\r\n        this.itemSelected.Paid_capital = Number(newValue.replace(/[^0-9\\.]/g, \"\"));\r\n      },\r\n    },\r\n    initialBalanceFormatted: {\r\n      get: function () {\r\n        if(this.itemSelected.Register_capital){\r\n          return this.formatAsCurrency(this.itemSelected.Register_capital, 0);\r\n        }else{\r\n          return this.formatAsCurrency(0, 0);\r\n        }\r\n        \r\n      },\r\n      \r\n      set: function (newValue) {\r\n        this.itemSelected.Register_capital = Number(newValue.replace(/[^0-9\\.]/g, \"\"));\r\n      },\r\n      \r\n    },\r\n    com_memType1(){\r\n      return this.itemSelected.Member_Type !=='นิติบุคคล/Juristic Persons'\r\n    },\r\n    com_memType2(){\r\n      return this.itemSelected.Member_Type !=='บุคคลธรรมดา/Person'\r\n    }\r\n    \r\n  //computed()\r\n  },\r\n  mounted: function() {\r\n    this.initLoad()\r\n    //mounted()\r\n  },\r\n  methods: {\r\n    checkPermission(permissionArray) {\r\n      return this.$store.getters.checkPermission(permissionArray)\r\n    },\r\n    errorHandel(res) {\r\n      if (res.status === 401) {\r\n        this.redirect = '/signin'\r\n        this.$router.push(this.redirect)\r\n      }\r\n    },\r\n    initLoad() {\r\n      this.loading = true \r\n      this.oldItem = Object.assign({}, this.itemSelected)\r\n      this.$refs.form.resetValidation()\r\n      if (this.action === 'add' || this.action === '') {\r\n        console.log('init field for add action', this.itemSelected)\r\n        // this.$refs.{{input-Date}}.setToday()\r\n      }\r\n      console.log('init', this.itemSelected)\r\n      this.loading = false\r\n    },\r\n    itemCancel() {\r\n      this.itemSelected = Object.assign({}, this.oldItem)\r\n    },\r\n    async Save() {\r\n      this.loading = true\r\n      console.log('quizEdit Save 1')\r\n      if (this.itemSelected.ModifyCode) {\r\n        if (this.itemSelected.ModifyCode.substr(0, 4) !== this.$store.state.users.main.empCode) {\r\n          this.itemSelected.ModifyCode = this.$store.state.users.main.empCode + ',' + this.itemSelected.ModifyCode\r\n          this.itemSelected.ModifyCode = this.itemSelected.ModifyCode.substr(0, 25)\r\n        }\r\n      } else {\r\n        this.itemSelected.ModifyCode = this.$store.state.users.main.empCode\r\n      }\r\n      var modifyDate = new Date().toISOString().slice(0, 19)\r\n      this.itemSelected.ModifyDate = modifyDate\r\n      if (this.action !== 'add') {\r\n        // Update Event\r\n        console.log('quizEdit Save Update')\r\n        let response = await itemService.quizUpdate(this.itemSelected)\r\n        console.log('quizEdit Save Update then')\r\n        if (response.data.error === '') {\r\n          console.log('quizEdit Save Update then OK')\r\n          this.itemSelected = response.data.data[0]\r\n          let itemSelected_update = response.data.data[0] // this.itemSelected\r\n          this.$emit('update', itemSelected_update)\r\n          this.loading = false\r\n          return true\r\n        } else {\r\n          console.log('quizEdit Save Update then error')\r\n          alert('!!เกิดข้อผิดพลาด\\n' + response.data.error)\r\n          this.loading = false            \r\n          return false\r\n        }\r\n      } else {\r\n        // Insert Event\r\n        console.log('quizEdit Save Insert')\r\n        let response = await itemService.quizInsert(this.itemSelected)\r\n        console.log('quizEdit Save Insert then ')\r\n        if (response.data.error === '') {\r\n          console.log('quizEdit Save Insert then OK')\r\n          // this.itemSelected = response.data.data[0]\r\n          let itemSelected = response.data.data[0] // this.itemSelected\r\n          this.$emit('update', itemSelected)\r\n          this.loading = false\r\n          return true\r\n        } else {\r\n          console.log('quizEdit Save Insert then Error')\r\n          alert('!!เกิดข้อผิดพลาด\\n' + response.data.error)\r\n          this.loading = false\r\n          return false\r\n        }\r\n      }\r\n    },\r\n    formatAsCurrency(value, dec) {\r\n      dec = dec || 0;\r\n      if (value === null) {\r\n        return 0;\r\n      }\r\n      return \"\" + value.toFixed(dec).replace(/(\\d)(?=(\\d\\d\\d)+(?!\\d))/g, \"$1,\");\r\n    },    \r\n    signLoad() {\r\n        if (this.$route.params.ReqCode) {\r\n          if (this.$refs.signaturePad) {\r\n            this.$refs.signaturePad.clearSignature()\r\n            // this.$refs.signaturePad.fromDataURL(process.env.VUE_APP_API_PATH + 'fileUpload/itisofiless/' + this.itReq.ReqCode.replace('/', '-') + '_sign00.png')\r\n            this.$refs.signaturePad.fromDataURL(process.env.VUE_APP_API_PATH + 'fileUpload/memberfiles/' + this.itReq.ReqCode.replace('/', '-') + '_sign00.png')\r\n          }\r\n          // this.$refs.signaturePad.images = [{src: process.env.VUE_APP_API_PATH + this.pathSignature + this.$route.params.ReqCode.replace('/', '-') + '_sign01.png'}]\r\n          // this.$refs.signaturePad01.mergeImageAndSignature(this.$refs.signaturePad.getPropImagesAndCacheImages())\r\n          // this.$refs.signaturePad01.signatureData = this.$refs.signaturePad.signatureData\r\n          // console.log('this.$refs.signaturePad.signatureData', this.$refs.signaturePad.signatureData)\r\n          // console.log('this.$refs.signaturePad01.signatureData', this.$refs.signaturePad01.signatureData)\r\n          // console.log('itReq.signReq', this.itReq.signReq)\r\n        }\r\n    },\r\n    ssload() {\r\n        var Canvas2 = document.getElementById('canvasDiv')\r\n        var Context2 = Canvas2.getContext('2d')\r\n        var image = new Image()\r\n        image.src = this.signImage01\r\n        Canvas2.width = image.width\r\n        Canvas2.height = image.height\r\n        // console.log('image.src', image.src)\r\n        Context2.drawImage(image, 0, 0)\r\n        // console.log('canvas.dataURL', Canvas2.toDataURL('image/png'))\r\n    },\r\n    imageReceived() {\r\n        let canvas = document.createElement('canvas')\r\n        let context = canvas.getContext('2d')\r\n\r\n        canvas.width = this.downloadedImg.width\r\n        canvas.height = this.downloadedImg.height\r\n        context.drawImage(this.downloadedImg, 0, 0)\r\n\r\n        try {\r\n          localStorage.setItem('saved-image-sign01', '')\r\n          localStorage.setItem('saved-image-sign01', canvas.toDataURL('image/png'))\r\n          this.$refs.signaturePad.fromDataURL(canvas.toDataURL('image/png'))\r\n        } catch (err) {\r\n          console.log('Error: ' + err)\r\n        }\r\n    },\r\n    imageReceived02() {\r\n        let canvas = document.createElement('canvas')\r\n        let context = canvas.getContext('2d')\r\n\r\n        canvas.width = this.downloadedImg02.width\r\n        canvas.height = this.downloadedImg02.height\r\n        context.drawImage(this.downloadedImg02, 0, 0)\r\n\r\n        try {\r\n          localStorage.setItem('saved-image-sign02', '')\r\n          localStorage.setItem('saved-image-sign02', canvas.toDataURL('image/png'))\r\n          this.$refs.signaturePad02.fromDataURL(canvas.toDataURL('image/png'))\r\n        } catch (err) {\r\n          console.log('Error: ' + err)\r\n        }\r\n    },\r\n    imageReceived03() {\r\n        let canvas = document.createElement('canvas')\r\n        let context = canvas.getContext('2d')\r\n\r\n        canvas.width = this.downloadedImg03.width\r\n        canvas.height = this.downloadedImg03.height\r\n        context.drawImage(this.downloadedImg03, 0, 0)\r\n\r\n        try {\r\n          localStorage.setItem('saved-image-sign03', canvas.toDataURL('image/png'))\r\n          this.$refs.signaturePad03.fromDataURL(canvas.toDataURL('image/png'))\r\n        } catch (err) {\r\n          console.log('Error: ' + err)\r\n        }\r\n    },\r\n    startDownloadSing01() {\r\n        // this.$nextTick(() => {\r\n        // console.log('this.itReq.sign01', this.itReq.sign01)\r\n        // if (this.itReq.sign01) {\r\n        localStorage.setItem('saved-image-sign01', '')\r\n        // console.log('startdownlosd 01', this.signImage01)\r\n        this.downloadedImg = new Image()\r\n        this.downloadedImg.crossOrigin = 'Anonymous'\r\n        this.downloadedImg.addEventListener('load', this.imageReceived, false)\r\n        this.downloadedImg.src = this.signImage01\r\n        // }\r\n        // })\r\n    },\r\n    startDownloadSing02() {\r\n        // console.log('startdownlosd 02', this.signImage02)\r\n        localStorage.setItem('saved-image-sign02', '')\r\n        this.downloadedImg02 = new Image()\r\n        this.downloadedImg02.crossOrigin = 'Anonymous'\r\n        this.downloadedImg02.addEventListener('load', this.imageReceived02, false)\r\n        this.downloadedImg02.src = this.signImage02\r\n    },\r\n    startDownloadSing03() {\r\n        // console.log('startdownlosd 03', this.signImage03)\r\n        localStorage.setItem('saved-image-sign03', '')\r\n        this.downloadedImg03 = new Image()\r\n        this.downloadedImg03.crossOrigin = 'Anonymous'\r\n        this.downloadedImg03.addEventListener('load', this.imageReceived03, false)\r\n        this.downloadedImg03.src = this.signImage03\r\n    }, \r\n      // signLoad() {\r\n      //   if (this.$route.params.ReqCode) {\r\n      //     if (this.$refs.signaturePad) {\r\n      //       this.$refs.signaturePad.clearSignature()\r\n      //       // this.$refs.signaturePad.fromDataURL(process.env.VUE_APP_API_PATH + 'fileUpload/itisofiless/' + this.$route.params.ReqCode.replace('/', '-') + '_sign00.png')\r\n      //       this.$refs.signaturePad.fromDataURL(process.env.VUE_APP_API_PATH + 'fileUpload/itisofiless/' + this.TradeCode.replace('/', '-') + '_sign00.png')\r\n      //     }\r\n      //     // this.$refs.signaturePad.images = [{src: process.env.VUE_APP_API_PATH + this.pathSignature + this.$route.params.ReqCode.replace('/', '-') + '_sign01.png'}]\r\n      //     // this.$refs.signaturePad01.mergeImageAndSignature(this.$refs.signaturePad.getPropImagesAndCacheImages())\r\n      //     // this.$refs.signaturePad01.signatureData = this.$refs.signaturePad.signatureData\r\n      //     // console.log('this.$refs.signaturePad.signatureData', this.$refs.signaturePad.signatureData)\r\n      //     // console.log('this.$refs.signaturePad01.signatureData', this.$refs.signaturePad01.signatureData)\r\n      //     // console.log('itReq.signReq', this.itReq.signReq)\r\n      //   }\r\n      // },\r\n\r\n    // current date\r\n     currentDateTime() {\r\n      const current = new Date();\r\n      const date = current.getFullYear()+'-'+(current.getMonth()+1)+'-'+current.getDate();\r\n      const time = current.getHours() + \":\" + current.getMinutes() + \":\" + current.getSeconds();\r\n      const dateTime = date +' '+ time;\r\n\r\n      return dateTime;\r\n    }\r\n    \r\n\r\n    //methods()\r\n  }\r\n}\r\n// term\r\n\r\n//test\r\n\r\n\r\n\r\n</script>\r\n<style>\r\n.small-radio i {\r\n  font-size: 15px;\r\n}\r\n.small-radio label {\r\n  font-size: 14px;\r\n  padding-left: 0px;\r\n  margin-left: -4px;\r\n}\r\n.small-radio .v-radio {\r\n  padding: 0px;\r\n}\r\n.small-radio [class*=\"__ripple\"] {\r\n  left: -9;\r\n}\r\n/* term */\r\n.tacbox {\r\n  display:block;\r\n  padding: 1em;\r\n  margin: 2em;\r\n  border: 3px solid #ddd;\r\n  background-color: #eee;\r\n  max-width: 800px;\r\n}\r\n\r\ninput {\r\n  height: 2em;\r\n  width: 2em;\r\n  vertical-align: middle;\r\n}\r\nol { counter-reset: item }\r\nli{ display: block }\r\nli:before { content: counters(item, \".\") \" \"; counter-increment: item }\r\n</style>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./attachEdit.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./attachEdit.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./attachEdit.vue?vue&type=template&id=72e603f2\"\nimport script from \"./attachEdit.vue?vue&type=script&lang=js\"\nexport * from \"./attachEdit.vue?vue&type=script&lang=js\"\nimport style0 from \"./attachEdit.vue?vue&type=style&index=0&id=72e603f2&prod&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  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VCol,VContainer,VDialog,VFlex,VForm,VLayout,VRow,VSpacer,VTextField})\n","// save ไว้ที่ D:\\vuejs\\project\\tai_book\\src\\store\\api\\services\\taimemberService.js\r\nimport Api from '@/services/Api'\r\nimport router from '@/router'\r\nimport store from '@/store'\r\n\r\nexport default {\r\n    // memberpart2 Service ------------------------------------\r\n    memberpart2List(credentials) {\r\n        // console.log('credentials' + credentials)\r\n        var param = '&pageno=' + credentials.pageNo\r\n        param += '&rowperpage=' + credentials.rowsPerPage\r\n        param += '&search=' + encodeURIComponent(credentials.search)\r\n        if (credentials.sortBy) {\r\n            param += '&sort=' + credentials.sortBy\r\n            if (credentials.descending === 'true') {\r\n                param += ' desc'\r\n            }\r\n        }\r\n        return Api.httpServer().post(\r\n            'taimember/default.asp?controller=memberpart2&action=list' + param,\r\n            credentials\r\n        )\r\n    },\r\n    memberpart2ItemByID(credentials) {\r\n        // console.log('credentials', credentials)\r\n        // var param = '&id=' + credentials.id\r\n        // console.log('param', param)\r\n        return Api.httpServer().post(\r\n            'taimember/default.asp?controller=memberpart2&action=listbyparam',\r\n            credentials\r\n        )\r\n    },\r\n    memberpart2ListByParam(credentials) {\r\n        return Api.httpServer().post(\r\n            'taimember/default.asp?controller=memberpart2&action=listbyparam',\r\n            credentials\r\n        )\r\n    },\r\n    memberpart2Insert(credentials) {\r\n        return Api.httpServer().post(\r\n            'taimember/default.asp?controller=memberpart2&action=insert',\r\n            credentials\r\n        )\r\n    },\r\n    memberpart2Update(credentials) {\r\n        return Api.httpServer().post(\r\n            'taimember/default.asp?controller=memberpart2&action=update',\r\n            credentials\r\n        )\r\n    },\r\n    memberpart2Delete(credentials) {\r\n        return Api.httpServer().post(\r\n            'taimember/default.asp?controller=memberpart2&action=delete',\r\n            credentials\r\n        )\r\n    },\r\n  // quiz Service ------------------------------------\r\n  quizList(credentials) {\r\n    // console.log('credentials' + credentials)\r\n    var param = '&pageno=' + credentials.pageNo\r\n    param += '&rowperpage=' + credentials.rowsPerPage\r\n    param += '&search=' + encodeURIComponent(credentials.search)\r\n    if (credentials.sortBy) {\r\n      param += '&sort=' + credentials.sortBy\r\n      if (credentials.descending === 'true') {\r\n        param += ' desc'\r\n      }\r\n    }\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=quiz&action=list' + param,\r\n      credentials\r\n    )\r\n  },\r\n  quizItemByID(credentials) {\r\n    // console.log('credentials', credentials)\r\n    // var param = '&id=' + credentials.id\r\n    // console.log('param', param)\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=quiz&action=listbyparam' ,\r\n      credentials\r\n    )\r\n  },\r\n  quizListByParam(credentials) {\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=quiz&action=listbyparam',\r\n      credentials\r\n    )\r\n  },\r\n  quizInsert(credentials) {\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=quiz&action=insert',\r\n      credentials\r\n    )\r\n  },\r\n  quizUpdate(credentials) {\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=quiz&action=update',\r\n      credentials\r\n    )\r\n  },\r\n  quizDelete(credentials) {\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=quiz&action=delete',\r\n      credentials\r\n    )\r\n  },\r\n  // vw_memberpart_all Service ------------------------------------\r\n  vw_memberpart_allList(credentials) {\r\n    // console.log('credentials' + credentials)\r\n    var param = '&pageno=' + credentials.pageNo\r\n    param += '&rowperpage=' + credentials.rowsPerPage\r\n    param += '&search=' + encodeURIComponent(credentials.search)\r\n    if (credentials.sortBy) {\r\n      param += '&sort=' + credentials.sortBy\r\n      if (credentials.descending === 'true') {\r\n        param += ' desc'\r\n      }\r\n    }\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=vw_memberpart_all&action=list' + param,\r\n      credentials\r\n    )\r\n  },\r\n  vw_memberpart_allItemByID(credentials) {\r\n    // console.log('credentials', credentials)\r\n    // var param = '&id=' + credentials.id\r\n    // console.log('param', param)\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=vw_memberpart_all&action=listbyparam' ,\r\n      credentials\r\n    )\r\n  },\r\n  vw_memberpart_allListByParam(credentials) {\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=vw_memberpart_all&action=listbyparam',\r\n      credentials\r\n    )\r\n  },\r\n  vw_memberpart_allInsert(credentials) {\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=vw_memberpart_all&action=insert',\r\n      credentials\r\n    )\r\n  },\r\n  vw_memberpart_allUpdate(credentials) {\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=vw_memberpart_all&action=update',\r\n      credentials\r\n    )\r\n  },\r\n  vw_memberpart_allDelete(credentials) {\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=vw_memberpart_all&action=delete',\r\n      credentials\r\n    )\r\n  },\r\n  // memberpart1 Service ------------------------------------\r\n  memberpart1List(credentials) {\r\n    // console.log('credentials' + credentials)\r\n    var param = '&pageno=' + credentials.pageNo\r\n    param += '&rowperpage=' + credentials.rowsPerPage\r\n    param += '&search=' + encodeURIComponent(credentials.search)\r\n    if (credentials.sortBy) {\r\n      param += '&sort=' + credentials.sortBy\r\n      if (credentials.descending === 'true') {\r\n        param += ' desc'\r\n      }\r\n    }\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=memberpart1&action=list' + param,\r\n      credentials\r\n    )\r\n  },\r\n  memberpart1ItemByID(credentials) {\r\n    // console.log('credentials', credentials)\r\n    // var param = '&id=' + credentials.id\r\n    // console.log('param', param)\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=memberpart1&action=listbyparam' ,\r\n      credentials\r\n    )\r\n  },\r\n  memberpart1ListByParam(credentials) {\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=memberpart1&action=listbyparam',\r\n      credentials\r\n    )\r\n  },\r\n  memberpart1Insert(credentials) {\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=memberpart1&action=insert',\r\n      credentials\r\n    )\r\n  },\r\n  memberpart1Update(credentials) {\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=memberpart1&action=update',\r\n      credentials\r\n    )\r\n  },\r\n  memberpart1Delete(credentials) {\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=memberpart1&action=delete',\r\n      credentials\r\n    )\r\n  },\r\n  sendMail(credentials) {\r\n    return Api.httpServer().post(\r\n      'taimember/default.asp?controller=member&action=Sendemail',\r\n      credentials\r\n    )\r\n  },\r\n    // memberall Service ------------------------------------\r\n    memberallList(credentials) {\r\n      // console.log('credentials' + credentials)\r\n      var param = '&pageno=' + credentials.pageNo\r\n      param += '&rowperpage=' + credentials.rowsPerPage\r\n      param += '&search=' + encodeURIComponent(credentials.search)\r\n      if (credentials.sortBy) {\r\n        param += '&sort=' + credentials.sortBy\r\n        if (credentials.descending === 'true') {\r\n          param += ' desc'\r\n        }\r\n      }\r\n      return Api.httpServer().post(\r\n        'taimember/default.asp?controller=memberall&action=list' + param,\r\n        credentials\r\n      )\r\n    },\r\n    memberallItemByID(credentials) {\r\n      // console.log('credentials', credentials)\r\n      // var param = '&id=' + credentials.id\r\n      // console.log('param', param)\r\n      return Api.httpServer().post(\r\n        'taimember/default.asp?controller=memberall&action=listbyparam' ,\r\n        credentials\r\n      )\r\n    },\r\n    memberallListByParam(credentials) {\r\n      return Api.httpServer().post(\r\n        'taimember/default.asp?controller=memberall&action=listbyparam',\r\n        credentials\r\n      )\r\n    },\r\n    memberallInsert(credentials) {\r\n      return Api.httpServer().post(\r\n        'taimember/default.asp?controller=memberall&action=insert',\r\n        credentials\r\n      )\r\n    },\r\n    memberallUpdate(credentials) {\r\n      return Api.httpServer().post(\r\n        'taimember/default.asp?controller=memberall&action=update',\r\n        credentials\r\n      )\r\n    },\r\n    memberallDelete(credentials) {\r\n      return Api.httpServer().post(\r\n        'taimember/default.asp?controller=memberall&action=delete',\r\n        credentials\r\n      )\r\n    },\r\n    //<services>\r\n    errorHandel(res) {\r\n        if (res.status === 401) {\r\n            store.state.users.main = {}\r\n            router.push('/signin')\r\n        }\r\n    }\r\n}\r\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.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/vue-loader/lib/index.js??vue-loader-options!./dropzonemember.vue?vue&type=style&index=0&id=27f397c2&prod&scoped=true&lang=css\""],"sourceRoot":""}