{"version":3,"sources":["webpack:///../../../src/components/VDataTable/VSimpleTable.ts","webpack:///../../../src/components/VCard/index.ts","webpack:///./src/components/join/subview_step01.vue?7af1","webpack:///src/components/join/subview_step01.vue","webpack:///./src/components/join/subview_step01.vue?bc75","webpack:///./src/components/join/subview_step01.vue"],"names":["name","props","dense","fixedHeader","height","Number","String","computed","classes","this","$slots","themeClasses","methods","genWrapper","wrapper","$createElement","staticClass","style","render","h","class","VCardActions","VCardSubtitle","VCardText","VCardTitle","_vm","_h","_c","_self","attrs","staticStyle","_v","ref","formStatus","err","on","$event","checkChanged","scopedSlots","_u","key","fn","_s","err_msg","proxy","model","value","formData","callback","$$v","$set","expression","sms_verified_yn","sms_sended_yn","_e","checkAvailable","retrySendSms","sendSms","smsSended","smsVerified","sms_value","verifySms","staticRenderFns","component","VBtn","VCard","VCol","VRow","VSimpleTable","VTextField"],"mappings":"6MAOe,qCAAyB,CACtCA,KADsC,iBAGtCC,MAAO,CACLC,MADK,QAELC,YAFK,QAGLC,OAAQ,CAACC,OAAQC,SAGnBC,SAAU,CACRC,QADQ,WAEN,uBACE,sBAAuBC,KADlB,MAEL,+BAAgCA,KAAF,SAAkBA,KAF3C,YAGL,6BAA8BA,KAHzB,YAIL,0BAA2BA,KAAKC,OAJ3B,IAKL,6BAA8BD,KAAKC,OAL9B,QAMFD,KAAKE,gBAKdC,QAAS,CACPC,WADO,WAEL,OAAOJ,KAAKC,OAAOI,SAAWL,KAAKM,eAAe,MAAO,CACvDC,YADuD,wBAEvDC,MAAO,CACLb,OAAQ,eAAcK,KAAD,UAEtB,CACDA,KAAKM,eAAe,QAASN,KAAKC,OANpC,aAWJQ,OAnCsC,SAmChC,GACJ,OAAOC,EAAE,MAAO,CACdH,YADc,eAEdI,MAAOX,KAAKD,SACX,CACDC,KAAKC,OADJ,IAEDD,KAFC,aAGDA,KAAKC,OANP,a,6DC3CJ,kIAGMW,EAAe,eAArB,mBACMC,EAAgB,eAAtB,oBACMC,EAAY,eAAlB,gBACMC,EAAa,eAAnB,iBAYI,Q,yCClBJ,IAAIN,EAAS,WAAa,IAAIO,EAAIhB,KAASiB,EAAGD,EAAIV,eAAmBY,EAAGF,EAAIG,MAAMD,IAAID,EAAG,OAAOC,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,KAAK,CAACF,EAAG,cAAc,CAACX,YAAY,aAAa,CAACW,EAAG,QAAQ,CAACG,YAAY,CAAC,gBAAgB,sBAAsB,CAACH,EAAG,QAAQ,CAACG,YAAY,CAAC,MAAQ,UAAU,KAAO,qDAAqD,CAACL,EAAIM,GAAG,UAAUJ,EAAG,QAAQ,CAACX,YAAY,aAAac,YAAY,CAAC,MAAQ,UAAU,KAAO,oDAAoD,CAACL,EAAIM,GAAG,sBAAsB,IAAI,GAAGJ,EAAG,cAAc,CAACX,YAAY,QAAQ,CAACW,EAAG,QAAQ,CAACX,YAAY,QAAQ,CAACW,EAAG,QAAQ,CAACG,YAAY,CAAC,KAAO,qDAAqD,cAAc,OAAO,eAAe,QAAQD,MAAM,CAAC,KAAO,MAAM,CAACJ,EAAIM,GAAG,SAASJ,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACF,EAAG,iBAAiB,CAACA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACG,YAAY,CAAC,KAAO,qDAAqD,MAAQ,UAAU,MAAQ,SAAS,CAACL,EAAIM,GAAG,WAAWJ,EAAG,KAAK,CAACA,EAAG,eAAe,CAACK,IAAI,WAAWH,MAAM,CAAC,MAAQ,GAAG,SAAW,GAAG,eAAe,GAAG,MAAQJ,EAAIQ,WAAW,YAAYC,IAAI,YAAc,UAAU,SAAW,KAAKC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAIY,aAAa,aAAa,OAAS,SAASD,GAAQ,OAAOX,EAAIY,aAAa,YAAY,KAAQC,YAAYb,EAAIc,GAAG,CAAEd,EAAIQ,WAAW,YAAmB,QAAE,CAACO,IAAI,SAASC,GAAG,WAAW,MAAO,CAACd,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,UAAU,YAAY,OAAO,cAAc,QAAQ,CAACL,EAAIM,GAAG,IAAIN,EAAIiB,GAAGjB,EAAIQ,WAAW,YAAYU,SAAS,SAASC,OAAM,GAAM,MAAM,MAAK,GAAMC,MAAM,CAACC,MAAOrB,EAAIsB,SAAiB,SAAEC,SAAS,SAAUC,GAAMxB,EAAIyB,KAAKzB,EAAIsB,SAAU,WAAYE,IAAME,WAAW,wBAAwB,KAAsC,KAAhC1B,EAAIsB,SAASK,iBAAwD,KAA9B3B,EAAIsB,SAASM,cAAsB1B,EAAG,KAAK,CAACA,EAAG,KAAK,CAACG,YAAY,CAAC,MAAQ,UAAUH,EAAG,KAAK,CAACG,YAAY,CAAC,cAAc,SAAS,CAACH,EAAG,eAAe,CAACK,IAAI,YAAYH,MAAM,CAAC,MAAQ,GAAG,SAAW,GAAG,eAAe,GAAG,MAAQJ,EAAIQ,WAAW,aAAaC,IAAI,YAAc,gBAAgB,SAAW,KAAKC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAIY,aAAa,cAAc,OAAS,SAASD,GAAQ,OAAOX,EAAIY,aAAa,aAAa,KAAQC,YAAYb,EAAIc,GAAG,CAAEd,EAAIQ,WAAW,aAAoB,QAAE,CAACO,IAAI,SAASC,GAAG,WAAW,MAAO,CAACd,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,UAAU,YAAY,OAAO,cAAc,QAAQ,CAACL,EAAIM,GAAG,IAAIN,EAAIiB,GAAGjB,EAAIQ,WAAW,aAAaU,SAAS,SAASC,OAAM,GAAM,MAAM,MAAK,GAAMC,MAAM,CAACC,MAAOrB,EAAIsB,SAAkB,UAAEC,SAAS,SAAUC,GAAMxB,EAAIyB,KAAKzB,EAAIsB,SAAU,YAAaE,IAAME,WAAW,yBAAyB,KAAK1B,EAAI6B,QAAQ,GAAG3B,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACF,EAAG,iBAAiB,CAACA,EAAG,KAAK,CAACA,EAAG,KAAK,CAAgC,KAA9BF,EAAIsB,SAASM,eAAwD,KAAhC5B,EAAIsB,SAASK,gBAAwBzB,EAAG,QAAQ,CAACG,YAAY,CAAC,KAAO,kDAAkD,aAAa,OAAOD,MAAM,CAAC,MAAQ,UAAU,MAAQ,OAAO,KAAO,GAAG,UAAY,IAAI,SAAW,KAAKM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAI8B,eAAe9B,EAAI+B,iBAAiB,CAAC/B,EAAIM,GAAG,SAASJ,EAAG,QAAQ,CAACG,YAAY,CAAC,KAAO,kDAAkD,aAAa,OAAOD,MAAM,CAAC,MAAQ,UAAU,MAAQ,OAAO,KAAO,GAAG,UAAY,IAAI,SAAW,KAAKM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAI8B,eAAe9B,EAAIgC,YAAY,CAAChC,EAAIM,GAAG,WAAW,KAAMN,EAAIiC,YAAcjC,EAAIkC,YAAahC,EAAG,KAAK,CAACA,EAAG,KAAK,CAACG,YAAY,CAAC,cAAc,SAAS,CAAEL,EAAIsB,SAASa,WAAanC,EAAIiC,YAAcjC,EAAIkC,YAAahC,EAAG,QAAQ,CAACG,YAAY,CAAC,KAAO,kDAAkD,aAAa,OAAOD,MAAM,CAAC,MAAQ,UAAU,MAAQ,OAAO,KAAO,GAAG,UAAY,KAAKM,GAAG,CAAC,MAAQV,EAAIoC,YAAY,CAACpC,EAAIM,GAAG,QAAQJ,EAAG,QAAQ,CAACG,YAAY,CAAC,KAAO,kDAAkD,aAAa,OAAOD,MAAM,CAAC,MAAQ,UAAU,MAAQ,OAAO,KAAO,GAAG,UAAY,MAAM,CAACJ,EAAIM,GAAG,SAAS,KAAKN,EAAI6B,QAAQ,IAAI,IAAI,IAAI,IAC7xHQ,EAAkB,G,YC+DtB,GACE,KAAF,eACE,WAAF,GACE,KAAF,WAAI,MAAJ,CACM,SAAN,CACQ,SAAR,GACQ,WAAR,GACQ,SAAR,GACQ,UAAR,GACQ,cAAR,IACQ,gBAAR,KAEM,WAAN,CACQ,SAAR,CACU,KAAV,EACU,QAAV,GACU,eAAV,GACU,aAAV,IAEQ,UAAR,CACU,KAAV,EACU,QAAV,OAIE,SAAF,CACI,UADJ,WAEM,OAAN,iDAEI,YAJJ,WAKM,OAAN,oDAGE,QAjCF,aAmCE,QAnCF,WAoCI,KAAJ,gCACI,KAAJ,qCAEE,QAAF,CACI,OADJ,WAEA,qBAIM,EAAN,gDACQ,EAAR,6BACU,QAAV,WACU,GAAV,EACU,QAAV,YACY,EAAZ,oDACY,EAAZ,mDACY,EAAZ,gEAGA,cACA,sBACU,EAAV,oCAEU,EAAV,wBAGA,OAEI,eAzBJ,SAyBA,GACM,IAAN,KACA,kBAUM,MARN,OACQ,KAAR,iDACQ,GAAR,GACA,YACQ,KAAR,mDACQ,GAAR,GAGA,GAEI,qBAvCJ,WAwCM,KAAN,6BAAQ,QAAR,mBACM,KAAN,yBAEI,mBA3CJ,SA2CA,GAOM,IAAN,sBACA,KAEA,uCACQ,EAAR,qBACQ,EAAR,IACA,iBACQ,EAAR,oBACQ,EAAR,IACA,uBACQ,EAAR,gCACQ,EAAR,IAGM,KAAN,6BACQ,QAAR,EACQ,YAAR,KAGI,eArEJ,SAqEA,GACM,IAAN,yBACA,wBACQ,EAAR,IAGI,aA3EJ,SA2EA,GACM,IAAN,OACM,EAAN,mBACQ,SAAR,oBACQ,SAAR,IACA,YACQ,EAAR,qCACQ,EAAR,oCACQ,EAAR,sBAEQ,EAAR,sBACU,EAAV,6BAGA,cACQ,EAAR,wBACA,OAEI,QA7FJ,SA6FA,GACM,EAAN,cACQ,SAAR,IAEA,cACQ,EAAR,2BACQ,EAAR,6BACQ,EAAR,qCACQ,EAAR,oCACQ,EAAR,sBACQ,EAAR,oBAEQ,EAAR,sBACU,EAAV,6BAGA,cACQ,EAAR,wBACA,OAEI,UAjHJ,WAkHM,GAAN,4BAAM,CAKA,IAAN,OAEM,EAAN,gBACQ,SAAR,oBACQ,UAAR,uBAEA,gBACQ,GAAR,oCACU,EAAV,sBACU,EAAV,6BACU,EAAV,sDACU,EAAV,kCACU,EAAV,aACA,CACU,IAAV,gBACA,KAEA,aACY,EAAZ,4BACA,eACY,EAAZ,kBACA,wBACY,EAAZ,kBAGU,EAAV,6BACY,QAAZ,EACY,YAAZ,EACY,GAAZ,EACY,QAAZ,YACc,EAAd,gCACc,EAAd,2CAIA,cACQ,EAAR,6BACU,QAAV,eACU,GAAV,EACU,QAAV,YACY,EAAZ,gCACY,EAAZ,yCAGA,WAhDQ,KAAR,6DAkDI,aArKJ,SAqKA,KACM,IAAN,mBACA,qBACA,kBAEM,GAAN,eACQ,GAAR,GACU,GAAV,UACY,IAAZ,EAEc,YADA,KAAd,iDAEA,cAEc,YADA,KAAd,mDAIA,OACY,EAAZ,OACY,EAAZ,YACA,6BACY,KAAZ,2BACY,KAAZ,6BACY,EAAZ,kBACY,EAAZ,uBAIA,GACA,QACY,EAAZ,OACY,EAAZ,aAKI,aAxMJ,WAyMM,IAAN,yBACQ,GAAR,uBACU,OAAV,EAIM,OAAN,GAEI,gBAjNJ,SAiNA,OACM,IAAN,qBACA,OAEA,eACQ,EAAR,oBAGA,IACQ,EAAR,IAGA,IACQ,EAAR,MACQ,EAAR,UACA,MACU,EAAV,YCxUuW,I,qHCOnWC,EAAY,eACd,EACA7C,EACA4C,GACA,EACA,KACA,KACA,MAIa,aAAAC,EAAiB,QAWhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAM1C,UAAA,OAAU2C,OAAA,KAAKC,OAAA,KAAKC,eAAA,KAAaC,aAAA","file":"js/chunk-45e26f8d.20d23263.js","sourcesContent":["import './VSimpleTable.sass'\n\nimport { convertToUnit } from '../../util/helpers'\nimport Themeable from '../../mixins/themeable'\nimport mixins from '../../util/mixins'\nimport { VNode } from 'vue'\n\nexport default mixins(Themeable).extend({\n  name: 'v-simple-table',\n\n  props: {\n    dense: Boolean,\n    fixedHeader: Boolean,\n    height: [Number, String],\n  },\n\n  computed: {\n    classes (): Record<string, boolean> {\n      return {\n        'v-data-table--dense': this.dense,\n        'v-data-table--fixed-height': !!this.height && !this.fixedHeader,\n        'v-data-table--fixed-header': this.fixedHeader,\n        'v-data-table--has-top': !!this.$slots.top,\n        'v-data-table--has-bottom': !!this.$slots.bottom,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genWrapper () {\n      return this.$slots.wrapper || this.$createElement('div', {\n        staticClass: 'v-data-table__wrapper',\n        style: {\n          height: convertToUnit(this.height),\n        },\n      }, [\n        this.$createElement('table', this.$slots.default),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-data-table',\n      class: this.classes,\n    }, [\n      this.$slots.top,\n      this.genWrapper(),\n      this.$slots.bottom,\n    ])\n  },\n})\n","import VCard from './VCard'\nimport { createSimpleFunctional } from '../../util/helpers'\n\nconst VCardActions = createSimpleFunctional('v-card__actions')\nconst VCardSubtitle = createSimpleFunctional('v-card__subtitle')\nconst VCardText = createSimpleFunctional('v-card__text')\nconst VCardTitle = createSimpleFunctional('v-card__title')\n\nexport {\n  VCard,\n  VCardActions,\n  VCardSubtitle,\n  VCardText,\n  VCardTitle,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VCard,\n    VCardActions,\n    VCardSubtitle,\n    VCardText,\n    VCardTitle,\n  },\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{attrs:{\"flat\":\"\"}},[_c('v-card-text',{staticClass:\"pb-0 mb-0\"},[_c('v-row',{staticStyle:{\"border-bottom\":\"2px solid #4E87DD\"}},[_c('v-col',{staticStyle:{\"color\":\"#4E87DD\",\"font\":\"normal normal bold 18px/25px Apple SD Gothic Neo\"}},[_vm._v(\"번호인증\")]),_c('v-col',{staticClass:\"text-right\",staticStyle:{\"color\":\"#555555\",\"font\":\"normal normal 600 14px/25px Apple SD Gothic Neo\"}},[_vm._v(\"휴대폰 번호를 인증해 주세요\")])],1)],1),_c('v-card-text',{staticClass:\"pt-0\"},[_c('v-row',{staticClass:\"mt-5\"},[_c('v-col',{staticStyle:{\"font\":\"normal normal normal 16px/25px Apple SD Gothic Neo\",\"padding-top\":\"20px\",\"padding-left\":\"10px\"},attrs:{\"cols\":\"3\"}},[_vm._v(\"휴대폰\")]),_c('v-col',{attrs:{\"cols\":\"7\"}},[_c('v-simple-table',[_c('tr',[_c('td',{staticStyle:{\"font\":\"normal normal normal 16px/37px Apple SD Gothic Neo\",\"color\":\"#333333\",\"width\":\"50px\"}},[_vm._v(\"010 -\")]),_c('td',[_c('v-text-field',{ref:'user_mdn',attrs:{\"dense\":\"\",\"outlined\":\"\",\"hide-details\":\"\",\"error\":_vm.formStatus['user_mdn'].err,\"placeholder\":\"- 없이 입력\",\"tabindex\":\"1\"},on:{\"keyup\":function($event){return _vm.checkChanged('user_mdn')},\"change\":function($event){return _vm.checkChanged('user_mdn', true)}},scopedSlots:_vm._u([(_vm.formStatus['user_mdn'].err_msg)?{key:\"append\",fn:function(){return [_c('div',{staticStyle:{\"color\":\"#FF4D4D\",\"font-size\":\"13px\",\"padding-top\":\"5px\"}},[_vm._v(\" \"+_vm._s(_vm.formStatus['user_mdn'].err_msg)+\" \")])]},proxy:true}:null],null,true),model:{value:(_vm.formData.user_mdn),callback:function ($$v) {_vm.$set(_vm.formData, \"user_mdn\", $$v)},expression:\"formData.user_mdn\"}})],1)]),(_vm.formData.sms_verified_yn != 'Y' && _vm.formData.sms_sended_yn == 'Y')?_c('tr',[_c('td',{staticStyle:{\"width\":\"50px\"}}),_c('td',{staticStyle:{\"padding-top\":\"10px\"}},[_c('v-text-field',{ref:'sms_value',attrs:{\"dense\":\"\",\"outlined\":\"\",\"hide-details\":\"\",\"error\":_vm.formStatus['sms_value'].err,\"placeholder\":\"인증번호를 입력해 주세요\",\"tabindex\":\"3\"},on:{\"keyup\":function($event){return _vm.checkChanged('sms_value')},\"change\":function($event){return _vm.checkChanged('sms_value', true)}},scopedSlots:_vm._u([(_vm.formStatus['sms_value'].err_msg)?{key:\"append\",fn:function(){return [_c('div',{staticStyle:{\"color\":\"#FF4D4D\",\"font-size\":\"13px\",\"padding-top\":\"5px\"}},[_vm._v(\" \"+_vm._s(_vm.formStatus['sms_value'].err_msg)+\" \")])]},proxy:true}:null],null,true),model:{value:(_vm.formData.sms_value),callback:function ($$v) {_vm.$set(_vm.formData, \"sms_value\", $$v)},expression:\"formData.sms_value\"}})],1)]):_vm._e()])],1),_c('v-col',{attrs:{\"cols\":\"2\"}},[_c('v-simple-table',[_c('tr',[_c('td',[(_vm.formData.sms_sended_yn == 'Y' && _vm.formData.sms_verified_yn == 'N')?_c('v-btn',{staticStyle:{\"font\":\"normal normal 600 16px/25px Apple SD Gothic Neo\",\"margin-top\":\"2px\"},attrs:{\"color\":\"#4E87DD\",\"width\":\"94px\",\"dark\":\"\",\"elevation\":\"0\",\"tabindex\":\"2\"},on:{\"click\":function($event){return _vm.checkAvailable(_vm.retrySendSms)}}},[_vm._v(\"재요청\")]):_c('v-btn',{staticStyle:{\"font\":\"normal normal 600 16px/25px Apple SD Gothic Neo\",\"margin-top\":\"2px\"},attrs:{\"color\":\"#4E87DD\",\"width\":\"94px\",\"dark\":\"\",\"elevation\":\"0\",\"tabindex\":\"2\"},on:{\"click\":function($event){return _vm.checkAvailable(_vm.sendSms)}}},[_vm._v(\"인증받기\")])],1)]),(_vm.smsSended && !_vm.smsVerified)?_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"13px\"}},[(_vm.formData.sms_value && _vm.smsSended && !_vm.smsVerified)?_c('v-btn',{staticStyle:{\"font\":\"normal normal 600 16px/25px Apple SD Gothic Neo\",\"margin-top\":\"2px\"},attrs:{\"color\":\"#4E87DD\",\"width\":\"94px\",\"dark\":\"\",\"elevation\":\"0\"},on:{\"click\":_vm.verifySms}},[_vm._v(\"확인\")]):_c('v-btn',{staticStyle:{\"font\":\"normal normal 600 16px/25px Apple SD Gothic Neo\",\"margin-top\":\"2px\"},attrs:{\"color\":\"#CCCCCC\",\"width\":\"94px\",\"dark\":\"\",\"elevation\":\"0\"}},[_vm._v(\"확인\")])],1)]):_vm._e()])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <v-card flat>\n        <v-card-text class=\"pb-0 mb-0\">\n            <v-row style=\"border-bottom: 2px solid #4E87DD;\">\n                <v-col style=\"color:#4E87DD; font: normal normal bold 18px/25px Apple SD Gothic Neo;\">번호인증</v-col>\n                <v-col style=\"color:#555555; font: normal normal 600 14px/25px Apple SD Gothic Neo;\" class=\"text-right\">휴대폰 번호를 인증해 주세요</v-col>\n            </v-row>\n        </v-card-text>\n        <v-card-text class=\"pt-0\">\n            <v-row class=\"mt-5\">\n                <v-col cols=\"3\" style=\"font: normal normal normal 16px/25px Apple SD Gothic Neo; padding-top:20px; padding-left: 10px;\">휴대폰</v-col>\n                <v-col cols=\"7\">\n                    <v-simple-table>\n                        <tr>\n                            <td style=\"font: normal normal normal 16px/37px Apple SD Gothic Neo; color: #333333; width:50px;\">010 -</td>\n                            <td>\n                                <v-text-field dense outlined hide-details :error=\"formStatus['user_mdn'].err\" :ref=\"'user_mdn'\" placeholder=\"- 없이 입력\" v-model=\"formData.user_mdn\"\n                                              @keyup=\"checkChanged('user_mdn')\" @change=\"checkChanged('user_mdn', true)\" tabindex=\"1\">\n                                    <template v-slot:append v-if=\"formStatus['user_mdn'].err_msg\">\n                                        <div style=\"color:#FF4D4D; font-size:13px; padding-top:5px;\">\n                                            {{ formStatus['user_mdn'].err_msg }}\n                                        </div>\n                                    </template>\n                                </v-text-field>\n                            </td>\n                        </tr>\n                        <tr v-if=\"formData.sms_verified_yn != 'Y' && formData.sms_sended_yn == 'Y'\">\n                            <td style=\"width:50px;\"></td>\n                            <td style=\"padding-top:10px;\">\n                                <v-text-field dense outlined hide-details :error=\"formStatus['sms_value'].err\" :ref=\"'sms_value'\" placeholder=\"인증번호를 입력해 주세요\"\n                                              v-model=\"formData.sms_value\" @keyup=\"checkChanged('sms_value')\" @change=\"checkChanged('sms_value', true)\" tabindex=\"3\">\n                                    <template v-slot:append v-if=\"formStatus['sms_value'].err_msg\">\n                                        <div style=\"color:#FF4D4D; font-size:13px; padding-top:5px;\">\n                                            {{ formStatus['sms_value'].err_msg }}\n                                        </div>\n                                    </template>\n                                </v-text-field>\n                            </td>\n                        </tr>\n                    </v-simple-table>\n                </v-col>\n                <v-col cols=\"2\">\n                    <v-simple-table>\n                        <tr>\n                            <td>\n                                <v-btn color=\"#4E87DD\" width=\"94px\" dark elevation=\"0\" style=\"font: normal normal 600 16px/25px Apple SD Gothic Neo; margin-top: 2px;\" @click=\"checkAvailable(retrySendSms)\" v-if=\"formData.sms_sended_yn == 'Y' && formData.sms_verified_yn == 'N'\" tabindex=\"2\">재요청</v-btn>\n                                <v-btn color=\"#4E87DD\" width=\"94px\" dark elevation=\"0\" style=\"font: normal normal 600 16px/25px Apple SD Gothic Neo; margin-top: 2px;\" @click=\"checkAvailable(sendSms)\" v-else tabindex=\"2\">인증받기</v-btn>\n                            </td>\n                        </tr>\n                        <tr v-if=\"smsSended && !smsVerified\">\n                            <td style=\"padding-top:13px;\">\n                                <v-btn color=\"#4E87DD\" width=\"94px\" dark elevation=\"0\" style=\"font: normal normal 600 16px/25px Apple SD Gothic Neo; margin-top: 2px;\" v-if=\"formData.sms_value && smsSended && !smsVerified\" @click=\"verifySms\">확인</v-btn>\n                                <v-btn color=\"#CCCCCC\" width=\"94px\" dark elevation=\"0\" style=\"font: normal normal 600 16px/25px Apple SD Gothic Neo; margin-top: 2px;\" v-else>확인</v-btn>\n                            </td>\n                        </tr>\n                    </v-simple-table>\n                </v-col>\n            </v-row>\n        </v-card-text>\n    </v-card>\n</template>\n<script>\nimport joinApi from '@/api/join'\n\nexport default {\n    name: 'join_step_01',\n    components: {},\n    data: () => ({\n        formData: {\n            join_tid: '',\n            invited_yn: '',\n            user_mdn: '',\n            sms_value: '',\n            sms_sended_yn: 'N',\n            sms_verified_yn: 'N',\n        },\n        formStatus: {\n            'user_mdn': {\n                err: false,\n                err_msg: '',\n                sms_sended_val: '',\n                verified_val: '',\n            },\n            'sms_value': {\n                err: false,\n                err_msg: '',\n            }\n        }\n    }),\n    computed: {\n        smsSended() {\n            return (this.formData && this.formData.sms_sended_yn == 'Y')\n        },\n        smsVerified() {\n            return (this.formData && this.formData.sms_verified_yn == 'Y')\n        }\n    },\n    created() {\n    },\n    mounted() {\n        this.$store.dispatch('join/init', {})\n        this.$store.commit('join/setJoinStep', 1)\n    },\n    methods: {\n        doNext() {\n            if (this.checkFormErr()) {\n                return\n            }\n\n            joinApi.submitSmsVerify(this.formData, (va) => {\n                va.$store.dispatch('openAlert', {\n                    'message': '인증 되었습니다',\n                    'va': va,\n                    'closeCb': (va) => {\n                        va.formData.user_mdn = `010${va.formData.user_mdn}`\n                        va.$store.commit('join/setJoinFormStep01', va.formData)\n                        va.$router.push(`/join/step02/${va.formData.join_tid}`)\n                    }\n                })\n            }, (err, va) => {\n                if (err == 'WAITING_APPROVAL') {\n                    va.$router.push('/join/wait_approval')\n                } else {\n                    va.handleErrorSendSms(err)\n                }\n\n            }, this)\n        },\n        checkSmsNumber(userMdn) {\n            let isValid = true\n            let regType = /^[0-9+]{7,8}$/;\n\n            if (userMdn == '') {\n                this.updateErrStatus('user_mdn', true, '휴대폰 번호를 입력해 주세요')\n                isValid = false\n            } else if (!regType.test(userMdn)) {\n                this.updateErrStatus('user_mdn', true, '잘못된 휴대폰 번호 형식 입니다')\n                isValid = false\n            }\n\n            return isValid\n        },\n        handleSuccessSendSms() {\n            this.$store.dispatch('openAlert', {'message': '인증번호가 전송되었습니다.'})\n            this.$refs.sms_value.focus()\n        },\n        handleErrorSendSms(err) {\n            // NO_USER=사용자 정보 없음\n            // NOT_ADMIN=관리자 아님\n            // NO_COMPANY=업체정보 없음\n            // INVALID_LV_TYPE=업체 레벨 오류(이미PRO 혹은 PTN)\n            // CREATE_FAIL=정보생성 오류\n            // SEND_FAIL=발송 실패\n            let msg = '인증 문자 발송을 실패 했습니다'\n            let subMsg = ''\n\n            if (err == 'ALREADY_ADMIN' || err == 'ALREADY_USER') {\n                msg = '이미 회원으로 등록되어 있습니다.'\n                subMsg = ''\n            } else if (err == 'NO_COMPANY') {\n                msg = '업체 정보를 찾을 수 없습니다.'\n                subMsg = ''\n            } else if (err == 'INVALID_LV_TYPE') {\n                msg = 'Call Pro 서비스를 사용 중인 업체가 아닙니다.'\n                subMsg = ''\n            }\n\n            this.$store.dispatch('openAlert', {\n                message: msg,\n                sub_message: subMsg,\n            })\n        },\n        checkAvailable(callbackFnc) {\n            let userMdn = this.formData.user_mdn\n            if (this.checkSmsNumber(userMdn)) {\n                callbackFnc(userMdn)\n            }\n        },\n        retrySendSms(userMdn) {\n            let ctx = this\n            joinApi.retrySendSms({\n                join_tid: ctx.formData.join_tid,\n                user_mdn: userMdn\n            }, (va) => {\n                va.formStatus.user_mdn.sms_sended_val = userMdn\n                va.formStatus.user_mdn.verified_val = ''\n                va.formData.sms_value = ''\n\n                va.$nextTick(() => {\n                    va.handleSuccessSendSms()\n                })\n\n            }, (err, va) => {\n                va.handleErrorSendSms(err)\n            }, this)\n        },\n        sendSms(userMdn) {\n            joinApi.sendSms({\n                user_mdn: userMdn\n\n            }, (joinTid, va) => {\n                va.formData.sms_sended_yn = 'Y'\n                va.formData.sms_verified_yn = 'N'\n                va.formStatus.user_mdn.sms_sended_val = userMdn\n                va.formStatus.user_mdn.verified_val = ''\n                va.formData.sms_value = ''\n                va.formData.join_tid = joinTid\n\n                va.$nextTick(() => {\n                    va.handleSuccessSendSms()\n                })\n\n            }, (err, va) => {\n                va.handleErrorSendSms(err)\n            }, this)\n        },\n        verifySms() {\n            if (this.formData.sms_value == '') {\n                this.updateErrStatus('sms_value', true, 'SMS를 통해 수신한 인증번호를 입력해 주세요')\n                return\n            }\n\n            let ctx = this\n\n            joinApi.verifySms({\n                join_tid: ctx.formData.join_tid,\n                sms_value: ctx.formData.sms_value,\n\n            }, (verifyResult, invitedYn, va) => {\n                if (verifyResult == 'SUCCESS' || verifyResult == 'ALREADY_VERIFIED') {\n                    va.formData.invited_yn = invitedYn\n                    va.formData.sms_verified_yn = 'Y'\n                    va.formStatus.user_mdn.verified_val = va.formData.sms_value\n                    va.updateErrStatus('user_mdn', false, '')\n                    va.doNext()\n                } else {\n                    let msg = '인증을 실패 했습니다'\n                    let subMsg = ''\n                    // NO_TRAN, ALREADY_VERIFIED, INCORRECT\n                    if (verifyResult == 'NO_TRAN') {\n                        msg = '인증시간이 만료되었습니다. 다시 인증해주세요.'\n                    } else if (verifyResult == 'INCORRECT') {\n                        subMsg = '인증번호가 일치하지 않습니다'\n                    } else if (verifyResult == 'ALREADY_VERIFIED') {\n                        subMsg = '인증 정보가 잘못되었습니다'\n                    }\n\n                    va.$store.dispatch('openAlert', {\n                        'message': msg,\n                        'sub_message': subMsg,\n                        'va': va,\n                        closeCb: function (va) {\n                            va.formStatus.user_mdn.verified = false\n                            va.formStatus.user_mdn.verified_val = ''\n                        }\n                    })\n                }\n            }, (err, va) => {\n                va.$store.dispatch('openAlert', {\n                    'message': '인증을 실패 했습니다.',\n                    'va': va,\n                    closeCb: function (va) {\n                        va.formStatus.user_mdn.verified = false\n                        va.formStatus.user_mdn.verified_val = ''\n                    }\n                })\n            }, this)\n        },\n        checkChanged(t, focusOutFlag) {\n            let val = this.formData[t]\n            let st = this.formStatus[t]\n            let mdnRegType = /^[0-9+]{7,8}$/;\n\n            if (t == 'user_mdn') {\n                if (st) {\n                    if (focusOutFlag || st.err) {\n                        if (!val) {\n                            this.updateErrStatus('user_mdn', true, '휴대폰 번호를 입력해 주세요')\n                            return\n                        } else if (!mdnRegType.test(val)) {\n                            this.updateErrStatus('user_mdn', true, '잘못된 휴대폰 번호 형식 입니다')\n                            return\n                        }\n                    }\n                    if (st.err) {\n                        st.err = false\n                        st.err_msg = ''\n                    } else if (val != '' && st.sms_sended_val != val) {\n                        this.formData.sms_sended_yn = 'N'\n                        this.formData.sms_verified_yn = 'N'\n                        st.sms_sended_val = ''\n                        st.verified_val = ''\n                    }\n                }\n            } else {\n                if (st) {\n                    if (st.err) {\n                        st.err = false\n                        st.err_msg = ''\n                    }\n                }\n            }\n        },\n        checkFormErr() {\n            for (let k in this.formStatus) {\n                if (this.formStatus[k].err) {\n                    return true\n                }\n            }\n\n            return false\n        },\n        updateErrStatus(target, err, errMsg) {\n            let status = this.formStatus[target]\n            let ref = null\n\n            if (target == 'user_id') {\n                ref = this.$refs.user_id\n            }\n\n            if (!errMsg) {\n                errMsg = ''\n            }\n\n            if (status) {\n                status.err = err\n                status.err_msg = errMsg\n                if (err && ref) {\n                    ref.focus()\n                }\n            }\n        }\n    }\n}\n</script>\n<style>\n</style>\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./subview_step01.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./subview_step01.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./subview_step01.vue?vue&type=template&id=db63a6a6&\"\nimport script from \"./subview_step01.vue?vue&type=script&lang=js&\"\nexport * from \"./subview_step01.vue?vue&type=script&lang=js&\"\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 { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSimpleTable } from 'vuetify/lib/components/VDataTable';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCardText,VCol,VRow,VSimpleTable,VTextField})\n"],"sourceRoot":""}