{"version":3,"sources":["webpack:///./src/views/Navless/Login.vue?d4fa","webpack:///./src/components/RecruitSectionAlt.vue?6088","webpack:///./src/views/Navless/Login.vue","webpack:///./src/components/Icon/MouseScroll.vue","webpack:///./src/components/Icon/MouseScroll.vue?e953","webpack:///./src/components/RecruitSectionAlt.vue","webpack:///src/components/RecruitSectionAlt.vue","webpack:///./src/components/RecruitSectionAlt.vue?fcc1","webpack:///./src/components/RecruitSectionAlt.vue?9291","webpack:///src/views/Navless/Login.vue","webpack:///./src/views/Navless/Login.vue?0de5","webpack:///./src/views/Navless/Login.vue?a0ac","webpack:///./src/components/Icon/MouseScroll.vue?7d5d"],"names":["staticClass","staticStyle","_c","attrs","_vm","load","_e","logging","directives","value","$vuetify","expression","ref","model","callback","loginValid","verifyUser","username","passwordShow","v","name","_v","isMouseVisible","loginDialog","preventDefault","password","rememberLogin","$$v","_self","staticRenderFns","script","component","form","$event","on","$set","jobDistrict1s","cities","fetchJobDistrict2","city2Code","jobDistrict2s","text","gender","formatedBirthDay","idNumber","idDate","formatedIdDate","fetchDistrict","fetchWard","educationMajors","educationMajorCode","universityCode","pharmaCert","openExpDialog","expForm","experienceCompanyHeaders","experienceCompanies","scopedSlots","fn","index","file","avatarFile","requiredCv","key","cvFile","attachmentFile","render","dateRegex","RegExp","minBirthDay","moment","startOf","subtract","format","watch","handler","val","fetchAvailableRecruitmentRequest","computed","jobCities1","jobCities","length","idPlaces","fixedData","cityData","map","x","concat","avatarError","console","log","result","jobCode","currentJob","jobs","filter","code","height","breakpoint","mdAndUp","get","birthday","set","possibleFormats","parsedDate","isValid","methods","saveExp","push","position","from","to","quitNote","expDialog","closeExpDialog","validStep1","alert","stepValid","$refs","recruit_step_1","validate","nextStep","validStep2","recruit_step_2","validStep3","recruit_step_3","validStep4","recruit_step_4","validStep5","recruit_step_5","applyJob","createBase64Image","FileObject","reader","FileReader","onload","event","base64_cccd_front","target","readAsDataURL","step","goTo","scrollOptions","uploadAvatar","avatarPreview","URL","createObjectURL","chooseAvatar","avatarInput","input","click","fetchJob","http","then","res","data","items","catch","err","fetchCity","params","dropDown","districts","fetchJobDistrict1","wards","fetchDistrict2","district2s","fetchWard2","ward2s","fetchEducationLevel","ApiService","educationLevels","fetchEducationMajor","fetchUniversity","universities","fetchEthnicity","r","ethnicities","fetchOrigin","origins","fetchReligion","religions","getJobCity","d","availJobs","getJobInfo","formData","FormData","forEach","append","valid","Swal","fire","title","html","icon","showCloseButton","idImageFrontFile","idImageBackFile","Object","entries","JSON","stringify","isLoading","post","CANDIDATE_URL","assign","defaultForm","weight","closeButtonText","window","location","reload","finally","eventObj","color","message","toast","EventBus","$emit","jobHeaders","yearExperiences","undefined","recruitChannels","pharmaCerts","phone","mail","cityCode","districtCode","wardCode","address","city1Code","dCityCode","dDistrictCode","dWardCode","dAddress","ethnicityCode","originCode","religionCode","educationLevelCode","yearExperience","idPlace","note","recruitChannel","graduateTypeCode","jobDistrict1Code","jobDistrict2Code","dialog","rules","required","validEmail","test","validDate","minDate","isAfter","width","mounted","components","Scroll","RecruitSection","RecruitSectionAlt","props","type","String","default","isScrolling","show","scrollTop","isUserPending","duration","offset","easing","easings","getApple","href","url","loadImg","apiService","login","vm","loginForm","UserName","Password","response","strTOKEN","user","localStorage","setItem","token","parse","claims","validTo","webAllowed","removeItem","redirect","$route","query","route","id","id2","router","error","status","onScroll","pageYOffset","document","documentElement","updated","rememberUser","getItem","rememberPassword","setTimeout","created","Api","addEventListener","beforeDestroy","removeEventListener"],"mappings":"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","file":"js/Login.60716b27.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=style&index=0&id=7e9d96d8&prod&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecruitSectionAlt.vue?vue&type=style&index=0&id=eb4bcac8&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"login\"}},[_c('v-container',{staticClass:\"pa-0\",staticStyle:{\"background\":\"url('/static/login-hero2.jpg')\",\"background-size\":\"100%\",\"background-repeat\":\"no-repeat\",\"background-position\":\"top\"},attrs:{\"fluid\":\"\"}},[_c('div',{staticClass:\"opacity-mask\",staticStyle:{\"position\":\"absolute\",\"height\":\"100%\",\"width\":\"100%\"}}),_c('v-container',[_c('v-row',{attrs:{\"justify\":\"center\",\"align\":\"center\",\"no-gutters\":\"\"}},[(_vm.$vuetify.breakpoint.smAndUp)?_c('v-col',{staticClass:\"pa-0\",staticStyle:{\"background-color\":\"transparent\"},attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"8\"}},[_c('v-card',{staticClass:\"d-flex align-center\",staticStyle:{\"background-color\":\"transparent\"},attrs:{\"flat\":\"\",\"tile\":\"\",\"height\":\"calc(100vh - 322px)\"}},[_c('v-sheet',{staticClass:\"mx-auto\",staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"background-color\":\"transparent\",\"backdrop-filter\":\"blur(0px)\"},attrs:{\"rounded\":\"\"}},[_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.show)?_c('v-card',{staticClass:\"elevation-0 mx-auto rounded-xl d-flex align-center\",staticStyle:{\"height\":\"100%\",\"max-width\":\"50%\"},attrs:{\"color\":\"rgba(255,255,255,.0)\"}},[_c('v-img',{attrs:{\"src\":\"/static/logo2.png\"},on:{\"load\":function($event){_vm.show= true}}})],1):_vm._e()],1)],1)],1)],1):_vm._e(),_c('v-col',{staticClass:\"pb-5\",staticStyle:{\"backdrop-filter\":\"blur(0px)\"},attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\"}},[_c('v-card',{staticClass:\"mx-auto my-auto rounded-xl px-2 elevation-3\",staticStyle:{\"padding-bottom\":\"32px\",\"max-width\":\"400px\",\"border\":\"0px\",\"border-bottom\":\"3px\",\"border-style\":\"solid\",\"border-color\":\"#BDBDBD\"},attrs:{\"loading\":_vm.logging,\"rounded\":\"50%\",\"load\":\"\"}},[_c('div',{staticClass:\"pa-2 text-center\"},[_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$vuetify.breakpoint.xsOnly),expression:\"$vuetify.breakpoint.xsOnly\"}],attrs:{\"contain\":\"\",\"width\":\"286\",\"src\":\"/static/logo2.png\"}})]),_c('v-card-title',{staticClass:\"text-center mb-6\"},[_c('v-spacer'),_vm._v(\" CHÀO BẠN ĐÃ TRỞ LẠI \"),_c('v-spacer')],1),_c('v-card-text',{staticClass:\"text-center\"},[_c('v-form',{ref:\"loginForm\",staticClass:\"px-6\",attrs:{\"id\":\"loginForm\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.login.apply(null, arguments)}},model:{value:(_vm.loginValid),callback:function ($$v) {_vm.loginValid=$$v},expression:\"loginValid\"}},[_c('v-text-field',{attrs:{\"label\":\"Tên tài khoản\",\"required\":\"\",\"outlined\":\"\",\"rules\":[v=>!!v||\"Nhập tài khoản\"]},on:{\"change\":_vm.verifyUser},model:{value:(_vm.username),callback:function ($$v) {_vm.username=$$v},expression:\"username\"}}),_c('v-text-field',{attrs:{\"label\":\"Password\",\"required\":\"\",\"append-icon\":_vm.passwordShow ? 'mdi-eye' : 'mdi-eye-off',\"type\":_vm.passwordShow ? 'text' : 'password',\"rules\":[v=>!!v||\"Nhập mật khẩu\"],\"outlined\":\"\"},on:{\"click:append\":function($event){_vm.passwordShow = !_vm.passwordShow}},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}}),_c('div',{staticClass:\"d-flex justify-center\"},[_c('v-checkbox',{staticClass:\"mt-0\",attrs:{\"label\":\"Lưu nhớ mật khẩu\",\"hide-details\":\"\"},model:{value:(_vm.rememberLogin),callback:function ($$v) {_vm.rememberLogin=$$v},expression:\"rememberLogin\"}})],1),_c('v-btn',{staticClass:\"font-weight-bold rounded-pill my-4 d-block mx-auto\",attrs:{\"width\":\"90%\",\"type\":\"submit\",\"color\":\"amber darken-3\",\"dark\":\"\",\"form\":\"loginForm\"}},[_vm._v(\"Đăng nhập \"),_c('v-icon',{attrs:{\"right\":\"\"}},[_vm._v(\"mdi-login\")])],1),_c('v-row',[_c('v-col',{staticClass:\"text-left\",attrs:{\"cols\":\"6\"}},[_c('router-link',{staticClass:\"teal--text mb-2\",staticStyle:{\"width\":\"100%\",\"display\":\"block\"},attrs:{\"text\":\"\",\"to\":{name: 'ChangePassword'}}},[_vm._v(\" Đổi mật khẩu\")]),_c('router-link',{staticClass:\"teal--text mb-2\",staticStyle:{\"width\":\"100%\",\"display\":\"block\"},attrs:{\"text\":\"\",\"to\":{name: 'ForgetPassword'}}},[_vm._v(\" Quên mật khẩu\")])],1),_c('v-col',{staticClass:\"text-center\",attrs:{\"cols\":\"6\"}},[_c('p',{},[_vm._v(\"Quét để truy cập nhanh \")]),_c('img',{staticClass:\"d-block mx-auto\",attrs:{\"src\":\"/static/qr_main.svg\",\"alt\":\"\",\"srcset\":\"\",\"width\":\"72\"}})])],1)],1)],1)],1)],1)],1)],1),_c('v-footer',{staticClass:\"text-center\",attrs:{\"color\":\"teal darken-4\",\"padless\":\"\"}},[_c('v-container',[_c('mouse-scroll',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isMouseVisible),expression:\"isMouseVisible\"}],staticStyle:{\"position\":\"absolute\",\"top\":\"-95px\",\"left\":\"50%\",\"transform\":\"translateX(-18px)\"}}),_c('v-card',{staticClass:\"d-flex justify-space-around align-end elevation-0\",staticStyle:{\"flex-wrap\":\"wrap\"},attrs:{\"color\":\"transparent\",\"dark\":\"\"}},[_c('v-col',{staticClass:\"px-0\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('img',{staticClass:\"rounded-xl elevation-6\",staticStyle:{\"background\":\"white\",\"padding\":\"8px\"},attrs:{\"src\":\"https://cdn-icons-png.flaticon.com/128/4732/4732739.png\",\"width\":\"64px\",\"height\":\"64px\"}}),_c('div',{staticClass:\"text-h6 green--text text--lighten-4 my-2\"},[_vm._v(\" Liên hệ\")]),_c('div',{staticClass:\"my-2 font-weight-bold yellow--text text--lighten-2 py-2\",staticStyle:{\"height\":\"44px\"}},[_vm._v(\" 0867 742 768 | 0888 786 787\")])]),_c('v-col',{staticClass:\"px-0\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('img',{staticClass:\"rounded-xl elevation-6\",staticStyle:{\"background\":\"white\",\"padding\":\"8px\"},attrs:{\"src\":\"https://cdn-icons-png.flaticon.com/128/4732/4732877.png\",\"width\":\"64px\"}}),_c('div',{staticClass:\"text-h6 green--text text--lighten-4 my-2\"},[_vm._v(\" E-mail\")]),_c('div',{staticClass:\"my-2 font-weight-bold yellow--text text--lighten-2 py-2\",staticStyle:{\"height\":\"44px\"}},[_vm._v(\" tuyendung@trungsonpharma.com\")])]),_c('v-col',{staticClass:\"px-0\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('a',{staticClass:\"mx-2\",on:{\"click\":_vm.getApple}},[_c('img',{staticStyle:{\"height\":\"47px\",\"width\":\"150px\"},attrs:{\"src\":\"/static/icons/App_Store.png\"}})]),_c('a',{staticClass:\"mx-2\",attrs:{\"href\":\"https://play.google.com/store/apps/details?id=vn.trungsonpharma.chamcong\"}},[_c('img',{staticStyle:{\"height\":\"47px\",\"width\":\"150px\"},attrs:{\"src\":\"/static/icons/google_play_2.png\"}})]),_c('div',{staticClass:\"text-h6 green--text text--lighten-4 my-2\"},[_vm._v(\" Tải về ứng dụng chấm công\")]),_c('div',{staticClass:\"my-2 font-weight-bold yellow--text text--lighten-2\"},[_vm._v(\" PDF hướng dẫn \"),_c('v-btn',{staticClass:\"mx-1 d-inline-block\",staticStyle:{},attrs:{\"color\":\"transparent\",\"icon\":\"\",\"target\":\"_blank\",\"href\":\"https://tshrmapi.trungsonpharma.com/uploads/static/user_guide.pdf\",\"depressed\":\"\",\"large\":\"\"}},[_c('img',{attrs:{\"src\":\"/static/icons/PDF_icon.png\",\"width\":\"30px\"}})])],1)])],1)],1)],1),_c('v-card',{attrs:{\"tile\":\"\",\"flat\":\"\"}},[_c('v-row',{staticClass:\"mb-0\",staticStyle:{\"border-radius\":\"4px\"}},[_c('v-col',{staticClass:\"mx-auto\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"my-6 mx-5\"},[_c('p',{},[_c('span',{staticClass:\"font-weight-light teal--text text--darken-4 display-1\"},[_vm._v(\"ĐỘI NGŨ\")]),_c('span',{staticClass:\"ml-2 font-weight-bold teal--text text--darken-4 display-1\"},[_c('b',[_vm._v(\"QUẢN LÝ\")])])]),_c('p',{staticClass:\"orange--text display-1 font-italic\",staticStyle:{\"margin-left\":\"5rem\"}},[_c('span',[_vm._v(\"HIỂU NGÀNH YÊU NGHỀ\")])])])])],1)],1),_c('v-dialog',{attrs:{\"max-width\":\"400px\"},model:{value:(_vm.loginDialog),callback:function ($$v) {_vm.loginDialog=$$v},expression:\"loginDialog\"}},[_c('v-card',{staticClass:\"mx-auto\",staticStyle:{\"border-bottom\":\"3px\",\"border-bottom-style\":\"solid\",\"border-bottom-color\":\"#FFBE5F\"},attrs:{\"loading\":_vm.logging}},[_c('v-card-title',{staticClass:\"text-center\"},[_vm._v(\" Chào bạn trở lại \")]),_c('v-card-text',[_c('v-form',{ref:\"loginForm\",attrs:{\"id\":\"loginForm\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.login.apply(null, arguments)}},model:{value:(_vm.loginValid),callback:function ($$v) {_vm.loginValid=$$v},expression:\"loginValid\"}},[_c('v-text-field',{attrs:{\"label\":\"Tên tài khoản\",\"required\":\"\",\"solo\":\"\",\"rounded\":\"\",\"rules\":[v=>!!v||\"Nhập tài khoản\"]},model:{value:(_vm.username),callback:function ($$v) {_vm.username=$$v},expression:\"username\"}}),_c('v-text-field',{attrs:{\"label\":\"Password\",\"required\":\"\",\"append-icon\":_vm.passwordShow ? 'mdi-eye' : 'mdi-eye-off',\"type\":_vm.passwordShow ? 'text' : 'password',\"rules\":[v=>!!v||\"Nhập mật khẩu\"],\"solo\":\"\",\"rounded\":\"\"},on:{\"click:append\":function($event){_vm.passwordShow = !_vm.passwordShow}},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}})],1),_c('v-checkbox',{staticClass:\"mt-0\",attrs:{\"label\":\"Lưu nhớ mật khẩu\"},model:{value:(_vm.rememberLogin),callback:function ($$v) {_vm.rememberLogin=$$v},expression:\"rememberLogin\"}}),_c('router-link',{staticClass:\"teal--text\",attrs:{\"text\":\"\",\"to\":{name: 'ChangePassword'}}},[_c('v-icon',{attrs:{\"left\":\"\",\"color\":\"orange darken-3\"}},[_vm._v(\"mdi-lock-reset\")]),_vm._v(\" Đổi mật khẩu\")],1)],1),_c('v-card-actions',[_c('v-btn',{staticClass:\"font-weight-bold\",attrs:{\"width\":\"100%\",\"type\":\"submit\",\"color\":\"amber darken-3\",\"dark\":\"\",\"form\":\"loginForm\"}},[_vm._v(\"Đăng nhập\")])],1)],1)],1),_c('recruit-section')],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{},[_c('div',{staticClass:\"mouse\"}),_c('p',[_c('v-icon',{staticClass:\"d-inline-block\"},[_vm._v(\"mdi-chevron-double-down\")])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./MouseScroll.vue?vue&type=template&id=4b9d516c&scoped=true&\"\nvar script = {}\nimport style0 from \"./MouseScroll.vue?vue&type=style&index=0&id=4b9d516c&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  \"4b9d516c\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"recruit-section\"}},[_c('v-sheet',{attrs:{\"light\":\"\"}},[_c('v-container',{staticClass:\"py-4\"},[_c('v-card',{staticClass:\"px-0\",staticStyle:{\"background-attachment\":\"fixed\",\"background-color\":\"rgba(0,0,0,.3)\",\"background-blend-mode\":\"multiply\",\"background-image\":\"url('/static/smooth-green-background.jpg')\",\"background-size\":\"cover\",\"background-position\":\"left center\",\"background-repeat\":\"no-repeat\"},attrs:{\"outlined\":\"\"}},[_c('v-row',{staticClass:\"mx-0 py-6\"},[_c('v-col',{staticClass:\"text-center d-flex align-center pt-6\",attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('v-spacer'),_c('div',{staticClass:\"d-block\",staticStyle:{\"widows\":\"100%\"}},[_c('p',{staticClass:\"text-h6 font-weight-bold white--text\"},[_vm._v(\"LIÊN HỆ NGAY ĐỂ ĐƯỢC TƯ VẤN VỀ VIỆC LÀM\")]),_c('a',{staticClass:\"mx-2\",attrs:{\"target\":\"_blank\",\"href\":\"https://www.facebook.com/nhathuoctrungson/\"}},[_c('img',{attrs:{\"src\":\"https://cdn-icons-png.flaticon.com/128/3670/3670032.png\",\"width\":\"64px\"}})]),_c('a',{staticClass:\"mx-2\",attrs:{\"target\":\"_blank\",\"href\":\"https://trungsoncare.com/\"}},[_c('img',{attrs:{\"src\":\"https://cdn-icons-png.flaticon.com/128/724/724664.png\",\"width\":\"64px\"}})]),_c('a',{staticClass:\"mx-2\",attrs:{\"target\":\"_blank\",\"href\":\"https://www.youtube.com/channel/UCEGFRl4OC-hf9ZWMXBsk4Kg\"}},[_c('img',{staticClass:\"d-inline-block\",attrs:{\"src\":\"https://cdn-icons-png.flaticon.com/512/3670/3670163.png\",\"width\":\"64px\"}})])]),_c('v-spacer')],1),_c('v-col',{staticClass:\"py-6\",attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('v-card',{staticClass:\"rounded-xl elevation-5\"},[_c('v-card-title',{staticStyle:{\"word-break\":\"break-word\"}},[_c('v-spacer'),_vm._v(\" NỘP HỒ SƠ CỦA BẠN \"),_c('v-spacer')],1),_c('v-stepper',{staticClass:\"elevation-0\",attrs:{\"id\":\"stepper\",\"vertical\":\"\"},model:{value:(_vm.step),callback:function ($$v) {_vm.step=$$v},expression:\"step\"}},[_c('v-stepper-step',{attrs:{\"step\":\"1\",\"color\":\"orange accent-4\",\"complete\":_vm.stepValid[0],\"complete-icon\":\"mdi-check\"}},[_vm._v(\" Công việc ứng tuyển \")]),_c('v-stepper-content',{attrs:{\"step\":\"1\"}},[_c('v-card',[_c('v-card-text',[_c('v-card',{staticClass:\"rounded-xl\",attrs:{\"flat\":\"\",\"outlined\":\"\"}},[_c('v-card-text',[_c('v-data-table',{attrs:{\"items\":_vm.jobs,\"headers\":_vm.jobHeader}})],1)],1),_c('v-form',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.form.jobCode),expression:\"form.jobCode\"}],ref:\"recruit_step_1\",attrs:{\"id\":\"recruit_step_1\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.validStep1.apply(null, arguments)}}},[_c('v-row',[_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Nơi làm việc mong muốn 1 \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-select',{attrs:{\"dense\":\"\",\"outlined\":\"\",\"hide-details\":\"\",\"label\":\"Nơi làm việc mong muốn 1\",\"items\":_vm.jobCities1,\"item-text\":\"name\",\"item-value\":\"code\"},on:{\"change\":_vm.fetchJobDistrict1},model:{value:(_vm.form.city1Code),callback:function ($$v) {_vm.$set(_vm.form, \"city1Code\", $$v)},expression:\"form.city1Code\"}}),_c('v-autocomplete',{staticClass:\"mt-2\",attrs:{\"outlined\":\"\",\"clearable\":\"\",\"hide-details\":\"auto\",\"placeholder\":\"Quận (huyện)\",\"dense\":\"\",\"items\":_vm.jobDistrict1s,\"item-text\":\"name\",\"item-value\":\"code\",\"rules\":[ v => !!v || 'Chọn một dữ liệu']},model:{value:(_vm.form.jobDistrict1Code),callback:function ($$v) {_vm.$set(_vm.form, \"jobDistrict1Code\", $$v)},expression:\"form.jobDistrict1Code\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Nơi làm việc mong muốn 2 \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-select',{attrs:{\"dense\":\"\",\"outlined\":\"\",\"hide-details\":\"\",\"label\":\"Nơi làm việc mong muốn 2\",\"items\":_vm.cities,\"item-text\":\"name\",\"item-value\":\"code\"},on:{\"change\":_vm.fetchJobDistrict2},model:{value:(_vm.form.city2Code),callback:function ($$v) {_vm.$set(_vm.form, \"city2Code\", $$v)},expression:\"form.city2Code\"}}),_c('v-autocomplete',{staticClass:\"mt-2\",attrs:{\"outlined\":\"\",\"clearable\":\"\",\"hide-details\":\"auto\",\"placeholder\":\"Quận (huyện)\",\"dense\":\"\",\"items\":_vm.jobDistrict2s,\"item-text\":\"name\",\"item-value\":\"code\",\"rules\":[ v => !!v || 'Chọn một dữ liệu']},model:{value:(_vm.form.jobDistrict2Code),callback:function ($$v) {_vm.$set(_vm.form, \"jobDistrict2Code\", $$v)},expression:\"form.jobDistrict2Code\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Bạn biết tới trung sơn qua \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-radio-group',[_c('v-radio',{attrs:{\"label\":\"Mạng xã hội\",\"value\":\"MXH\"}}),_c('v-radio',{attrs:{\"label\":\"Tờ rơi\",\"value\":\"TR\"}}),_c('v-radio',{attrs:{\"label\":\"Được giới thiệu\",\"value\":\"N\"}}),_c('v-radio',{attrs:{\"label\":\"Trang tuyển dụng\",\"value\":\"TTD\"}})],1)],1)],1)],1)],1),_c('v-card-actions',{staticClass:\"mt-6\"},[_c('v-spacer'),_c('v-btn',{staticStyle:{\"width\":\"180px\"},attrs:{\"type\":\"submit\",\"form\":\"recruit_step_1\",\"color\":\"green darken-4\",\"dark\":\"\"}},[_vm._v(\" Tiếp tục\")]),_c('v-spacer')],1)],1)],1),_c('v-stepper-step',{attrs:{\"step\":\"2\",\"color\":\"orange accent-4\",\"complete\":_vm.stepValid[1],\"complete-icon\":\"mdi-check\"}},[_vm._v(\" Thông tin cơ bản \")]),_c('v-stepper-content',{attrs:{\"step\":\"2\"}},[_c('v-card',{attrs:{\"flat\":\"\"}},[_c('v-form',{ref:\"recruit_step_2\",attrs:{\"id\":\"recruit_step_2\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.validStep2.apply(null, arguments)}}},[_c('v-row',[_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Họ & tên \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-text-field',{attrs:{\"outlined\":\"\",\"hide-details\":\"auto\",\"rules\":[\n                                                                    v => !!v || 'Nhập vào họ tên',\n                                                                    v => (v || '').length <=30 || 'Tên quá dài']},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Giới tính \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-select',{attrs:{\"outlined\":\"\",\"hide-details\":\"auto\",\"items\":[{text: \"Nam\", value: true}, {text:\"Nữ\", value:false}],\"rules\":[v=> v!=null ||'Chọn 1 dữ liệu' ]},model:{value:(_vm.form.gender),callback:function ($$v) {_vm.$set(_vm.form, \"gender\", $$v)},expression:\"form.gender\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-divider')],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Ngày sinh \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-card',{staticClass:\"d-inline-flex\",attrs:{\"outlined\":\"\"}},[_c('v-date-picker',{staticClass:\"mx-auto\",attrs:{\"no-title\":\"\",\"locale\":\"vi\",\"full-width\":\"\",\"color\":\"green darken-2\"},model:{value:(_vm.form.birthday),callback:function ($$v) {_vm.$set(_vm.form, \"birthday\", $$v)},expression:\"form.birthday\"}})],1),_c('v-text-field',{attrs:{\"hide-details\":\"auto\",\"maxlength\":\"10\",\"outlined\":\"\",\"rules\":[\n                                                                                                    _vm.rules.required,\n                                                                                                    _vm.rules.validDate,\n                                                                                                    _vm.rules.minDate\n                                                                                                    ],\"hint\":\"Định dạng ngày dd/mm/yyyy\"},model:{value:(_vm.formatedBirthDay),callback:function ($$v) {_vm.formatedBirthDay=$$v},expression:\"formatedBirthDay\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-divider')],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Số điện thoại \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-text-field',{attrs:{\"hide-details\":\"auto\",\"placeholder\":\"ví dụ 0972xxxxxx\",\"outlined\":\"\",\"rules\":[\n                                                                      v => !!v || 'Nhập SDT', v => (v || '').length <=15 || 'SDT quá dài',\n                                                                      v => (v || '').length >=10 || 'SDT quá ngắn',\n                                                                      v =>  !/\\D/.test(v) || 'SDT không đúng']},model:{value:(_vm.form.phone),callback:function ($$v) {_vm.$set(_vm.form, \"phone\", $$v)},expression:\"form.phone\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Email \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-text-field',{attrs:{\"outlined\":\"\",\"type\":\"email\",\"placeholder\":\"ví dụ: email@gmail.com\",\"hide-details\":\"auto\",\"rules\":[\n                                                                                      v => !!v || 'Nhập Email', v => (v || '').length <=50 || 'Email quá dài',\n                                                                                      _vm.rules.validEmail]},model:{value:(_vm.form.mail),callback:function ($$v) {_vm.$set(_vm.form, \"mail\", $$v)},expression:\"form.mail\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-divider')],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" CCCD \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-text-field',{attrs:{\"outlined\":\"\",\"hide-details\":\"auto\",\"rules\":[\n                                                                                      v => !!v || 'Nhập chứng minh', v => (v || '').length <=12 || 'CMND quá dài',\n                                                                                      v => (v || '').length >=9 || 'CMND quá ngắn',\n                                                                                      v =>  !/\\D/.test(v) || 'CMND không đúng']},model:{value:(_vm.form.idNumber),callback:function ($$v) {_vm.$set(_vm.form, \"idNumber\", $$v)},expression:\"form.idNumber\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Nơi cấp \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-autocomplete',{attrs:{\"outlined\":\"\",\"items\":_vm.idPlaces,\"hide-details\":\"auto\",\"rules\":[v=>!!v || 'Nhập dữ liệu']},model:{value:(_vm.form.idPlace),callback:function ($$v) {_vm.$set(_vm.form, \"idPlace\", $$v)},expression:\"form.idPlace\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Ngày cấp \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-card',{staticClass:\"d-inline-flex\",attrs:{\"outlined\":\"\"}},[_c('v-date-picker',{staticClass:\"mx-auto\",attrs:{\"no-title\":\"\",\"locale\":\"vi\",\"full-width\":\"\",\"color\":\"green darken-2\"},model:{value:(_vm.form.idDate),callback:function ($$v) {_vm.$set(_vm.form, \"idDate\", $$v)},expression:\"form.idDate\"}})],1),_c('v-text-field',{attrs:{\"maxlength\":\"10\",\"outlined\":\"\",\"rules\":[\n                                                                                                    _vm.rules.required,\n                                                                                                    _vm.rules.validDate\n                                                                                                    ],\"hint\":\"Định dạng ngày dd/mm/yyyy\",\"hide-details\":\"auto\"},model:{value:(_vm.formatedIdDate),callback:function ($$v) {_vm.formatedIdDate=$$v},expression:\"formatedIdDate\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-divider')],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Địa chỉ thường trú \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',{},[_c('v-autocomplete',{attrs:{\"outlined\":\"\",\"placeholder\":\"Thành phố\",\"persistent-placeholder\":\"\",\"items\":_vm.cities,\"item-value\":\"code\",\"item-text\":\"name\",\"rules\":[\n                                                                                    v => !!v || 'Chọn thành phố của bạn']},on:{\"change\":function($event){return _vm.fetchDistrict(_vm.form.cityCode)}},model:{value:(_vm.form.cityCode),callback:function ($$v) {_vm.$set(_vm.form, \"cityCode\", $$v)},expression:\"form.cityCode\"}}),_c('v-autocomplete',{attrs:{\"outlined\":\"\",\"placeholder\":\"Quận\",\"persistent-placeholder\":\"\",\"items\":_vm.districts,\"item-value\":\"code\",\"item-text\":\"name\",\"rules\":[ v => !!v || 'Chọn quận của bạn']},on:{\"change\":function($event){return _vm.fetchWard(_vm.form.districtCode)}},model:{value:(_vm.form.districtCode),callback:function ($$v) {_vm.$set(_vm.form, \"districtCode\", $$v)},expression:\"form.districtCode\"}}),_c('v-autocomplete',{attrs:{\"outlined\":\"\",\"placeholder\":\"Phường\",\"persistent-placeholder\":\"\",\"rules\":[ v => !!v || 'Chọn phường của bạn'],\"items\":_vm.wards,\"item-value\":\"code\",\"item-text\":\"name\"},model:{value:(_vm.form.wardCode),callback:function ($$v) {_vm.$set(_vm.form, \"wardCode\", $$v)},expression:\"form.wardCode\"}}),_c('v-textarea',{attrs:{\"outlined\":\"\",\"rows\":\"3\",\"placeholder\":\"ví dụ đường CMT8, 2xx/5 hẻm 5, phường 5, quận Bình Thủy, Thành phố Cần Thơ\",\"persistent-placeholder\":\"\",\"rules\":[v=>!!v || 'Nhập dữ liệu'],\"hide-details\":\"auto\"},model:{value:(_vm.form.address),callback:function ($$v) {_vm.$set(_vm.form, \"address\", $$v)},expression:\"form.address\"}})],1)],1)],1),_c('v-card-actions',{staticClass:\"mt-6\"},[_c('v-spacer'),_c('v-btn',{staticStyle:{\"width\":\"90px\"},attrs:{\"color\":\"red darken-4\",\"dark\":\"\",\"outlined\":\"\"},on:{\"click\":function($event){_vm.step--}}},[_vm._v(\" Quay lại \")]),_c('v-btn',{staticClass:\"mx-4\",staticStyle:{\"width\":\"90px\"},attrs:{\"type\":\"submit\",\"form\":\"recruit_step_2\",\"color\":\"green darken-4\",\"dark\":\"\"}},[_vm._v(\" Tiếp tục\")]),_c('v-spacer')],1)],1)],1),_c('v-stepper-step',{attrs:{\"step\":\"3\",\"color\":\"orange accent-4\",\"complete\":_vm.stepValid[2],\"complete-icon\":\"mdi-check\"}},[_vm._v(\" Học vấn & kinh nghiệm \")]),_c('v-stepper-content',{attrs:{\"step\":\"3\"}},[_c('v-card',{attrs:{\"flat\":\"\"}},[_c('v-form',{ref:\"recruit_step_3\",attrs:{\"id\":\"recruit_step_3\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.validStep3.apply(null, arguments)}}},[_c('v-row',[_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Học vấn \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-autocomplete',{attrs:{\"outlined\":\"\",\"hide-details\":\"auto\",\"placeholder\":\"Học vấn\",\"persistent-placeholder\":\"\",\"items\":_vm.educationLevels,\"item-value\":\"code\",\"item-text\":\"name\",\"rules\":[ v => !!v || 'Chọn dữ liệu']},model:{value:(_vm.form.educationLevelCode),callback:function ($$v) {_vm.$set(_vm.form, \"educationLevelCode\", $$v)},expression:\"form.educationLevelCode\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Chuyên ngành \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-autocomplete',{attrs:{\"outlined\":\"\",\"hide-details\":\"auto\",\"placeholder\":\"Chuyên ngành\",\"items\":_vm.educationMajors,\"item-value\":\"code\",\"item-text\":\"name\",\"rules\":[ v => !!v || 'Chọn dữ liệu']},model:{value:(_vm.form.educationMajorCode),callback:function ($$v) {_vm.$set(_vm.form, \"educationMajorCode\", $$v)},expression:\"form.educationMajorCode\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Cơ sở đào tạo \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-autocomplete',{attrs:{\"outlined\":\"\",\"hide-details\":\"auto\",\"placeholder\":\"Cơ sở đào tạo\",\"items\":_vm.universities,\"item-value\":\"code\",\"item-text\":\"name\",\"rules\":[ v => !!v || 'Chọn dữ liệu']},model:{value:(_vm.form.universityCode),callback:function ($$v) {_vm.$set(_vm.form, \"universityCode\", $$v)},expression:\"form.universityCode\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Xếp loại tốt nghiệp \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-autocomplete',{attrs:{\"outlined\":\"\",\"hide-details\":\"auto\",\"placeholder\":\"Xếp loại tốt nghiệp\",\"persistent-placeholder\":\"\",\"items\":[\n                                      {text: 'Giỏi', value: 'GIOI'},\n                                      {text: 'Khá', value: 'KHA'},\n                                      {text: 'Trung Bình', value: 'TRUNGBINH'},\n                                      {text: 'Khác', value: 'KHAC'},\n                                      {text: 'Chưa tốt nghiệp', value: 'NONE'},\n                                    ],\"rules\":[ v => !!v || 'Chọn dữ liệu']},model:{value:(_vm.form.graduateTypeCode),callback:function ($$v) {_vm.$set(_vm.form, \"graduateTypeCode\", $$v)},expression:\"form.graduateTypeCode\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Loại chứng chỉ hành nghề Dược \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-select',{attrs:{\"outlined\":\"\",\"items\":_vm.pharmaCerts,\"persistent-placeholder\":\"\",\"placeholder\":\"Loại chứng chỉ hành nghề Dược\",\"rules\":[ v => !!v || 'Chọn dữ liệu'],\"clearable\":\"\",\"hide-details\":\"auto\"},model:{value:(_vm.form.pharmaCert),callback:function ($$v) {_vm.$set(_vm.form, \"pharmaCert\", $$v)},expression:\"form.pharmaCert\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-divider')],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\"}},[_vm._v(\" Công ty đã làm \"),_c('span',{staticClass:\"red--text ml-2\"})]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-btn',{attrs:{\"color\":\"green\",\"dark\":\"\",\"small\":\"\"},on:{\"click\":_vm.openExpDialog}},[_vm._v(\"Thêm công ty\")]),_c('v-dialog',{attrs:{\"width\":\"600\"},model:{value:(_vm.expDialog),callback:function ($$v) {_vm.expDialog=$$v},expression:\"expDialog\"}},[_c('v-card',[_c('v-card-title',[_vm._v(\"Công ty đã làm \")]),_c('v-card-text',[_c('v-form',[_c('v-row',{staticClass:\"my-0\"},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"label\":\"Tên công ty\",\"hide-details\":\"auto\"},model:{value:(_vm.expForm.name),callback:function ($$v) {_vm.$set(_vm.expForm, \"name\", $$v)},expression:\"expForm.name\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"label\":\"Vị trí\",\"hide-details\":\"auto\"},model:{value:(_vm.expForm.position),callback:function ($$v) {_vm.$set(_vm.expForm, \"position\", $$v)},expression:\"expForm.position\"}})],1),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"type\":\"date\",\"label\":\"Từ ngày\",\"hide-details\":\"auto\"},model:{value:(_vm.expForm.from),callback:function ($$v) {_vm.$set(_vm.expForm, \"from\", $$v)},expression:\"expForm.from\"}})],1),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"type\":\"date\",\"label\":\"Đến ngày\",\"hide-details\":\"auto\"},model:{value:(_vm.expForm.to),callback:function ($$v) {_vm.$set(_vm.expForm, \"to\", $$v)},expression:\"expForm.to\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-textarea',{attrs:{\"outlined\":\"\",\"type\":\"text\",\"label\":\"Lý do nghỉ việc công ty cũ\",\"hide-details\":\"auto\"},model:{value:(_vm.expForm.quitNote),callback:function ($$v) {_vm.$set(_vm.expForm, \"quitNote\", $$v)},expression:\"expForm.quitNote\"}})],1)],1)],1)],1),_c('v-card-actions',[_c('v-btn',{staticClass:\"mx-2\",attrs:{\"color\":\"teal darken-4\",\"dark\":\"\"},on:{\"click\":_vm.saveExp}},[_vm._v(\"Lưu\")]),_c('v-btn',{staticClass:\"mx-2\",attrs:{\"color\":\"red\",\"dark\":\"\",\"outlined\":\"\"},on:{\"click\":_vm.closeExpDialog}},[_vm._v(\"Thoát\")])],1)],1)],1),_c('v-data-table',{attrs:{\"dense\":\"\",\"headers\":_vm.experienceCompanyHeaders,\"items\":_vm.form.experienceCompanies}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\"}},[_vm._v(\" Lý do ứng tuyển vào Trung Sơn \"),_c('span',{staticClass:\"red--text ml-2\"})]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-textarea',{attrs:{\"outlined\":\"\",\"rules\":[v=>v.length<=100 || 'Độ dài trong khoảng 100 ký tự']},model:{value:(_vm.form.note),callback:function ($$v) {_vm.$set(_vm.form, \"note\", $$v)},expression:\"form.note\"}})],1)],1)],1),_c('v-card-actions',{staticClass:\"mt-6\"},[_c('v-spacer'),_c('v-btn',{staticStyle:{\"width\":\"90px\"},attrs:{\"color\":\"red darken-4\",\"dark\":\"\",\"outlined\":\"\"},on:{\"click\":function($event){_vm.step--}}},[_vm._v(\" Quay lại \")]),_c('v-btn',{staticClass:\"mx-4\",staticStyle:{\"width\":\"90px\"},attrs:{\"type\":\"submit\",\"form\":\"recruit_step_3\",\"color\":\"green darken-4\",\"dark\":\"\"}},[_vm._v(\" Tiếp tục\")]),_c('v-spacer')],1)],1)],1),_c('v-stepper-step',{attrs:{\"step\":\"4\",\"color\":\"orange accent-4\",\"complete\":_vm.stepValid[3],\"complete-icon\":\"mdi-check\"}},[_vm._v(\" Đính kèm \")]),_c('v-stepper-content',{attrs:{\"step\":\"4\"}},[_c('v-card',{attrs:{\"flat\":\"\"}},[_c('v-form',{ref:\"recruit_step_5\",attrs:{\"id\":\"recruit_step_5\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.validStep5.apply(null, arguments)}}},[_c('v-row',[_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Ảnh chân dung của bạn \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-img',{staticClass:\"rounded-xl mb-2 mx-auto\",attrs:{\"src\":_vm.avatarPreview,\"width\":\"150px\",\"height\":\"150px\"}}),_c('v-file-input',{ref:\"avatarInput\",attrs:{\"show-size\":\"\",\"outlined\":\"\",\"label\":\"Avatar\",\"single-line\":\"\",\"prepend-icon\":\"\",\"hide-details\":\"auto\",\"rules\":[v=>!!v||'Hãy chọn ảnh chân dung của bạn']},on:{\"change\":_vm.uploadAvatar},scopedSlots:_vm._u([{key:\"selection\",fn:function({ index, text, file }){return [_c('v-chip',{attrs:{\"color\":\"green accent-4\",\"dark\":\"\",\"label\":\"\"}},[_vm._v(\" \"+_vm._s(text)+\" \")])]}}]),model:{value:(_vm.avatarFile),callback:function ($$v) {_vm.avatarFile=$$v},expression:\"avatarFile\"}})],1),(_vm.requiredCv)?_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" File CV \"),_c('small',{staticClass:\"ml-2 orange--text text--darken-2\"},[_vm._v(\" (ứng viên viên nên gởi CV)\")]),_vm._v(\" \"),_c('span',{staticClass:\"red--text ml-2\"})]):_vm._e(),(_vm.requiredCv)?_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-file-input',{attrs:{\"accept\":\".pdf\",\"clearable\":\"\",\"outlined\":\"\",\"rules\":[v=> !!v || 'Nhân viên cần nộp CV '],\"placeholder\":\"File  CV định dạng PDF\",\"persistent-placeholder\":\"\",\"hide-details\":\"auto\",\"single-line\":\"\",\"prepend-icon\":\"\"},scopedSlots:_vm._u([{key:\"selection\",fn:function({ index, text, file }){return [_c('v-chip',{attrs:{\"color\":\"green accent-4\",\"dark\":\"\",\"label\":\"\"}},[_vm._v(\" \"+_vm._s(text)+\" \")])]}}],null,false,1511708587),model:{value:(_vm.cvFile),callback:function ($$v) {_vm.cvFile=$$v},expression:\"cvFile\"}})],1):_vm._e(),(!_vm.requiredCv)?_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" File CV \"),_c('small',{staticClass:\"ml-2 orange--text text--darken-2\"},[_vm._v(\" (ứng viên viên nên gởi CV)\")]),_vm._v(\" \"),_c('span',{staticClass:\"red--text ml-2\"})]):_vm._e(),(!_vm.requiredCv)?_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-file-input',{attrs:{\"accept\":\".pdf\",\"clearable\":\"\",\"outlined\":\"\",\"placeholder\":\"File  CV định dạng PDF\",\"persistent-placeholder\":\"\",\"hide-details\":\"auto\",\"single-line\":\"\",\"prepend-icon\":\"\"},scopedSlots:_vm._u([{key:\"selection\",fn:function({ index, text, file }){return [_c('v-chip',{attrs:{\"color\":\"green accent-4\",\"dark\":\"\",\"label\":\"\"}},[_vm._v(\" \"+_vm._s(text)+\" \")])]}}],null,false,1511708587),model:{value:(_vm.cvFile),callback:function ($$v) {_vm.cvFile=$$v},expression:\"cvFile\"}})],1):_vm._e(),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" File đính kèm khác \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-file-input',{attrs:{\"clearable\":\"\",\"outlined\":\"\",\"multiple\":\"\",\"accept\":\".pdf, .xls, .xlsx, .doc, .docx, .png, .jpg\",\"placeholder\":\"Giấy khám sức khỏe, CV, v.v.v.\",\"persistent-placeholder\":\"\",\"hide-details\":\"auto\",\"single-line\":\"\",\"prepend-icon\":\"\"},scopedSlots:_vm._u([{key:\"selection\",fn:function({ index, text, file }){return [_c('v-chip',{attrs:{\"color\":\"green accent-4\",\"dark\":\"\",\"label\":\"\"}},[_vm._v(\" \"+_vm._s(text)+\" \")])]}}]),model:{value:(_vm.attachmentFile),callback:function ($$v) {_vm.attachmentFile=$$v},expression:\"attachmentFile\"}})],1)],1)],1),_c('v-card-actions',{staticClass:\"mt-6\"},[_c('v-spacer'),_c('v-btn',{staticStyle:{\"width\":\"90px\"},attrs:{\"dark\":\"\",\"color\":\"red darken-4\",\"outlined\":\"\"},on:{\"click\":function($event){_vm.step--}}},[_vm._v(\"Quay lại\")]),_c('v-btn',{staticStyle:{\"width\":\"90px\"},attrs:{\"type\":\"submit\",\"form\":\"recruit_step_5\",\"dark\":\"\",\"color\":\"green darken-4\",\"loading\":_vm.isLoading}},[_vm._v(\"GỞI HỒ SƠ\")]),_c('v-spacer')],1)],1)],1)],1)],1)],1)],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"recruit-section\">\r\n    <v-sheet light class=\"\">\r\n      <v-container class=\"py-4\">\r\n        <v-card outlined class=\"px-0\" style=\"background-attachment: fixed; background-color: rgba(0,0,0,.3); background-blend-mode: multiply; background-image: url('/static/smooth-green-background.jpg'); background-size: cover; background-position: left center; background-repeat: no-repeat\">\r\n          <v-row class=\"mx-0 py-6\" style=\"\">\r\n            <v-col cols=\"12\" lg=\"6\" class=\"text-center d-flex align-center pt-6\">\r\n              <v-spacer></v-spacer>\r\n              <div class=\"d-block\" style=\"widows: 100%;\">\r\n                <p class=\"text-h6 font-weight-bold white--text\">LIÊN HỆ NGAY ĐỂ ĐƯỢC TƯ VẤN VỀ VIỆC LÀM</p>\r\n                <a target=\"_blank\" class=\"mx-2\" href=\"https://www.facebook.com/nhathuoctrungson/\">\r\n                  <img src=\"https://cdn-icons-png.flaticon.com/128/3670/3670032.png\" width=\"64px\">\r\n                </a>\r\n                <a target=\"_blank\" class=\"mx-2\" href=\"https://trungsoncare.com/\">\r\n                  <img src=\"https://cdn-icons-png.flaticon.com/128/724/724664.png\" width=\"64px\">\r\n                  <!-- <v-icon x-large color=\"orange\" dark>mdi-phone-classic</v-icon> -->\r\n                </a>\r\n\r\n                <a target=\"_blank\" class=\"mx-2\" href=\"https://www.youtube.com/channel/UCEGFRl4OC-hf9ZWMXBsk4Kg\"><img src=\"https://cdn-icons-png.flaticon.com/512/3670/3670163.png\"  class=\"d-inline-block\" width=\"64px\"></a>\r\n              </div>\r\n              <v-spacer></v-spacer>\r\n              \r\n            </v-col>\r\n            <v-col cols=\"12\" lg=\"6\" class=\"py-6\">\r\n              <v-card class=\"rounded-xl elevation-5\" style=\"\">\r\n                <v-card-title class=\"\" style=\"word-break:break-word;\">\r\n                  <v-spacer></v-spacer>\r\n                  NỘP HỒ SƠ CỦA BẠN\r\n                  <v-spacer></v-spacer>\r\n                </v-card-title>\r\n            \r\n                <v-stepper v-model=\"step\" class=\"elevation-0\"  id=\"stepper\" vertical>\r\n                    <!-- step 1 -->\r\n                    <v-stepper-step step=\"1\" color=\"orange accent-4\" :complete=\"stepValid[0]\" complete-icon=\"mdi-check\">\r\n                      Công việc ứng tuyển\r\n                    </v-stepper-step>\r\n                    <v-stepper-content step=\"1\">\r\n                      <v-card>\r\n                        <v-card-text>\r\n                          <v-card flat outlined class=\"rounded-xl\">\r\n                            <v-card-text>\r\n                              <v-data-table :items=\"jobs\" :headers=\"jobHeader\"> \r\n                              </v-data-table>\r\n                            </v-card-text>\r\n                          </v-card>\r\n                          <v-form ref=\"recruit_step_1\" id=\"recruit_step_1\" @submit.prevent=\"validStep1\" v-show=\"form.jobCode\">\r\n                            <v-row>\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Nơi làm việc mong muốn 1  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-select dense outlined hide-details label=\"Nơi làm việc mong muốn 1\" \r\n                                v-model=\"form.city1Code\" @change=\"fetchJobDistrict1\"\r\n                                :items=\"jobCities1\" item-text=\"name\" item-value=\"code\"></v-select>\r\n                                \r\n                                <v-autocomplete outlined v-model=\"form.jobDistrict1Code\" clearable hide-details=\"auto\" placeholder=\"Quận (huyện)\" dense\r\n                                :items=\"jobDistrict1s\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\" class=\"mt-2\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Nơi làm việc mong muốn 2  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-select dense outlined hide-details label=\"Nơi làm việc mong muốn 2\" \r\n                                v-model=\"form.city2Code\" @change=\"fetchJobDistrict2\" \r\n                                :items=\"cities\" item-text=\"name\" item-value=\"code\"></v-select>\r\n                                \r\n                                <v-autocomplete outlined v-model=\"form.jobDistrict2Code\" clearable hide-details=\"auto\" placeholder=\"Quận (huyện)\" dense\r\n                                :items=\"jobDistrict2s\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\" class=\"mt-2\"></v-autocomplete>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Bạn biết tới trung sơn qua  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-radio-group >\r\n                                  <v-radio\r\n                                  label=\"Mạng xã hội\"\r\n                                  value=\"MXH\"\r\n                                  ></v-radio>\r\n                                  <v-radio\r\n                                  label=\"Tờ rơi\"\r\n                                  value=\"TR\"\r\n                                  ></v-radio>\r\n                                  <v-radio\r\n                                  label=\"Được giới thiệu\"\r\n                                  value=\"N\"\r\n                                  ></v-radio>\r\n                                  <v-radio\r\n                                  label=\"Trang tuyển dụng\"\r\n                                  value=\"TTD\"\r\n                                  ></v-radio>\r\n                                </v-radio-group>\r\n                              </v-col>\r\n                            </v-row>\r\n                          </v-form>\r\n                        </v-card-text>\r\n                        <v-card-actions class=\"mt-6\">\r\n                          <v-spacer></v-spacer>\r\n                            <v-btn type=\"submit\" form=\"recruit_step_1\" color=\"green darken-4\" style=\"width: 180px;\" dark>\r\n                            Tiếp tục</v-btn>\r\n                          <v-spacer></v-spacer>\r\n                        </v-card-actions>\r\n\r\n                      </v-card>\r\n                    </v-stepper-content>\r\n                    \r\n                    <!-- <v-stepper-step step=\"1\" color=\"orange accent-4\" :complete=\"stepValid[0]\" complete-icon=\"mdi-check\">\r\n                      Vị trí ứng tuyển\r\n                    </v-stepper-step>\r\n                    <v-stepper-content step=\"1\">\r\n                      <v-card flat>\r\n                        <v-form ref=\"recruit_step_1\" id=\"recruit_step_1\" @submit.prevent=\"validStep1\">\r\n                          <v-row>\r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Vị trí ứng tuyển <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-autocomplete outlined v-model=\"form.jobCode\" hide-details=\"auto\" placeholder=\"Chọn vị trí công việc bạn ứng tuyển\" @change=\"fetchAvailableRecruitmentRequest\"\r\n                              :items=\"jobs\" item-value=\"code\" item-text=\"name\" :rules=\"[v => !!v || 'Chọn công việc ứng tuyển']\"></v-autocomplete>\r\n\r\n                              <div class=\"mt-3\" v-if=\"jobCities.length !=0\">\r\n                                <span class=\"font-weight-bold\">Nơi ứng tuyển khả dụng: </span>\r\n                                <v-chip v-for=\"item in jobCities\" :key=\"item.code\" color=\"green\" outlined pill>\r\n                                  {{ item.name }}\r\n                                </v-chip>\r\n                              </div>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Kinh nghiệm làm việc <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col cols=\"12\" md=\"6\">\r\n                              <v-select outlined  hide-details=\"auto\"  v-model=\"form.yearExperience\" placeholder=\"Kinh nghiệm làm việc\" clearable\r\n                              :items=\"yearExperiences\"></v-select>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Nơi làm việc mong muốn 1 <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-autocomplete outlined v-model=\"form.city1Code\" clearable hide-details=\"auto\" placeholder=\"Thành phố\" @change=\"fetchJobDistrict1\"\r\n                              :items=\"jobCities1\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n\r\n                              <v-autocomplete outlined v-model=\"form.jobDistrict1Code\" clearable hide-details=\"auto\" placeholder=\"Quận (huyện)\"\r\n                              :items=\"jobDistrict1s\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\" class=\"mt-2\"></v-autocomplete>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Nơi làm việc mong muốn 2 <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-autocomplete outlined v-model=\"form.city2Code\" clearable hide-details=\"auto\" placeholder=\"Thành phố\" @change=\"fetchJobDistrict2\"\r\n                              :items=\"cities\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n\r\n                              <v-autocomplete outlined v-model=\"form.jobDistrict2Code\" clearable hide-details=\"auto\" placeholder=\"Quận (huyện)\"\r\n                              :items=\"jobDistrict2s\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\" class=\"mt-2\"></v-autocomplete>\r\n                            </v-col>\r\n\r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Bạn biết đến trung sơn <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-autocomplete outlined v-model=\"form.recruitChannel\" clearable hide-details=\"auto\"\r\n                              :items=\"recruitChannels\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n                            </v-col>\r\n                            \r\n                          </v-row>\r\n                        </v-form>\r\n                        <v-card-actions class=\"mt-6\">\r\n                          <v-spacer></v-spacer>\r\n                            <v-btn type=\"submit\" form=\"recruit_step_1\" color=\"green darken-4\" style=\"width: 180px;\" dark >\r\n                            Tiếp tục</v-btn>\r\n                          <v-spacer></v-spacer>\r\n                        </v-card-actions>\r\n                      </v-card>\r\n                    </v-stepper-content> -->\r\n\r\n                    <v-stepper-step step=\"2\" color=\"orange accent-4\" :complete=\"stepValid[1]\" complete-icon=\"mdi-check\">\r\n                      Thông tin cơ bản\r\n                    </v-stepper-step>\r\n                    <v-stepper-content step=\"2\">\r\n                      <v-card flat>\r\n                        <v-form ref=\"recruit_step_2\" id=\"recruit_step_2\" @submit.prevent=\"validStep2\">\r\n                          <v-row>\r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Họ & tên  <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-text-field v-model=\"form.name\" outlined hide-details=\"auto\" :rules=\"[\r\n                                                                      v => !!v || 'Nhập vào họ tên',\r\n                                                                      v => (v || '').length <=30 || 'Tên quá dài']\"></v-text-field>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Giới tính  <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-select v-model=\"form.gender\" outlined hide-details=\"auto\" :items='[{text: \"Nam\", value: true}, {text:\"Nữ\", value:false}]' :rules=\"[v=> v!=null ||'Chọn 1 dữ liệu' ]\"></v-select>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\">\r\n                              <v-divider></v-divider>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Ngày sinh  <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-card class=\"d-inline-flex\" outlined>\r\n                                <v-date-picker no-title class=\"mx-auto\" locale=\"vi\" full-width color=\"green darken-2\"\r\n                                      v-model=\"form.birthday\"\r\n                                  ></v-date-picker>\r\n                              </v-card>\r\n                              <v-text-field hide-details=\"auto\" maxlength=\"10\" v-model=\"formatedBirthDay\" outlined :rules=\"[\r\n                                                                                                      rules.required,\r\n                                                                                                      rules.validDate,\r\n                                                                                                      rules.minDate\r\n                                                                                                      ]\" \r\n                                            hint=\"Định dạng ngày dd/mm/yyyy\"\r\n                              ></v-text-field>\r\n                            </v-col>\r\n                            <v-col cols=\"12\">\r\n                              <v-divider></v-divider>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Số điện thoại  <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-text-field v-model=\"form.phone\" hide-details=\"auto\" placeholder=\"ví dụ 0972xxxxxx\" outlined :rules=\"[\r\n                                                                        v => !!v || 'Nhập SDT', v => (v || '').length <=15 || 'SDT quá dài',\r\n                                                                        v => (v || '').length >=10 || 'SDT quá ngắn',\r\n                                                                        v =>  !/\\D/.test(v) || 'SDT không đúng']\"></v-text-field>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Email <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-text-field outlined type=\"email\" placeholder=\"ví dụ: email@gmail.com\" v-model=\"form.mail\" hide-details=\"auto\" :rules=\"[\r\n                                                                                        v => !!v || 'Nhập Email', v => (v || '').length <=50 || 'Email quá dài',\r\n                                                                                        rules.validEmail]\"></v-text-field>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\">\r\n                              <v-divider></v-divider>\r\n                            </v-col>\r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              CCCD  <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-text-field outlined v-model=\"form.idNumber\" hide-details=\"auto\" :rules=\"[\r\n                                                                                        v => !!v || 'Nhập chứng minh', v => (v || '').length <=12 || 'CMND quá dài',\r\n                                                                                        v => (v || '').length >=9 || 'CMND quá ngắn',\r\n                                                                                        v =>  !/\\D/.test(v) || 'CMND không đúng']\"></v-text-field>\r\n                            </v-col>\r\n\r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Nơi cấp  <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-autocomplete outlined v-model=\"form.idPlace\" :items=\"idPlaces\" hide-details=\"auto\"\r\n                              :rules=\"[v=>!!v || 'Nhập dữ liệu']\"></v-autocomplete>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Ngày cấp  <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-card class=\"d-inline-flex\" outlined>\r\n                                <v-date-picker no-title class=\"mx-auto\" locale=\"vi\" full-width color=\"green darken-2\" \r\n                                      v-model=\"form.idDate\"\r\n                                  ></v-date-picker>\r\n                              </v-card>\r\n                              <v-text-field maxlength=\"10\" v-model=\"formatedIdDate\" outlined :rules=\"[\r\n                                                                                                      rules.required,\r\n                                                                                                      rules.validDate\r\n                                                                                                      ]\" \r\n                                            hint=\"Định dạng ngày dd/mm/yyyy\" hide-details=\"auto\"\r\n                              ></v-text-field>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\">\r\n                              <v-divider></v-divider>\r\n                            </v-col>\r\n\r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Địa chỉ thường trú <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col class=\"\">\r\n                              <v-autocomplete outlined v-model=\"form.cityCode\" placeholder=\"Thành phố\" persistent-placeholder\r\n                                @change=\"fetchDistrict(form.cityCode)\"\r\n                                :items=\"cities\" item-value=\"code\" item-text=\"name\" :rules=\"[\r\n                                                                                      v => !!v || 'Chọn thành phố của bạn']\">\r\n                              </v-autocomplete>\r\n                              \r\n                              <v-autocomplete outlined v-model=\"form.districtCode\" placeholder=\"Quận\" persistent-placeholder @change=\"fetchWard(form.districtCode)\"\r\n                              :items=\"districts\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn quận của bạn']\"></v-autocomplete>\r\n                              \r\n                              <v-autocomplete outlined v-model=\"form.wardCode\" placeholder=\"Phường\" persistent-placeholder :rules=\"[ v => !!v || 'Chọn phường của bạn']\"\r\n                                :items=\"wards\" item-value=\"code\" item-text=\"name\"></v-autocomplete>\r\n                                \r\n                              <v-textarea outlined rows=3 v-model=\"form.address\" placeholder=\"ví dụ đường CMT8, 2xx/5 hẻm 5, phường 5, quận Bình Thủy, Thành phố Cần Thơ\" persistent-placeholder :rules=\"[v=>!!v || 'Nhập dữ liệu']\" hide-details=\"auto\"></v-textarea>\r\n                            </v-col>\r\n                          </v-row>\r\n                        </v-form>\r\n                        <v-card-actions class=\"mt-6\">\r\n                          <v-spacer></v-spacer>\r\n                            <v-btn color=\"red darken-4\" style=\"width: 90px;\" dark class=\"\" @click=\"step--\" outlined>\r\n                              Quay lại\r\n                            </v-btn>\r\n                            <v-btn type=\"submit\" form=\"recruit_step_2\" color=\"green darken-4\" dark class=\"mx-4\" style=\"width: 90px\">\r\n                            Tiếp tục</v-btn>\r\n                          <v-spacer></v-spacer>\r\n                        </v-card-actions>\r\n                      </v-card>\r\n                    </v-stepper-content>\r\n\r\n                    <!-- <v-stepper-step step=\"3\" color=\"orange accent-4\" :complete=\"stepValid[2]\" complete-icon=\"mdi-check\">\r\n                      Thông tin chi tiết\r\n                    </v-stepper-step>\r\n                    <v-stepper-content step=\"3\" >\r\n                      <v-card flat>\r\n                        <v-form ref=\"recruit_step_3\" id=\"recruit_step_3\" @submit.prevent=\"validStep3\">\r\n                          <v-row style=\"\">                                                                                          \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Chiều cao <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                                <v-text-field outlined hide-details=\"auto\" v-model=\"form.height\" persistent-placeholder hint=\"ví dụ 1.8\" persistent-hint\r\n                                              placeholder=\"ví dụ 1.8\" suffix=\"(m)\" :rules=\"[ \r\n                                                                                              v=> !isNaN(v) || 'Nhập dữ liệu số',\r\n                                                                                              v=> !!v || 'Nhập dữ liệu này'\r\n                                                                                            ]\"></v-text-field>\r\n                            </v-col>\r\n                                                                                                                      \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Cân nặng <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-text-field outlined hide-details=\"auto\" v-model=\"form.weight\" label=\"Cân nặng\"  hint=\"ví dụ 50\" persistent-hint\r\n                                              suffix=\"(kg)\" persistent-placeholder placeholder=\" ví dụ: 80\" :rules=\"[ \r\n                                                                                                v=> !isNaN(v) || 'Nhập dữ liệu số',\r\n                                                                                                v=> !!v || 'Nhập dữ liệu này'\r\n                                                                                              ]\"></v-text-field>\r\n                            </v-col>\r\n                            <v-col cols=\"12\">\r\n                              <v-divider></v-divider>\r\n                            </v-col>\r\n\r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Quốc tịch <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-autocomplete outlined v-model=\"form.originCode\" placeholder=\"Việt Nam, ...\" persistent-placeholder hide-details=\"auto\"\r\n                              :items=\"origins\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Dân tộc <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-autocomplete outlined v-model=\"form.ethnicityCode\" placeholder=\"Dân tộc Kinh, Hoa, ...\" persistent-placeholder hide-details=\"auto\"\r\n                              :items=\"ethnicities\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Tôn giáo <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-autocomplete outlined v-model=\"form.religionCode\" placeholder=\"Phật giáo, Công giáo,...\" persistent-placeholder hide-details=\"auto\"\r\n                              :items=\"religions\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\">\r\n                              <v-divider></v-divider>\r\n                            </v-col>\r\n\r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              CCCD  <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-text-field outlined v-model=\"form.idNumber\" hide-details=\"auto\" :rules=\"[\r\n                                                                                        v => !!v || 'Nhập chứng minh', v => (v || '').length <=12 || 'CMND quá dài',\r\n                                                                                        v => (v || '').length >=9 || 'CMND quá ngắn',\r\n                                                                                        v =>  !/\\D/.test(v) || 'CMND không đúng']\"></v-text-field>\r\n                            </v-col>\r\n\r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Nơi cấp  <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-autocomplete outlined v-model=\"form.idPlace\" :items=\"idPlaces\" hide-details=\"auto\"\r\n                              :rules=\"[v=>!!v || 'Nhập dữ liệu']\"></v-autocomplete>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Ngày cấp  <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-card class=\"d-inline-flex\" outlined>\r\n                                <v-date-picker no-title class=\"mx-auto\" locale=\"vi\" full-width color=\"green darken-2\" \r\n                                      v-model=\"form.idDate\"\r\n                                  ></v-date-picker>\r\n                              </v-card>\r\n                              <v-text-field maxlength=\"10\" v-model=\"formatedIdDate\" outlined :rules=\"[\r\n                                                                                                      rules.required,\r\n                                                                                                      rules.validDate\r\n                                                                                                      ]\" \r\n                                            hint=\"Định dạng ngày dd/mm/yyyy\" hide-details=\"auto\"\r\n                              ></v-text-field>\r\n                            </v-col>\r\n\r\n                            <v-col cols=\"12\">\r\n                              <v-divider></v-divider>\r\n                            </v-col>\r\n\r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Địa chỉ thường trú <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col class=\"\">\r\n                              <v-autocomplete outlined v-model=\"form.cityCode\" placeholder=\"Thành phố\" persistent-placeholder\r\n                                @change=\"fetchDistrict(form.cityCode)\"\r\n                                :items=\"cities\" item-value=\"code\" item-text=\"name\" :rules=\"[\r\n                                                                                      v => !!v || 'Chọn thành phố của bạn']\">\r\n                              </v-autocomplete>\r\n                              \r\n                              <v-autocomplete outlined v-model=\"form.districtCode\" placeholder=\"Quận\" persistent-placeholder @change=\"fetchWard(form.districtCode)\"\r\n                              :items=\"districts\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn quận của bạn']\"></v-autocomplete>\r\n                              \r\n                              <v-autocomplete outlined v-model=\"form.wardCode\" placeholder=\"Phường\" persistent-placeholder :rules=\"[ v => !!v || 'Chọn phường của bạn']\"\r\n                                :items=\"wards\" item-value=\"code\" item-text=\"name\"></v-autocomplete>\r\n                                \r\n                              <v-textarea outlined rows=3 v-model=\"form.address\" placeholder=\"ví dụ đường CMT8, 2xx/5 hẻm 5, phường 5, quận Bình Thủy, Thành phố Cần Thơ\" persistent-placeholder :rules=\"[v=>!!v || 'Nhập dữ liệu']\" hide-details=\"auto\"></v-textarea>\r\n                            </v-col>\r\n\r\n                            <v-col cols=\"12\">\r\n                              <v-divider></v-divider>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Địa chỉ tạm trú <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                                <v-autocomplete outlined v-model=\"form.dCityCode\" placeholder=\"Thành phố\" persistent-placeholder\r\n                                  @change=\"fetchDistrict2(form.dCityCode)\"\r\n                                  :items=\"cities\" item-value=\"code\" item-text=\"name\" :rules=\"[\r\n                                                                                        v => !!v || 'Chọn thành phố của bạn']\">\r\n                                </v-autocomplete>\r\n                              \r\n                                <v-autocomplete outlined v-model=\"form.dDistrictCode\" placeholder=\"Quận\" persistent-placeholder @change=\"fetchWard2(form.dDistrictCode)\"\r\n                                :items=\"district2s\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn quận của bạn']\"></v-autocomplete>\r\n                              \r\n                                <v-autocomplete outlined v-model=\"form.dWardCode\" placeholder=\"Phường\" persistent-placeholder :rules=\"[ v => !!v || 'Chọn phường của bạn']\"\r\n                                  :items=\"ward2s\" item-value=\"code\" item-text=\"name\"></v-autocomplete>\r\n\r\n                                <v-textarea outlined v-model=\"form.dAddress\" placeholder=\"Địa chỉ\" :rules=\"[v=>!!v || 'Nhập dữ liệu']\"></v-textarea>\r\n                            </v-col>\r\n                            \r\n                          </v-row>\r\n                        </v-form>\r\n                        <v-card-actions class=\"mt-6\">\r\n                          <v-spacer></v-spacer>\r\n                            <v-btn color=\"red darken-4\" style=\"width: 90px;\" dark class=\"\" @click=\"step--\" outlined>\r\n                              Quay lại\r\n                            </v-btn>\r\n                            <v-btn form=\"recruit_step_3\" type=\"submit\" color=\"green darken-4\" dark class=\"mx-4\" style=\"width: 90px\">\r\n                            Tiếp tục</v-btn>\r\n                          <v-spacer></v-spacer>\r\n                        </v-card-actions>\r\n                      </v-card>\r\n                    </v-stepper-content> -->\r\n                    \r\n                    <v-stepper-step step=\"3\" color=\"orange accent-4\" :complete=\"stepValid[2]\" complete-icon=\"mdi-check\">\r\n                      Học vấn & kinh nghiệm\r\n                    </v-stepper-step>\r\n                    <v-stepper-content step=\"3\">\r\n                      <v-card flat>\r\n                        <v-form ref=\"recruit_step_3\" id=\"recruit_step_3\" @submit.prevent=\"validStep3\">\r\n                          <v-row>\r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Học vấn  <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-autocomplete outlined hide-details=\"auto\" v-model=\"form.educationLevelCode\" placeholder=\"Học vấn\" persistent-placeholder\r\n                              :items=\"educationLevels\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n                            </v-col>\r\n\r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Chuyên ngành <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-autocomplete outlined hide-details=\"auto\" v-model=\"form.educationMajorCode\" placeholder=\"Chuyên ngành\"\r\n                              :items=\"educationMajors\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Cơ sở đào tạo <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-autocomplete outlined hide-details=\"auto\" v-model=\"form.universityCode\" placeholder=\"Cơ sở đào tạo\"\r\n                              :items=\"universities\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n                            </v-col>\r\n\r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Xếp loại tốt nghiệp <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>       \r\n                              <v-autocomplete outlined hide-details=\"auto\" v-model=\"form.graduateTypeCode\" placeholder=\"Xếp loại tốt nghiệp\" persistent-placeholder\r\n                              :items=\"[\r\n                                        {text: 'Giỏi', value: 'GIOI'},\r\n                                        {text: 'Khá', value: 'KHA'},\r\n                                        {text: 'Trung Bình', value: 'TRUNGBINH'},\r\n                                        {text: 'Khác', value: 'KHAC'},\r\n                                        {text: 'Chưa tốt nghiệp', value: 'NONE'},\r\n                                      ]\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Loại chứng chỉ hành nghề Dược <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col>\r\n                              <v-select outlined v-model=\"form.pharmaCert\" :items=\"pharmaCerts\"  persistent-placeholder\r\n                                        placeholder=\"Loại chứng chỉ hành nghề Dược\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\" clearable hide-details=\"auto\">\r\n                              </v-select>\r\n                            </v-col>\r\n                            <v-col cols=\"12\">\r\n                            <v-divider></v-divider>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" class=\"d-flex align-center\">\r\n                              Công ty đã làm <span class=\"red--text ml-2\"></span>\r\n                            </v-col>\r\n                            <v-col cols=\"12\">\r\n\r\n                              <v-btn color=\"green\" dark small @click=\"openExpDialog\">Thêm công ty</v-btn>\r\n                              <v-dialog v-model=\"expDialog\" width=\"600\">\r\n                                <v-card>\r\n                                  <v-card-title>Công ty đã làm </v-card-title>\r\n                                  <v-card-text>\r\n                                    <v-form>\r\n                                      <v-row class=\"my-0\">\r\n                                        <v-col cols=\"12\">\r\n                                          <v-text-field outlined label=\"Tên công ty\" hide-details=\"auto\" v-model=\"expForm.name\"></v-text-field>\r\n                                        </v-col>\r\n                                        <v-col cols=\"12\">\r\n                                          <v-text-field outlined label=\"Vị trí\" hide-details=\"auto\" v-model=\"expForm.position\"></v-text-field>\r\n                                        </v-col>\r\n                                        <v-col cols=\"6\">\r\n                                          <v-text-field outlined type=\"date\" label=\"Từ ngày\" hide-details=\"auto\" v-model=\"expForm.from\"></v-text-field>\r\n                                        </v-col>\r\n                                        <v-col cols=\"6\">\r\n                                          <v-text-field outlined type=\"date\" label=\"Đến ngày\" hide-details=\"auto\" v-model=\"expForm.to\"></v-text-field>\r\n                                        </v-col>\r\n                                        <v-col cols=\"12\">\r\n                                          <v-textarea outlined type=\"text\" label=\"Lý do nghỉ việc công ty cũ\" hide-details=\"auto\" v-model=\"expForm.quitNote\"></v-textarea>\r\n                                        </v-col>\r\n                                      </v-row>\r\n                                    </v-form>\r\n                                  </v-card-text>\r\n                                  <v-card-actions>\r\n                                    <v-btn color=\"teal darken-4\" dark class=\"mx-2\" @click=\"saveExp\">Lưu</v-btn>\r\n                                    <v-btn color=\"red\" dark class=\"mx-2\" outlined @click=\"closeExpDialog\">Thoát</v-btn>\r\n                                  </v-card-actions>\r\n                                </v-card>\r\n                              </v-dialog>\r\n                              <v-data-table dense :headers=\"experienceCompanyHeaders\" :items=\"form.experienceCompanies\">\r\n                              </v-data-table>\r\n                            </v-col>\r\n\r\n                            <v-col cols=\"12\" class=\"d-flex align-center\">\r\n                              Lý do ứng tuyển vào Trung Sơn <span class=\"red--text ml-2\"></span>\r\n                            </v-col>\r\n                            <v-col cols=\"12\">\r\n                              <v-textarea v-model=\"form.note\" outlined :rules=\"[v=>v.length<=100 || 'Độ dài trong khoảng 100 ký tự']\"></v-textarea>\r\n                            </v-col>\r\n                          </v-row>\r\n                        </v-form>\r\n                        <v-card-actions class=\"mt-6\">\r\n                          <v-spacer></v-spacer>\r\n                            <v-btn color=\"red darken-4\" style=\"width: 90px;\" dark class=\"\" @click=\"step--\" outlined>\r\n                              Quay lại\r\n                            </v-btn>\r\n                            <v-btn type=\"submit\" form=\"recruit_step_3\" color=\"green darken-4\" dark class=\"mx-4\" style=\"width: 90px\">\r\n                            Tiếp tục</v-btn>\r\n                          <v-spacer></v-spacer>\r\n                        </v-card-actions>\r\n                      </v-card>\r\n                    </v-stepper-content>\r\n                    \r\n                    <v-stepper-step step=\"4\" color=\"orange accent-4\" :complete=\"stepValid[3]\" complete-icon=\"mdi-check\">\r\n                      Đính kèm\r\n                    </v-stepper-step>\r\n                    <v-stepper-content step=\"4\">\r\n                      <v-card flat>\r\n                        <v-form ref=\"recruit_step_5\" id=\"recruit_step_5\" @submit.prevent=\"validStep5\">\r\n                          <v-row>\r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              Ảnh chân dung của bạn <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col cols=\"12\" md=\"6\">\r\n                              <!-- <v-hover v-slot=\"{ hover }\">\r\n                                  <v-avatar tile class=\"rounded-xl\"\r\n                                      color=\"grey\" size=\"128\" >\r\n                                      <v-img :src=\"avatarPreview\">\r\n                                          <v-expand-transition>\r\n                                              <div v-if=\"!avatarFile\" class=\"d-flex transition-fast-in-fast-out orange darken-2 v-card--reveal white--text\"\r\n                                              style=\"height: 100%;\" @click=\"chooseAvatar\">\r\n                                                  <v-icon large style=\"cursor:pointer\">mdi-camera</v-icon>Avatar\r\n                                              </div>\r\n                                          </v-expand-transition>\r\n                                      </v-img>\r\n                                  </v-avatar>\r\n                              </v-hover> -->\r\n                              \r\n                              <v-img :src=\"avatarPreview\" class=\"rounded-xl mb-2 mx-auto\" width=\"150px\" height=\"150px\">\r\n                              </v-img>\r\n                              <v-file-input show-size outlined\r\n                              label=\"Avatar\" ref=\"avatarInput\" v-model=\"avatarFile\" single-line  prepend-icon=\"\" hide-details=\"auto\"\r\n                              @change=\"uploadAvatar\" :rules=\"[v=>!!v||'Hãy chọn ảnh chân dung của bạn']\">\r\n                                <template v-slot:selection=\"{ index, text, file }\">\r\n                                  <v-chip color=\"green accent-4\" dark label >\r\n                                    {{ text }}  \r\n                                  </v-chip>\r\n                                  </template>\r\n                              </v-file-input>\r\n                            </v-col>\r\n                            \r\n                            <!-- <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              CCCD mặt trước <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col cols=\"12\" md=\"6\">\r\n                              <v-file-input v-model=\"idImageFrontFile\" clearable outlined :rules=\"[v=>!!v||'Hãy chọn ảnh CCCD mặt trước của bạn']\" placeholder=\"Ảnh chụp CCCD mặt trước\" persistent-placeholder hide-details=\"auto\" \r\n                              single-line  prepend-icon=\"\">\r\n                                <template v-slot:selection=\"{ index, text, file }\">\r\n                                  <v-chip color=\"green accent-4\" dark label >\r\n                                    {{ text }}  \r\n                                  </v-chip>\r\n                                  </template>\r\n                              </v-file-input>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              CCCD mặt sau <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col cols=\"12\" md=\"6\">\r\n                              <v-file-input v-model=\"idImageBackFile\" clearable outlined :rules=\"[v=>!!v||'Hãy chọn ảnh CCCD mặt sau của bạn']\" placeholder=\"Ảnh chụp CCCD mặt sau\" persistent-placeholder hide-details=\"auto\" single-line  prepend-icon=\"\">\r\n                                <template v-slot:selection=\"{ index, text, file }\">\r\n                                  <v-chip color=\"green accent-4\" dark label >\r\n                                    {{ text }}  \r\n                                  </v-chip>\r\n                                  </template>\r\n                              </v-file-input>\r\n                            </v-col> -->\r\n                            \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\" v-if=\"requiredCv\">\r\n                              File CV <small class=\"ml-2 orange--text text--darken-2\"> (ứng viên viên nên gởi CV)</small> <span class=\"red--text ml-2\" ></span>\r\n                            </v-col>\r\n                            <v-col cols=\"12\" md=\"6\" v-if=\"requiredCv\">\r\n                              <v-file-input v-model=\"cvFile\" accept=\".pdf\" clearable outlined :rules=\"[v=> !!v || 'Nhân viên cần nộp CV ']\"\r\n                              placeholder=\"File  CV định dạng PDF\" persistent-placeholder hide-details=\"auto\" single-line  prepend-icon=\"\">\r\n                                <template v-slot:selection=\"{ index, text, file }\">\r\n                                  <v-chip color=\"green accent-4\" dark label >\r\n                                    {{ text }}  \r\n                                  </v-chip>\r\n                                  </template>\r\n                              </v-file-input>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\" v-if=\"!requiredCv\">\r\n                              File CV <small class=\"ml-2 orange--text text--darken-2\"> (ứng viên viên nên gởi CV)</small> <span class=\"red--text ml-2\" ></span>\r\n                            </v-col>\r\n                            <v-col cols=\"12\" md=\"6\" v-if=\"!requiredCv\">\r\n                              <v-file-input v-model=\"cvFile\" accept=\".pdf\" clearable outlined placeholder=\"File  CV định dạng PDF\" persistent-placeholder hide-details=\"auto\" single-line  prepend-icon=\"\">\r\n                                <template v-slot:selection=\"{ index, text, file }\">\r\n                                  <v-chip color=\"green accent-4\" dark label >\r\n                                    {{ text }}  \r\n                                  </v-chip>\r\n                                  </template>\r\n                              </v-file-input>\r\n                            </v-col>\r\n\r\n                            <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                              File đính kèm khác <span class=\"red--text ml-2\">*</span>\r\n                            </v-col>\r\n                            <v-col cols=\"12\" md=\"6\">\r\n                              <v-file-input clearable outlined v-model=\"attachmentFile\" multiple accept=\".pdf, .xls, .xlsx, .doc, .docx, .png, .jpg\" placeholder=\"Giấy khám sức khỏe, CV, v.v.v.\" persistent-placeholder hide-details=\"auto\" single-line  prepend-icon=\"\">\r\n                                <template v-slot:selection=\"{ index, text, file }\">\r\n                                  <v-chip color=\"green accent-4\" dark label >\r\n                                    {{ text }}  \r\n                                  </v-chip>\r\n                                  </template>\r\n                              </v-file-input>\r\n                            </v-col>\r\n\r\n                          </v-row>\r\n                        </v-form>\r\n                        <v-card-actions class=\"mt-6\">\r\n                          <v-spacer></v-spacer>\r\n                            <v-btn style=\"width: 90px;\" dark color=\"red darken-4\" @click=\"step--\" outlined>Quay lại</v-btn>\r\n                            <v-btn type=\"submit\" form=\"recruit_step_5\" style=\"width: 90px;\" dark color=\"green darken-4\" :loading=\"isLoading\">GỞI HỒ SƠ</v-btn>\r\n                          <v-spacer></v-spacer>\r\n                        </v-card-actions>\r\n                      </v-card>\r\n                    </v-stepper-content>\r\n                      \r\n                </v-stepper>\r\n              </v-card>\r\n            </v-col>\r\n\r\n          </v-row>\r\n        </v-card>\r\n      </v-container>\r\n    </v-sheet>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport http from \"./services/http-common\";\r\nimport ApiService from \"./services/ApiServices\";\r\nimport moment from 'moment';\r\nimport router from \"../router/index\";\r\nconst dateRegex = new RegExp('[0-9]{1,2}(/|-)[0-9]{1,2}(/|-)[0-9]{4}');\r\nimport Swal from 'sweetalert2';\r\n\r\nvar minBirthDay = moment().startOf(\"year\").subtract(19, \"years\").format(\"YYYY-MM-DD\");\r\nexport default {\r\n  watch: {\r\n    \"form.jobCode\": {\r\n      handler(val) {\r\n        this.fetchAvailableRecruitmentRequest(val)\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    jobCities1() {\r\n      return this.jobCities.length ==0 ? this.cities : this.jobCities\r\n    }, \r\n    idPlaces() {\r\n        let fixedData = [ \"Cục Cảnh sát ĐKQL cư trú và DLQG về dân cư\", \"Cục Cảnh sát quản lý hành chính về trật tự xã hội\"];\r\n        let cityData = this.cities.map(x=>{return x.name});\r\n        return fixedData.concat(cityData);\r\n    },\r\n    avatarError: function(){\r\n      if(this.avatarFile===null)\r\n        return true;\r\n      console.log(this.avatarFile)\r\n      return false;\r\n    },\r\n    requiredCv() {\r\n      let result = false\r\n      if(this.form.jobCode){\r\n        let currentJob = this.jobs.filter(x=>x.code == this.form.jobCode)\r\n        console.log(currentJob)\r\n        if(currentJob[0].requiredCv == 1){\r\n          result = true\r\n        }\r\n      }\r\n      return result\r\n    },\r\n    height () {\r\n      return this.$vuetify.breakpoint.mdAndUp;\r\n    },\r\n    \r\n    formatedBirthDay: {\r\n      get() {\r\n        return moment(this.form.birthday).format(\"DD/MM/YYYY\")\r\n      },\r\n      set(value) {\r\n        const possibleFormats = [\"D/M/YYYY\", \"DD/MM/YYYY\"]\r\n          let parsedDate = moment(value,possibleFormats, true);\r\n          if (parsedDate.isValid()) {\r\n            this.form.birthday = parsedDate.format(\"YYYY-MM-DD\")\r\n          }\r\n      }\r\n    },\r\n\r\n    formatedIdDate: {\r\n      get() {\r\n        return moment(this.form.idDate).format(\"DD/MM/YYYY\")\r\n      },\r\n      set(value) {\r\n        const possibleFormats = [\"D/M/YYYY\", \"DD/MM/YYYY\"]\r\n          let parsedDate = moment(value,possibleFormats, true);\r\n          if (parsedDate.isValid()) {\r\n            this.form.idDate = parsedDate.format(\"YYYY-MM-DD\")\r\n          }\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    saveExp() {\r\n      this.form.experienceCompanies.push({\r\n        name: this.expForm.name,\r\n        position: this.expForm.position,\r\n        from: this.expForm.from,\r\n        to: this.expForm.to,\r\n        quitNote: this.expForm.quitNote\r\n      })\r\n      this.expDialog = false\r\n    },\r\n    closeExpDialog() {\r\n      this.expForm.name= ''\r\n      this.expForm.position= ''\r\n      this.expForm.from= ''\r\n      this.expForm.to= ''\r\n      this.expForm.quitNote= ''\r\n\r\n      this.expDialog = false\r\n    },\r\n    openExpDialog(){\r\n      this.expDialog = true\r\n    },\r\n    //validation\r\n    validStep1() {\r\n      if(!this.form.jobCode) {\r\n        alert(\"Chọn một công việc\")\r\n        return false\r\n      }\r\n      this.stepValid[0] = this.$refs.recruit_step_1.validate()\r\n      if(this.stepValid[0]){\r\n        this.nextStep()\r\n      }\r\n    },\r\n    validStep2() {\r\n      this.stepValid[1] = this.$refs.recruit_step_2.validate()\r\n      if(this.stepValid[1]){\r\n        this.nextStep()\r\n      }\r\n    },\r\n    validStep3() {\r\n      this.stepValid[2] = this.$refs.recruit_step_3.validate()\r\n      if(this.stepValid[2]){\r\n        this.nextStep()\r\n      }\r\n    },\r\n    validStep4() {\r\n      this.stepValid[3] = this.$refs.recruit_step_4.validate()\r\n      if(this.stepValid[3]){\r\n        this.nextStep()\r\n      }\r\n    },\r\n    validStep5() {\r\n      this.stepValid[4] = this.$refs.recruit_step_5.validate()\r\n      if(this.stepValid[4]){\r\n        this.applyJob()\r\n      }\r\n      \r\n    },\r\n    \r\n    // utils\r\n    createBase64Image(FileObject) {\r\n      const reader = new FileReader();\r\n      reader.onload = (event) => {\r\n        this.base64_cccd_front = event.target.result;\r\n      }\r\n      reader.readAsDataURL(FileObject);\r\n    },\r\n    \r\n    nextStep() {\r\n      this.step ++\r\n      this.$vuetify.goTo('#stepper', this.scrollOptions)\r\n    },\r\n    \r\n    uploadAvatar(file) {  \r\n        if (file) {\r\n          this.avatarPreview = URL.createObjectURL(file);\r\n        }\r\n    },\r\n    chooseAvatar(){\r\n      this.$refs.avatarInput.$refs.input.click()\r\n    },\r\n\r\n    //fetch sections\r\n    fetchJob () {\r\n      return http.get(\"candidates/fetch-job\")\r\n      .then(res => {\r\n          this.jobs = res.data.items;\r\n      }).catch(err => {throw err});\r\n    },\r\n    fetchCity () {\r\n      return http.get(\"cities\", {\r\n          params: {dropDown: 1}\r\n      }).then(res => {\r\n          this.cities = res.data.items;\r\n      }).catch(err => {\r\n          console.log(err);\r\n      });\r\n    },\r\n    fetchDistrict (val) {\r\n      if(val)\r\n        return http.get('cities/fetch-district/'+val).then(res => {\r\n            this.districts = res.data;\r\n        });\r\n    },\r\n    fetchJobDistrict1 (val) {\r\n      if(val)\r\n        return http.get('cities/fetch-district/'+val).then(res => {\r\n            this.jobDistrict1s = res.data;\r\n        });\r\n    },\r\n    fetchJobDistrict2 (val) {\r\n      if(val)\r\n        return http.get('cities/fetch-district/'+val).then(res => {\r\n            this.jobDistrict2s = res.data;\r\n        });\r\n    },\r\n    fetchWard (val) {\r\n      if(val)\r\n        return http.get('districts/fetch-ward/'+val).then(res => {\r\n            this.wards = res.data;\r\n        });\r\n    },\r\n\r\n    fetchDistrict2 (val) {\r\n      if(val)\r\n        return http.get('cities/fetch-district/'+val).then(res => {\r\n            this.district2s = res.data;\r\n        });\r\n    },\r\n    fetchWard2 (val) {\r\n      if(val)\r\n        return http.get('districts/fetch-ward/'+val).then(res => {\r\n            this.ward2s = res.data;\r\n        });\r\n    },\r\n    fetchEducationLevel(){\r\n      ApiService.fetchEducationLevel().then(res=>{\r\n        this.educationLevels = res.data;\r\n      })\r\n    },\r\n    fetchEducationMajor(){\r\n      ApiService.fetchEducationMajor().then(res=>{\r\n        this.educationMajors = res.data;\r\n      })\r\n    },\r\n    fetchUniversity(){\r\n      ApiService.fetchUniversity().then(res=>{\r\n        this.universities = res.data;\r\n      })\r\n    },\r\n    fetchEthnicity(){\r\n      return ApiService.fetchEthnicity().then(r => {\r\n        this.ethnicities =  r.data\r\n      })\r\n    },\r\n    fetchOrigin(){\r\n      return ApiService.fetchOrigin().then(r => {\r\n        this.origins =  r.data\r\n      })\r\n    },\r\n    fetchReligion(){\r\n      return ApiService.fetchReligion().then(r => {\r\n        this.religions =  r.data\r\n      })\r\n    },\r\n\r\n    fetchAvailableRecruitmentRequest( val) {\r\n      if(val) {\r\n        this.getJobCity(this.form.jobCode)\r\n        return http.get(\"jobs/fetch-available-job/\"+val).then(r => r.data).then(d => {\r\n          this.availJobs = d.data\r\n        })\r\n      }\r\n    },\r\n\r\n    getJobInfo(){\r\n      alert(\"Job info\")\r\n    },\r\n\r\n    getJobCity(code) {\r\n      return http.get(\"jobs/get-city/\"+code).then(res => {\r\n        this.jobCities = res.data.data\r\n      })\r\n    },\r\n\r\n    applyJob() {\r\n      console.log()\r\n\r\n      var formData = new FormData();\r\n      if(this.attachmentFile != null){\r\n        this.form.attachmentFile = this.attachmentFile.forEach(file => {\r\n          formData.append(\"attachmentFile\", file);\r\n        });\r\n      }\r\n      if(this.form.birthday ==null)\r\n      {\r\n        \r\n        Swal.fire(\r\n          {\r\n            title: 'Thông báo',\r\n            html: 'Hãy nhập ngày sinh của bạn',\r\n            icon:'error',\r\n            showCloseButton: false\r\n          }\r\n        );\r\n        return;\r\n      }\r\n      if(this.avatarFile)\r\n        formData.append(\"avatar\", this.avatarFile);\r\n      else\r\n      {\r\n        this.avatarFile = null;\r\n        this.valid = false;\r\n        \r\n        Swal.fire(\r\n          {\r\n            title: 'Thông báo',\r\n            html: 'Chọn ảnh avatar của bạn',\r\n            icon:'error',\r\n            showCloseButton: false\r\n          }\r\n        );\r\n        return;\r\n      }\r\n\r\n      if(this.idImageFrontFile)\r\n        formData.append(\"idImageFront\", this.idImageFrontFile);\r\n      else\r\n      {\r\n        // this.idImageFrontFile = null;\r\n        // this.valid = false;\r\n        \r\n        // Swal.fire(\r\n        //   {\r\n        //     title: 'Thông báo',\r\n        //     html: 'Chụp CMND/CCCD mặt trước của bạn',\r\n        //     icon:'error',\r\n        //     showCloseButton: false\r\n        //   }\r\n        // );\r\n        // return;\r\n      }\r\n      \r\n      if(this.idImageBackFile)\r\n        formData.append(\"idImageBack\", this.idImageBackFile);\r\n      else\r\n      {\r\n        // this.idImageFrontFile = null;\r\n        // this.valid = false;\r\n        \r\n        // Swal.fire(\r\n        //   {\r\n        //     title: 'Thông báo',\r\n        //     html: 'Chụp CMND/CCCD mặt sau của bạn',\r\n        //     icon:'error',\r\n        //     showCloseButton: false\r\n        //   }\r\n        // );\r\n        // return;\r\n      }\r\n\r\n      if(this.cvFile)\r\n        formData.append(\"cvFile\", this.cvFile);\r\n      // else\r\n      // {\r\n      //   this.cvFile = undefined;\r\n      //   this.valid = false;\r\n        \r\n      //   Swal.fire(\r\n      //     {\r\n      //       title: 'Thông báo',\r\n      //       html: 'Chọn file CV của bạn',\r\n      //       icon:'error',\r\n      //       showCloseButton: false\r\n      //     }\r\n      //   );\r\n      //   return;\r\n      // }\r\n\r\n      for (const [key, value] of Object.entries(this.form)) {\r\n        if(key == 'experienceCompanies' ){\r\n            formData.append('experienceCompanies', JSON.stringify(this.form.experienceCompanies))\r\n        } else\r\n          formData.append(key, value);\r\n      }\r\n\r\n      // this.$refs.candidate.validate();\r\n      this.valid =true\r\n      if(this.valid){\r\n        this.isLoading=true;\r\n        return http.post(this.CANDIDATE_URL, formData).then(res=>{\r\n          // this.$refs.candidate.reset();\r\n          this.form = Object.assign({}, this.defaultForm);\r\n          this.isLoading=false;\r\n          this.form.height = 0;\r\n          this.form.weight = 0;\r\n\r\n          Swal.fire(\r\n            {\r\n              title: 'Thông báo',\r\n              html: '<p>Cảm ơn bạn đ&atilde; ứng tuyển v&agrave;o Hệ Thống Nh&agrave; Thuốc Trung Sơn.</p> <p>Theo nhu cầu tuyển dụng nhận sự của c&ocirc;ng ty. Ch&uacute;ng t&ocirc;i sẽ chủ động li&ecirc;n hệ với c&aacute;c hồ sơ ph&ugrave; hợp để th&ocirc;ng b&aacute;o lịch phỏng vấn.</p> <p>Th&acirc;n mến!!</p><p>&nbsp;</p><p><em>Th&ocirc;ng tin li&ecirc;n hệ SDT: <a class=\"text-is-phone-number\">088 8786787</a><a class=\"text-is-phone-number\">&nbsp;</a><span class=\"text\">/ </span><a class=\"text-is-phone-number\">0867742768</a></em></p>',\r\n              icon:'success',\r\n              closeButtonText: 'Đồng ý',\r\n              showCloseButton: true\r\n            }).then(result => {\r\n              window.location.reload();\r\n            })\r\n        }).catch(err=>{console.log(err)})\r\n        .finally(()=>{\r\n          this.isLoading=false;\r\n        })\r\n      } else {\r\n          let eventObj = {\r\n              color: \"error\",\r\n              message: \"Kiểm tra lại dữ liệu\",\r\n              toast: false,\r\n          };\r\n          EventBus.$emit('hasError', eventObj);\r\n      }\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      \r\n      stepValid: [false, false, false, false, false],\r\n      step: 1,\r\n      \r\n      CANDIDATE_URL: \"candidates\",\r\n      jobHeaders: [\r\n        {text: 'Tên công việc', value: 'name'},\r\n        {text: 'Mô tả', value: 'description'},\r\n        {text: 'Mô tả', value: 'select'},\r\n      ],\r\n      jobs:[],\r\n      cities:[],\r\n      districts:[],\r\n      wards:[],\r\n      district2s:[],\r\n      ward2s:[],\r\n      jobDistrict1s: [],\r\n      jobDistrict2s: [],\r\n      availJobs: [],\r\n      jobCities: [],\r\n\r\n      ethnicities:[],\r\n      origins:[],\r\n      religions:[],\r\n\r\n      educationLevels:[],\r\n      educationMajors:[],\r\n      universities:[],\r\n      yearExperiences:[\r\n        {text: \" Chưa có kinh nghiệm\", value: 0},\r\n        {text: \" 6 tháng\", value: 0.5},\r\n        {text: \" 1 năm\", value: 1},\r\n        {text: \" 2 năm\", value: 2},\r\n        {text: \" 3 năm\", value: 3},\r\n        {text: \" Hơn 3 năm\", value: 4},\r\n      ],\r\n      valid: true,\r\n      avatarPreview: \"/sample.png\",\r\n      base64_cccd_front: \"\",\r\n      attachmentFile:undefined,\r\n      avatarFile:undefined,\r\n      idImageFrontFile:undefined,\r\n      idImageBackFile:undefined,\r\n      cvFile: undefined,\r\n      isLoading:false,\r\n      recruitChannels:[\r\n        {text: \"Mạng xã hội\", value: \"MXH\"},\r\n        {text: \"Tờ rơi\", value: \"TR\"},\r\n        {text: \"Được giới thiệu\", value: \"N\"},\r\n        {text: \"Trang tuyển dụng\", value: \"TTD\"},\r\n      ],\r\n      pharmaCerts:[\r\n        {text: \"Không có\", value: \"KHONG\"},\r\n        {text: \"CCHN Cao Đẳng\", value: \"CD\"},\r\n        {text: \"CCHN Đại Học\", value: \"DH\"},\r\n      ],\r\n      form: {\r\n        jobCode:null,\r\n        name:\"\",\r\n        gender: null,\r\n        birthday:moment().format(\"YYYY-MM-DD\"),\r\n        phone:\"\",\r\n        mail:\"\",\r\n        cityCode:null,\r\n        districtCode:null,\r\n        wardCode:null,\r\n        address:\"\",\r\n\r\n        city1Code:\"\",\r\n        city2Code:\"\",\r\n\r\n        dCityCode:null,\r\n        dDistrictCode:null,\r\n        dWardCode:null,\r\n        dAddress:\"\",\r\n\r\n        ethnicityCode: \"\",\r\n        originCode: \"\",\r\n        religionCode: \"\",\r\n\r\n        educationLevelCode:null,\r\n        educationMajorCode:null,\r\n        universityCode:null,\r\n        yearExperience:0,\r\n        weight:0,\r\n        height:0,\r\n        idNumber:\"\",\r\n        idDate:moment().format(\"YYYY-MM-DD\"),\r\n        idPlace: \"\",\r\n        note:\"\",\r\n        recruitChannel: \"TTD\",\r\n        graduateTypeCode:null,\r\n        pharmaCert: null,\r\n        jobDistrict1Code:'',\r\n        jobDistrict2Code:'',\r\n        experienceCompanies: []\r\n      },\r\n      defaultForm: {\r\n        jobCode:null,\r\n        name:\"\",\r\n        gender: null,\r\n        birthday:moment().format(\"YYYY-MM-DD\"),\r\n        phone:\"\",\r\n        mail:\"\",\r\n        \r\n        cityCode:null,\r\n        districtCode:null,\r\n        wardCode:null,\r\n        address:\"\",\r\n\r\n        city1Code:\"\",\r\n        city2Code:\"\",\r\n\r\n        dCityCode:null,\r\n        dDistrictCode:null,\r\n        dWardCode:null,\r\n        dAddress:\"\",\r\n        \r\n        ethnicityCode: \"\",\r\n        originCode: \"\",\r\n        religionCode: \"\",\r\n\r\n        educationLevelCode:null,\r\n        educationMajorCode:null,\r\n        universityCode:null,\r\n        yearExperience:0,\r\n        weight:0,\r\n        height:0,\r\n        idNumber:\"\",\r\n        idDate:moment().format(\"YYYY-MM-DD\"),\r\n        idPlace: \"\",\r\n        note:\"\",\r\n        recruitChannel: \"TTD\",\r\n        graduateTypeCode:null,\r\n        pharmaCert: null,\r\n        jobDistrict1Code:'',\r\n        jobDistrict2Code:'',\r\n        experienceCompanies: [],\r\n      },\r\n      dialog: [],\r\n      rules: {\r\n        required: v=>!!v || 'Nhập dữ liệu',\r\n        validEmail: v =>  /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(v) || 'Email không đúng',\r\n        validDate: v=> dateRegex.test(v) || 'Dữ liệu không đúng, định dạng ngày dd/mm/yyyy',\r\n        minDate: v=> !moment(v, \"dd/mm/yyyy\").isAfter(minBirthDay) || 'Bạn cần đủ tuổi để nộp hồ sơ'\r\n      },\r\n      experienceCompanyHeaders: [\r\n        { text: 'Thao tác', value: 'actions',width: 120},\r\n        { text: 'Tên công ty', value: 'name'},\r\n        { text: 'Vị trí', value: 'position'},\r\n        { text: 'Từ ngày', value: 'from'},\r\n        { text: 'Đến ngày', value: 'to'},\r\n        { text: 'Lý do nghỉ việc', value: 'quitNote'},\r\n      ],\r\n      expDialog: false,\r\n      expForm: {\r\n        name: '',\r\n        position: '',\r\n        from: '',\r\n        to: '',\r\n        quitNote: ''\r\n\r\n      }\r\n    }\r\n  },\r\n\r\n  mounted() {\r\n    this.fetchJob();\r\n    this.fetchCity();\r\n    this.fetchEducationLevel();\r\n    this.fetchEducationMajor();\r\n    this.fetchUniversity();\r\n    this.fetchEthnicity();\r\n    this.fetchOrigin();\r\n    this.fetchReligion();\r\n  }\r\n}\r\n</script>\r\n<style scoped>\r\n  \r\n    ::v-deep .v-stepper__label {\r\n      max-width: 100% !important;\r\n      text-align: start !important;\r\n    }\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecruitSectionAlt.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecruitSectionAlt.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RecruitSectionAlt.vue?vue&type=template&id=eb4bcac8&scoped=true&\"\nimport script from \"./RecruitSectionAlt.vue?vue&type=script&lang=js&\"\nexport * from \"./RecruitSectionAlt.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RecruitSectionAlt.vue?vue&type=style&index=0&id=eb4bcac8&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  \"eb4bcac8\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div id=\"login\">\r\n    <!-- <v-parallax style=\"height:100vh;\" src=\"https://images.pexels.com/photos/583846/pexels-photo-583846.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260\">\r\n    </v-parallax> -->\r\n    <v-container fluid class=\"pa-0\" style=\"background: url('/static/login-hero2.jpg'); background-size: 100%; background-repeat: no-repeat; background-position: top;\">\r\n      <div class=\"opacity-mask\" style=\"position: absolute; height: 100%; width: 100%\"></div>\r\n        <v-container>\r\n        <v-row justify=\"center\" align=\"center\" no-gutters style=\"\" >\r\n          <v-col cols=\"12\" md=\"6\" lg=\"8\" class=\"pa-0\"  v-if=\"$vuetify.breakpoint.smAndUp\" style=\"background-color: transparent;\">\r\n            <v-card flat tile height=\"calc(100vh - 322px)\" class=\"d-flex align-center\" style=\"background-color: transparent;\">\r\n              \r\n              <!-- gradient=\"to bottom, rgba(0,0,0,.0), rgba(0,77,64,1)\" -->\r\n            <v-sheet rounded style=\"width: 100%; height: 100%;background-color: transparent; backdrop-filter: blur(0px);\" class=\"mx-auto\" >\r\n              <!-- height=\"calc(100vh - 327px)\" -->\r\n              <transition name=\"fade\">\r\n                <v-card style=\"height: 100%; max-width: 50%;\" class=\"elevation-0 mx-auto rounded-xl d-flex align-center\"  v-if=\"show\" color=\"rgba(255,255,255,.0)\" >\r\n                  <v-img src=\"/static/logo2.png\"  @load=\"show= true\" >\r\n                    <!-- <v-btn tile color=\"orange\" class=\"rounded-lg\" depressed dark x-large style=\"left: 50%; margin-left:-150px; margin-bottom: calc(25% - 26px);\" width=\"250px\" @click=\"scrollMeTo('anchor')\">\r\n                      <span class=\"white--text sub-title\">\r\n                        NỘP HỒ SƠ NGAY <v-icon>mdi-chevron-down</v-icon>\r\n                      </span>\r\n                    </v-btn> -->\r\n                  </v-img>\r\n                </v-card>\r\n              </transition>\r\n            </v-sheet>\r\n            </v-card>\r\n          </v-col>\r\n          <v-col class=\"pb-5\" cols=\"12\" md=\"6\" lg=\"4\" style=\"backdrop-filter: blur(0px);\" >\r\n            <v-card :loading=\"logging\" class=\"mx-auto my-auto rounded-xl px-2 elevation-3\" style=\"padding-bottom: 32px; max-width: 400px; border: 0px; border-bottom: 3px; border-style: solid; border-color: #BDBDBD;\" rounded=\"50%\" load>\r\n              <div class=\"pa-2 text-center\">\r\n                <img contain style=\"\"  v-show=\"$vuetify.breakpoint.xsOnly\"\r\n                  width=\"286\"\r\n                  src=\"/static/logo2.png\"\r\n                >\r\n              </div>\r\n              <v-card-title class=\"text-center mb-6\" >\r\n                <v-spacer></v-spacer>\r\n                CHÀO BẠN ĐÃ TRỞ LẠI\r\n                <v-spacer></v-spacer>\r\n              </v-card-title>\r\n              <v-card-text class=\"text-center\">\r\n                <v-form v-model=\"loginValid\" ref=\"loginForm\" id=\"loginForm\" @submit.prevent=\"login\" class=\"px-6\">\r\n                  <v-text-field v-model=\"username\" label=\"Tên tài khoản\" required outlined  :rules='[v=>!!v||\"Nhập tài khoản\"]' @change=\"verifyUser\"></v-text-field>\r\n\r\n                  <v-text-field v-model=\"password\" label=\"Password\" required \r\n                                :append-icon=\"passwordShow ? 'mdi-eye' : 'mdi-eye-off'\"\r\n                                :type=\"passwordShow ? 'text' : 'password'\" :rules='[v=>!!v||\"Nhập mật khẩu\"]'\r\n                                @click:append=\"passwordShow = !passwordShow\" outlined ></v-text-field>\r\n                                \r\n                  <div class=\"d-flex justify-center\">\r\n                    <v-checkbox label=\"Lưu nhớ mật khẩu\" v-model=\"rememberLogin\" class=\"mt-0\" hide-details></v-checkbox>\r\n                  </div>\r\n                  <v-btn  width=\"90%\" type=\"submit\" color=\"amber darken-3\" dark class=\"font-weight-bold rounded-pill my-4 d-block mx-auto\" form=\"loginForm\">Đăng nhập\r\n                    <v-icon right>mdi-login</v-icon>\r\n                  </v-btn>\r\n\r\n                  <v-row>\r\n                    <v-col cols=\"6\" class=\"text-left\">\r\n                      <router-link class=\"teal--text mb-2\" text :to=\"{name: 'ChangePassword'}\"  style=\"width: 100%; display: block;\">\r\n                        \r\n                        Đổi mật khẩu</router-link>\r\n                      <router-link class=\"teal--text mb-2\" text :to=\"{name: 'ForgetPassword'}\" style=\"width: 100%; display: block;\">\r\n                        \r\n                        Quên mật khẩu</router-link>\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"text-center\">\r\n                      <p class=\"\">Quét để truy cập nhanh </p>\r\n                      <img src=\"/static/qr_main.svg\" alt=\"\" srcset=\"\" width=\"72\" class=\"d-block mx-auto\">\r\n                    </v-col>\r\n                  </v-row>\r\n\r\n                </v-form>\r\n              </v-card-text>\r\n              \r\n            </v-card>\r\n          </v-col>\r\n        </v-row>\r\n        </v-container>\r\n        <!-- #187733 -->\r\n      <v-footer color=\"teal darken-4\" class=\" text-center\" padless style=\"\">\r\n        <v-container>\r\n          \r\n        <mouse-scroll class=\"\" v-show=\"isMouseVisible\" style=\"position: absolute; top: -95px; left: 50%; transform: translateX(-18px)\"></mouse-scroll>\r\n        <v-card color=\"transparent\" class=\"d-flex justify-space-around align-end elevation-0\" dark style=\"flex-wrap: wrap;\">\r\n          <v-col cols=\"12\" md=\"4\" class=\"px-0\">\r\n              <img src=\"https://cdn-icons-png.flaticon.com/128/4732/4732739.png\" class=\"rounded-xl elevation-6\" width=\"64px\" height=\"64px\" style=\" background: white; padding: 8px;\">\r\n              <!-- <v-icon size=\"64px\">mdi-phone</v-icon> -->\r\n              <div class=\"text-h6 green--text text--lighten-4 my-2\"> Liên hệ</div>\r\n              <div class=\" my-2 font-weight-bold yellow--text text--lighten-2 py-2\" style=\"height:44px\"> 0867 742 768 | 0888 786 787</div>\r\n          </v-col>\r\n          <v-col cols=\"12\" md=\"4\" class=\"px-0\">\r\n            <img src=\"https://cdn-icons-png.flaticon.com/128/4732/4732877.png\" class=\"rounded-xl elevation-6\" width=\"64px\" style=\"background: white; padding: 8px;\">\r\n              <div class=\"text-h6 green--text text--lighten-4 my-2\"> E-mail</div>\r\n              <div class=\" my-2 font-weight-bold yellow--text text--lighten-2 py-2\" style=\"height:44px\"> tuyendung@trungsonpharma.com</div>\r\n          </v-col>\r\n          <v-col cols=\"12\" md=\"4\" class=\"px-0\">\r\n              <a @click=\"getApple\" class=\"mx-2\">\r\n                <img src=\"/static/icons/App_Store.png\" style=\"height:47px; width: 150px;\">\r\n              </a>\r\n              \r\n              <a href=\"https://play.google.com/store/apps/details?id=vn.trungsonpharma.chamcong\" class=\"mx-2\">\r\n                  <img src=\"/static/icons/google_play_2.png\" style=\"height: 47px; width: 150px;\">\r\n              </a>\r\n            <div class=\"text-h6 green--text text--lighten-4 my-2\"> Tải về ứng dụng chấm công</div>\r\n            <div class=\"my-2 font-weight-bold yellow--text text--lighten-2\"> PDF hướng dẫn\r\n              <v-btn color=\"transparent\" icon style=\"width=30px; height=45px\" \r\n                  target=\"_blank\" href=\"https://tshrmapi.trungsonpharma.com/uploads/static/user_guide.pdf\"\r\n                  depressed class=\"mx-1 d-inline-block\" large >\r\n                  <img src=\"/static/icons/PDF_icon.png\" width=\"30px\">\r\n              </v-btn>\r\n            </div>\r\n          </v-col>\r\n\r\n          <!-- <v-sheet color=\"transparent elevation-0 flex-grow-1\" outlined tile dark style=\" max-width: 33.3%;\">\r\n          </v-sheet>\r\n\r\n          <v-sheet color=\"transparent elevation-0 flex-grow-1\" outlined tile dark style=\" max-width: 33.3%;\">\r\n          </v-sheet>\r\n          \r\n          <v-sheet color=\"transparent elevation-0 flex-grow-1\" outlined tile dark style=\" max-width: 33.3%;\">\r\n          </v-sheet> -->\r\n\r\n        </v-card>\r\n        </v-container>\r\n      </v-footer>\r\n      \r\n      <v-card tile flat>\r\n        <v-row style=\" border-radius: 4px\" class=\"mb-0\">\r\n          <v-col cols=\"12\" md=\"6\" class=\"mx-auto\">\r\n            <div class=\"my-6 mx-5\">\r\n              <p class=\"\">\r\n                <span class=\"font-weight-light teal--text text--darken-4 display-1\">ĐỘI NGŨ</span> \r\n                <span class=\"ml-2 font-weight-bold teal--text text--darken-4 display-1\"><b>QUẢN LÝ</b></span>\r\n              </p>\r\n              <p style=\"margin-left:5rem\" class=\" orange--text display-1 font-italic\"><span>HIỂU NGÀNH YÊU NGHỀ</span></p>\r\n            </div>\r\n          </v-col>\r\n          <!-- <v-col cols=\"12\" md=\"6\">\r\n            <v-img src=\"#\" width=\"\" style=\"margin-bottom:-12px\">\r\n              <div style=\"position:relative; top:0; margin-left:50%;\" class=\"red d-block \">\r\n              </div>\r\n            </v-img>\r\n          </v-col> -->\r\n        </v-row>\r\n      </v-card>\r\n      \r\n      <v-dialog v-model=\"loginDialog\" max-width=\"400px\">\r\n        <v-card :loading=\"logging\" class=\"mx-auto\" style=\"border-bottom: 3px; border-bottom-style: solid; border-bottom-color: #FFBE5F;\">\r\n          <v-card-title class=\"text-center\">\r\n            Chào bạn trở lại\r\n          </v-card-title>\r\n          <v-card-text>\r\n            <v-form v-model=\"loginValid\" ref=\"loginForm\" id=\"loginForm\" @submit.prevent=\"login\">\r\n              <v-text-field v-model=\"username\" label=\"Tên tài khoản\" required solo rounded :rules='[v=>!!v||\"Nhập tài khoản\"]'></v-text-field>\r\n\r\n              <v-text-field v-model=\"password\" label=\"Password\" required \r\n                            :append-icon=\"passwordShow ? 'mdi-eye' : 'mdi-eye-off'\"\r\n                            :type=\"passwordShow ? 'text' : 'password'\" :rules='[v=>!!v||\"Nhập mật khẩu\"]'\r\n                            @click:append=\"passwordShow = !passwordShow\" solo rounded></v-text-field>\r\n            </v-form>\r\n            <v-checkbox label=\"Lưu nhớ mật khẩu\" v-model=\"rememberLogin\" class=\"mt-0\"></v-checkbox>\r\n            <router-link class=\"teal--text\" text :to=\"{name: 'ChangePassword'}\">\r\n              <v-icon left color=\"orange darken-3\">mdi-lock-reset</v-icon>\r\n              Đổi mật khẩu</router-link>\r\n          </v-card-text>\r\n          <v-card-actions>\r\n            <v-btn width=\"100%\" type=\"submit\" color=\"amber darken-3\" dark class=\"font-weight-bold\" form=\"loginForm\">Đăng nhập</v-btn>\r\n          </v-card-actions>\r\n          \r\n        </v-card>\r\n      </v-dialog>\r\n      <!-- <v-fab-transition v-show=\"false\">\r\n        <v-btn disabled text \r\n          fixed color=\"transparent\" elevation=\"0\"\r\n          large dark bottom\r\n          style=\"left: 50%;transform: translateX(-59px); bottom: 150px; width:100px;z-index:99\" class=\"pa-0\" rounded \r\n        >\r\n        </v-btn>\r\n      </v-fab-transition> -->\r\n      <!-- <v-fab-transition>\r\n        <v-btn\r\n          color=\"white\"\r\n          x-large\r\n          bottom right\r\n          fixed \r\n          @click=\"loginDialog=!loginDialog\"\r\n          class=\"rounded-pill\"\r\n          style=\"margin-bottom: 40px\"\r\n        >\r\n        \r\n          <v-tooltip bottom height=\"32px\">\r\n            <template v-slot:activator=\"{ on, attrs }\">\r\n              <v-icon v-bind=\"attrs\" left v-on=\"on\">mdi-account</v-icon>\r\n            </template>\r\n            <span>Đăng nhập </span>\r\n          </v-tooltip> Đăng nhập\r\n        </v-btn>\r\n      </v-fab-transition> -->\r\n      \r\n    <recruit-section></recruit-section>\r\n    <!-- <recruit-section-alt></recruit-section-alt> -->\r\n    <!-- <v-sheet light class=\"\">\r\n      <v-container class=\"py-4\">\r\n        <v-card outlined class=\"px-0\" style=\"background-attachment: fixed; background-color: rgba(0,0,0,.3); background-blend-mode: multiply; background-image: url('/static/smooth-green-background.jpg'); background-size: cover; background-position: left center; background-repeat: no-repeat\">\r\n          <v-row class=\"mx-0 py-6\" style=\"\">\r\n            <v-col cols=\"12\" lg=\"6\" class=\"text-center d-flex align-center pt-6\">\r\n              <v-spacer></v-spacer>\r\n              <div class=\"d-block\" style=\"widows: 100%;\">\r\n                <p class=\"text-h6 font-weight-bold white--text\">LIÊN HỆ NGAY ĐỂ ĐƯỢC TƯ VẤN VỀ VIỆC LÀM</p>\r\n                <a target=\"_blank\" class=\"mx-2\" href=\"https://www.facebook.com/nhathuoctrungson/\">\r\n                  <img src=\"https://cdn-icons-png.flaticon.com/128/3670/3670032.png\" width=\"64px\">\r\n                </a>\r\n                <a target=\"_blank\" class=\"mx-2\" href=\"https://trungsoncare.com/\">\r\n                  <img src=\"https://cdn-icons-png.flaticon.com/128/724/724664.png\" width=\"64px\">\r\n                </a>\r\n\r\n                <a target=\"_blank\" class=\"mx-2\" href=\"https://www.youtube.com/channel/UCEGFRl4OC-hf9ZWMXBsk4Kg\"><img src=\"https://cdn-icons-png.flaticon.com/512/3670/3670163.png\"  class=\"d-inline-block\" width=\"64px\"></a>\r\n              </div>\r\n              <v-spacer></v-spacer>\r\n              \r\n            </v-col>\r\n            <v-col cols=\"12\" lg=\"6\" class=\"py-6\">\r\n              <v-card class=\"rounded-xl elevation-5\" style=\"\">\r\n                <v-card-title class=\"text-center\" style=\"word-break:break-word;\">\r\n                  <v-spacer></v-spacer>\r\n                  NỘP HỒ SƠ CỦA BẠN\r\n                  <v-spacer></v-spacer>\r\n                </v-card-title>\r\n                <v-stepper v-model=\"step\" class=\"elevation-0\" alt-labels id=\"stepper\">\r\n                  <v-stepper-header class=\"elevation-0 text-center\" style=\"flex-wrap: nowrap;\">\r\n                    <v-stepper-step step=\"1\" color=\"orange accent-4\" :complete=\"stepValid[0]\" complete-icon=\"mdi-check\">\r\n                      Vị trí ứng tuyển\r\n                    </v-stepper-step>\r\n\r\n                    <v-divider></v-divider>\r\n                    <v-stepper-step step=\"2\" color=\"orange accent-4\" :complete=\"stepValid[1]\" complete-icon=\"mdi-check\">\r\n                      Thông tin cơ bản\r\n                    </v-stepper-step>\r\n\r\n                    <v-divider></v-divider>\r\n                    <v-stepper-step step=\"3\" color=\"orange accent-4\" :complete=\"stepValid[2]\" complete-icon=\"mdi-check\">\r\n                      Thông tin chi tiết\r\n                    </v-stepper-step>\r\n                    \r\n                    <v-divider></v-divider>\r\n                    <v-stepper-step step=\"4\" color=\"orange accent-4\" :complete=\"stepValid[3]\" complete-icon=\"mdi-check\">\r\n                      Học vấn\r\n                    </v-stepper-step>\r\n                    \r\n                    <v-divider></v-divider>\r\n                    <v-stepper-step step=\"5\" color=\"orange accent-4\" :complete=\"stepValid[4]\" complete-icon=\"mdi-check\">\r\n                      Đính kèm\r\n                    </v-stepper-step>\r\n                    \r\n                  </v-stepper-header>\r\n                  <v-stepper-items>\r\n                      <v-stepper-content step=\"1\">\r\n                        <v-card flat>\r\n                          <v-form ref=\"recruit_step_1\" id=\"recruit_step_1\" @submit.prevent=\"validStep1\">\r\n                            <v-row>\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Vị trí ứng tuyển <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined v-model=\"form.jobCode\" hide-details=\"auto\"\r\n                                :items=\"jobs\" item-value=\"code\" item-text=\"name\" :rules=\"[v => !!v || 'Chọn công việc ứng tuyển']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Kinh nghiệm làm việc <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col cols=\"12\" md=\"6\">\r\n                                <v-select outlined  hide-details=\"auto\"  v-model=\"form.yearExperience\" placeholder=\"Kinh nghiệm làm việc\" clearable\r\n                                :items=\"yearExperiences\"></v-select>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Nơi làm việc mong muốn 1 <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined v-model=\"form.city1Code\" clearable hide-details=\"auto\"\r\n                                :items=\"cities\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Nơi làm việc mong muốn 2 <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined v-model=\"form.city2Code\" clearable hide-details=\"auto\"\r\n                                :items=\"cities\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Bạn biết đến trung sơn <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined v-model=\"form.recruitChannel\" clearable hide-details=\"auto\"\r\n                                :items=\"recruitChannels\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                            </v-row>\r\n                          </v-form>\r\n                          <v-card-actions class=\"mt-6\">\r\n                            <v-spacer></v-spacer>\r\n                              <v-btn type=\"submit\" form=\"recruit_step_1\" color=\"green darken-4\" style=\"width: 180px;\" dark >\r\n                              Tiếp tục</v-btn>\r\n                            <v-spacer></v-spacer>\r\n                          </v-card-actions>\r\n                        </v-card>\r\n                      </v-stepper-content>\r\n                      \r\n                      <v-stepper-content step=\"2\">\r\n                        <v-card flat>\r\n                          <v-form ref=\"recruit_step_2\" id=\"recruit_step_2\" @submit.prevent=\"validStep2\">\r\n                            <v-row>\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Họ & tên  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-text-field v-model=\"form.name\" outlined hide-details=\"auto\" :rules=\"[\r\n                                                                        v => !!v || 'Nhập vào họ tên',\r\n                                                                        v => (v || '').length <=30 || 'Tên quá dài']\"></v-text-field>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Giới tính  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-select v-model=\"form.gender\" outlined hide-details=\"auto\" :items='[{text: \"Nam\", value: true}, {text:\"Nữ\", value:false}]' :rules=\"[v=> v!=null ||'Chọn 1 dữ liệu' ]\"></v-select>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\">\r\n                                <v-divider></v-divider>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Ngày sinh  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-card class=\"d-inline-flex\" outlined>\r\n                                  <v-date-picker no-title class=\"mx-auto\" locale=\"vi\" full-width color=\"green darken-2\"\r\n                                        v-model=\"form.birthday\"\r\n                                    ></v-date-picker>\r\n                                </v-card>\r\n                                <v-text-field hide-details=\"auto\" maxlength=\"10\" v-model=\"formatedBirthDay\" outlined :rules=\"[\r\n                                                                                                        rules.required,\r\n                                                                                                        rules.validDate,\r\n                                                                                                        rules.minDate\r\n                                                                                                        ]\" \r\n                                              hint=\"Định dạng ngày dd/mm/yyyy\"\r\n                                ></v-text-field>\r\n                              </v-col>\r\n                              <v-col cols=\"12\">\r\n                                <v-divider></v-divider>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Số điện thoại  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-text-field v-model=\"form.phone\" hide-details=\"auto\" placeholder=\"ví dụ 0972xxxxxx\" outlined :rules=\"[\r\n                                                                          v => !!v || 'Nhập SDT', v => (v || '').length <=15 || 'SDT quá dài',\r\n                                                                          v => (v || '').length >=10 || 'SDT quá ngắn',\r\n                                                                          v =>  !/\\D/.test(v) || 'SDT không đúng']\"></v-text-field>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Email <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-text-field outlined type=\"email\" placeholder=\"ví dụ: email@gmail.com\" v-model=\"form.mail\" hide-details=\"auto\" :rules=\"[\r\n                                                                                          v => !!v || 'Nhập Email', v => (v || '').length <=50 || 'Email quá dài',\r\n                                                                                          rules.validEmail]\"></v-text-field>\r\n                              </v-col>\r\n                            </v-row>\r\n                          </v-form>\r\n                          <v-card-actions class=\"mt-6\">\r\n                            <v-spacer></v-spacer>\r\n                              <v-btn color=\"red darken-4\" style=\"width: 90px;\" dark class=\"\" @click=\"step--\" outlined>\r\n                                Quay lại\r\n                              </v-btn>\r\n                              <v-btn type=\"submit\" form=\"recruit_step_2\" color=\"green darken-4\" dark class=\"mx-4\" style=\"width: 90px\">\r\n                              Tiếp tục</v-btn>\r\n                            <v-spacer></v-spacer>\r\n                          </v-card-actions>\r\n                        </v-card>\r\n                      </v-stepper-content>\r\n                      \r\n                      <v-stepper-content step=\"3\" >\r\n                        <v-card flat>\r\n                          <v-form ref=\"recruit_step_3\" id=\"recruit_step_3\" @submit.prevent=\"validStep3\">\r\n                            <v-row style=\"\">                                                                                          \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Chiều cao <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                  <v-text-field outlined hide-details=\"auto\" v-model=\"form.height\" persistent-placeholder hint=\"ví dụ 1.8\" persistent-hint\r\n                                                placeholder=\"ví dụ 1.8\" suffix=\"(m)\" :rules=\"[ \r\n                                                                                                v=> !isNaN(v) || 'Nhập dữ liệu số',\r\n                                                                                                v=> !!v || 'Nhập dữ liệu này'\r\n                                                                                              ]\"></v-text-field>\r\n                              </v-col>\r\n                                                                                                                        \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Cân nặng <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-text-field outlined hide-details=\"auto\" v-model=\"form.weight\" label=\"Cân nặng\"  hint=\"ví dụ 50\" persistent-hint\r\n                                                suffix=\"(kg)\" persistent-placeholder placeholder=\" ví dụ: 80\" :rules=\"[ \r\n                                                                                                  v=> !isNaN(v) || 'Nhập dữ liệu số',\r\n                                                                                                  v=> !!v || 'Nhập dữ liệu này'\r\n                                                                                                ]\"></v-text-field>\r\n                              </v-col>\r\n                              <v-col cols=\"12\">\r\n                                <v-divider></v-divider>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Quốc tịch <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined v-model=\"form.originCode\" placeholder=\"Việt Nam, ...\" persistent-placeholder hide-details=\"auto\"\r\n                                :items=\"origins\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Dân tộc <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined v-model=\"form.ethnicityCode\" placeholder=\"Dân tộc Kinh, Hoa, ...\" persistent-placeholder hide-details=\"auto\"\r\n                                :items=\"ethnicities\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Tôn giáo <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined v-model=\"form.religionCode\" placeholder=\"Phật giáo, Công giáo,...\" persistent-placeholder hide-details=\"auto\"\r\n                                :items=\"religions\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\">\r\n                                <v-divider></v-divider>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                CCCD  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-text-field outlined v-model=\"form.idNumber\" hide-details=\"auto\" :rules=\"[\r\n                                                                                          v => !!v || 'Nhập chứng minh', v => (v || '').length <=12 || 'CMND quá dài',\r\n                                                                                          v => (v || '').length >=9 || 'CMND quá ngắn',\r\n                                                                                          v =>  !/\\D/.test(v) || 'CMND không đúng']\"></v-text-field>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Nơi cấp  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined v-model=\"form.idPlace\" :items=\"idPlaces\" hide-details=\"auto\"\r\n                                :rules=\"[v=>!!v || 'Nhập dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Ngày cấp  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-card class=\"d-inline-flex\" outlined>\r\n                                  <v-date-picker no-title class=\"mx-auto\" locale=\"vi\" full-width color=\"green darken-2\" \r\n                                        v-model=\"form.idDate\"\r\n                                    ></v-date-picker>\r\n                                </v-card>\r\n                                <v-text-field maxlength=\"10\" v-model=\"formatedIdDate\" outlined :rules=\"[\r\n                                                                                                        rules.required,\r\n                                                                                                        rules.validDate\r\n                                                                                                        ]\" \r\n                                              hint=\"Định dạng ngày dd/mm/yyyy\" hide-details=\"auto\"\r\n                                ></v-text-field>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\">\r\n                                <v-divider></v-divider>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Địa chỉ thường trú <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col class=\"\">\r\n                                <v-autocomplete outlined v-model=\"form.cityCode\" placeholder=\"Thành phố\" persistent-placeholder\r\n                                  @change=\"fetchDistrict(form.cityCode)\"\r\n                                  :items=\"cities\" item-value=\"code\" item-text=\"name\" :rules=\"[\r\n                                                                                        v => !!v || 'Chọn thành phố của bạn']\">\r\n                                </v-autocomplete>\r\n                                \r\n                                <v-autocomplete outlined v-model=\"form.districtCode\" placeholder=\"Quận\" persistent-placeholder @change=\"fetchWard(form.districtCode)\"\r\n                                :items=\"districts\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn quận của bạn']\"></v-autocomplete>\r\n                                \r\n                                <v-autocomplete outlined v-model=\"form.wardCode\" placeholder=\"Phường\" persistent-placeholder :rules=\"[ v => !!v || 'Chọn phường của bạn']\"\r\n                                  :items=\"wards\" item-value=\"code\" item-text=\"name\"></v-autocomplete>\r\n                                  \r\n                                <v-textarea outlined rows=3 v-model=\"form.address\" placeholder=\"ví dụ Thành phố Cần Thơ, quận Bình Thủy, phường 5, 2xx/5 hẻm 5, đường CMT8\" persistent-placeholder :rules=\"[v=>!!v || 'Nhập dữ liệu']\" hide-details=\"auto\"></v-textarea>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\">\r\n                                <v-divider></v-divider>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Địa chỉ tạm trú <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                  <v-autocomplete outlined v-model=\"form.dCityCode\" placeholder=\"Thành phố\" persistent-placeholder\r\n                                    @change=\"fetchDistrict2(form.dCityCode)\"\r\n                                    :items=\"cities\" item-value=\"code\" item-text=\"name\" :rules=\"[\r\n                                                                                          v => !!v || 'Chọn thành phố của bạn']\">\r\n                                  </v-autocomplete>\r\n                                \r\n                                  <v-autocomplete outlined v-model=\"form.dDistrictCode\" placeholder=\"Quận\" persistent-placeholder @change=\"fetchWard2(form.dDistrictCode)\"\r\n                                  :items=\"district2s\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn quận của bạn']\"></v-autocomplete>\r\n                                \r\n                                  <v-autocomplete outlined v-model=\"form.dWardCode\" placeholder=\"Phường\" persistent-placeholder :rules=\"[ v => !!v || 'Chọn phường của bạn']\"\r\n                                    :items=\"ward2s\" item-value=\"code\" item-text=\"name\"></v-autocomplete>\r\n\r\n                                  <v-textarea outlined v-model=\"form.dAddress\" placeholder=\"Địa chỉ\" :rules=\"[v=>!!v || 'Nhập dữ liệu']\"></v-textarea>\r\n                              </v-col>\r\n                              \r\n                            </v-row>\r\n                          </v-form>\r\n                          <v-card-actions class=\"mt-6\">\r\n                            <v-spacer></v-spacer>\r\n                              <v-btn color=\"red darken-4\" style=\"width: 90px;\" dark class=\"\" @click=\"step--\" outlined>\r\n                                Quay lại\r\n                              </v-btn>\r\n                              <v-btn form=\"recruit_step_3\" type=\"submit\" color=\"green darken-4\" dark class=\"mx-4\" style=\"width: 90px\">\r\n                              Tiếp tục</v-btn>\r\n                            <v-spacer></v-spacer>\r\n                          </v-card-actions>\r\n                        </v-card>\r\n                      </v-stepper-content>\r\n                      \r\n                      <v-stepper-content step=\"4\">\r\n                        <v-card flat>\r\n                          <v-form ref=\"recruit_step_4\" id=\"recruit_step_4\" @submit.prevent=\"validStep4\">\r\n                            <v-row>\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Học vấn  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined hide-details=\"auto\" v-model=\"form.educationLevelCode\" placeholder=\"Học vấn\" persistent-placeholder\r\n                                :items=\"educationLevels\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Chuyên ngành <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined hide-details=\"auto\" v-model=\"form.educationMajorCode\" placeholder=\"Chuyên ngành\"\r\n                                :items=\"educationMajors\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Cơ sở đào tạo <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined hide-details=\"auto\" v-model=\"form.universityCode\" placeholder=\"Cơ sở đào tạo\"\r\n                                :items=\"universities\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Xếp loại tốt nghiệp <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>       \r\n                                <v-autocomplete outlined hide-details=\"auto\" v-model=\"form.graduateTypeCode\" placeholder=\"Xếp loại tốt nghiệp\" persistent-placeholder\r\n                                :items=\"[\r\n                                          {text: 'Giỏi', value: 'GIOI'},\r\n                                          {text: 'Khá', value: 'KHA'},\r\n                                          {text: 'Trung Bình', value: 'TRUNGBINH'},\r\n                                          {text: 'Khác', value: 'KHAC'},\r\n                                          {text: 'Chưa tốt nghiệp', value: 'NONE'},\r\n                                        ]\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Loại chứng chỉ hành nghề Dược <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>       \r\n                                <v-select outlined v-model=\"form.pharmaCert\" :items=\"pharmaCerts\"  persistent-placeholder\r\n                                          placeholder=\"Loại chứng chỉ hành nghề Dược\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\" clearable hide-details=\"auto\">\r\n                                </v-select>\r\n                              </v-col>\r\n                            </v-row>\r\n                          </v-form>\r\n                          <v-card-actions class=\"mt-6\">\r\n                            <v-spacer></v-spacer>\r\n                              <v-btn color=\"red darken-4\" style=\"width: 90px;\" dark class=\"\" @click=\"step--\" outlined>\r\n                                Quay lại\r\n                              </v-btn>\r\n                              <v-btn type=\"submit\" form=\"recruit_step_4\" color=\"green darken-4\" dark class=\"mx-4\" style=\"width: 90px\">\r\n                              Tiếp tục</v-btn>\r\n                            <v-spacer></v-spacer>\r\n                          </v-card-actions>\r\n                        </v-card>\r\n                      </v-stepper-content>\r\n                      \r\n                      <v-stepper-content step=\"5\">\r\n                        <v-card flat>\r\n                          <v-form ref=\"recruit_step_5\" id=\"recruit_step_5\" @submit.prevent=\"validStep5\">\r\n                            <v-row>\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Ảnh chân dung của bạn <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col cols=\"12\" md=\"6\">\r\n                                \r\n                                <v-img :src=\"avatarPreview\" class=\"rounded-xl mb-2 mx-auto\" width=\"150px\" height=\"150px\">\r\n                                </v-img>\r\n                                <v-file-input show-size outlined\r\n                                label=\"Avatar\" ref=\"avatarInput\" v-model=\"avatarFile\" single-line  prepend-icon=\"\" hide-details=\"auto\"\r\n                                @change=\"uploadAvatar\" :rules=\"[v=>!!v||'Hãy chọn ảnh chân dung của bạn']\">\r\n                                  <template v-slot:selection=\"{ index, text, file }\">\r\n                                    <v-chip color=\"green accent-4\" dark label >\r\n                                      {{ text }}  \r\n                                    </v-chip>\r\n                                    </template>\r\n                                </v-file-input>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                CMND (CCCD) mặt trước <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col cols=\"12\" md=\"6\">\r\n                                <v-file-input v-model=\"idImageFrontFile\" clearable outlined :rules=\"[v=>!!v||'Hãy chọn ảnh CMND/CCCD mặt trước của bạn']\" placeholder=\"Ảnh chụp CMND/CCCD mặt trước\" persistent-placeholder hide-details=\"auto\" \r\n                                single-line  prepend-icon=\"\">\r\n                                  <template v-slot:selection=\"{ index, text, file }\">\r\n                                    <v-chip color=\"green accent-4\" dark label >\r\n                                      {{ text }}  \r\n                                    </v-chip>\r\n                                    </template>\r\n                                </v-file-input>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                CMND (CCCD) mặt sau <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col cols=\"12\" md=\"6\">\r\n                                <v-file-input v-model=\"idImageBackFile\" clearable outlined :rules=\"[v=>!!v||'Hãy chọn ảnh CMND/CCCD mặt sau của bạn']\" placeholder=\"Ảnh chụp CMND/CCCD mặt sau\" persistent-placeholder hide-details=\"auto\" single-line  prepend-icon=\"\">\r\n                                  <template v-slot:selection=\"{ index, text, file }\">\r\n                                    <v-chip color=\"green accent-4\" dark label >\r\n                                      {{ text }}  \r\n                                    </v-chip>\r\n                                    </template>\r\n                                </v-file-input>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                File CV <small class=\"ml-2 orange--text text--darken-2\"> (ứng viên viên nên gởi CV)</small> <span class=\"red--text ml-2\" ></span>\r\n                              </v-col>\r\n                              <v-col cols=\"12\" md=\"6\">\r\n                                <v-file-input v-model=\"cvFile\" accept=\".pdf\" clearable outlined :rules=\"[v=>!!v||'Hãy chọn file CV của bạn']\" placeholder=\"File  CV định dạng PDF\" persistent-placeholder hide-details=\"auto\" single-line  prepend-icon=\"\">\r\n                                  <template v-slot:selection=\"{ index, text, file }\">\r\n                                    <v-chip color=\"green accent-4\" dark label >\r\n                                      {{ text }}  \r\n                                    </v-chip>\r\n                                    </template>\r\n                                </v-file-input>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                File đính kèm khác <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col cols=\"12\" md=\"6\">\r\n                                <v-file-input clearable outlined v-model=\"attachmentFile\" multiple accept=\".pdf, .xls, .xlsx, .doc, .docx, .png, .jpg\" placeholder=\"Giấy khám sức khỏe, CV, v.v.v.\" persistent-placeholder hide-details=\"auto\" single-line  prepend-icon=\"\">\r\n                                  <template v-slot:selection=\"{ index, text, file }\">\r\n                                    <v-chip color=\"green accent-4\" dark label >\r\n                                      {{ text }}  \r\n                                    </v-chip>\r\n                                    </template>\r\n                                </v-file-input>\r\n                              </v-col>\r\n                              <v-col cols=\"12\">\r\n                                <v-textarea v-model=\"form.note\" rows=\"3\" hide-details counter label=\"Lời nhắn\">\r\n                                </v-textarea>\r\n                              </v-col>\r\n\r\n                            </v-row>\r\n                          </v-form>\r\n                          <v-card-actions class=\"mt-6\">\r\n                            <v-spacer></v-spacer>\r\n                              <v-btn style=\"width: 90px;\" dark color=\"red darken-4\" @click=\"step--\" outlined>Quay lại</v-btn>\r\n                              <v-btn type=\"submit\" form=\"recruit_step_5\" style=\"width: 90px;\" dark color=\"green darken-4\" :loading=\"isLoading\">GỞI HỒ SƠ</v-btn>\r\n                            <v-spacer></v-spacer>\r\n                          </v-card-actions>\r\n                        </v-card>\r\n                      </v-stepper-content>\r\n                    </v-stepper-items>\r\n                </v-stepper>\r\n              </v-card>\r\n            </v-col>\r\n\r\n          </v-row>\r\n        </v-card>\r\n      </v-container>\r\n    </v-sheet> -->\r\n\r\n      <!-- <v-sheet class=\"d-none\" light style=\"background: url(https://images.unsplash.com/photo-1559239115-ce3eb7cb87ea?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1988&q=80), #E6E8EA; background-repeat: no-repeat; background-size: 100%;\">\r\n        <v-container class=\"custom text-center pt-12\" >\r\n          <v-card class=\"rounded-xl\">\r\n            <v-card-text>\r\n          <div class=\"  my-5 display-1 black--text\" id=\"tuyendung\">Nộp hồ sơ của bạn</div>\r\n          <span ref=\"anchor\"></span>\r\n          <v-form id=\"candidate\" ref=\"candidate\" @submit.prevent=\"applyJob\" v-model=\"valid\">\r\n            <v-row class=\"mt-0\">\r\n              <v-col md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.jobCode\" label=\"Vị trí ứng tuyển *\"\r\n                :items=\"jobs\" item-value=\"code\" item-text=\"name\" :rules=\"[v => !!v || 'Chọn công việc ứng tuyển']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-text-field filled v-model=\"form.name\" label=\"Họ tên *\" :rules=\"[\r\n                                                                        v => !!v || 'Nhập vào họ tên',\r\n                                                                        v => (v || '').length <=30 || 'Tên quá dài']\"></v-text-field>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-select filled v-model=\"form.gender\" label=\"Giới tính *\" :items='[{text: \"Nam\", value: true}, {text:\"Nữ\", value:false}]' :rules=\"[v=> v!=null ||'Chọn 1 dữ liệu' ]\"></v-select>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <date-picker2 filled v-model=\"form.birthday\" label=\"Ngày sinh *\" :rules=\"[\r\n                                                                                        rules.required,\r\n                                                                                        rules.validDate,\r\n                                                                                        rules.minDate\r\n                                                                                        ]\" \r\n                  :range=\"false\" :width=\"600\" :readonlyInput=\"false\" :birthDay=\"false\" ></date-picker2>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-text-field filled v-model=\"form.phone\" label=\"Số điện thoại *\" :rules=\"[\r\n                                                                          v => !!v || 'Nhập SDT', v => (v || '').length <=15 || 'SDT quá dài',\r\n                                                                          v => (v || '').length >=10 || 'SDT quá ngắn',\r\n                                                                          v =>  !/\\D/.test(v) || 'SDT không đúng']\"></v-text-field>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-text-field filled type=\"email\" v-model=\"form.mail\" label=\"Email *\" :rules=\"[\r\n                                                                          v => !!v || 'Nhập Email', v => (v || '').length <=50 || 'Email quá dài',\r\n                                                                          rules.validEmail]\"></v-text-field>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-text-field filled v-model=\"form.idNumber\" label=\"Số CMND *\" counter :rules=\"[\r\n                                                                          v => !!v || 'Nhập chứng minh', v => (v || '').length <=12 || 'CMND quá dài',\r\n                                                                          v => (v || '').length >=9 || 'CMND quá ngắn',\r\n                                                                          v =>  !/\\D/.test(v) || 'CMND không đúng']\"></v-text-field>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <date-picker2 filled :range=\"false\" :width=\"600\" v-model=\"form.idDate\" label=\"Ngày cấp *\" \r\n                :rules=\"[\r\n                          rules.required,\r\n                          rules.validDate\r\n                        ]\"  :readonlyInput=\"false\" :birthDay=\"false\"></date-picker2>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.idPlace\" :items=\"idPlaces\" label=\"Nơi cấp *\" :rules=\"[v=>!!v || 'Nhập dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              \r\n              <label class=\"subtitle-2 px-3 d-block col-12  text-left\">Địa chỉ thường trú</label>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.cityCode\" label=\"Thành phố *\"\r\n                  @change=\"fetchDistrict(form.cityCode)\"\r\n                  :items=\"cities\" item-value=\"code\" item-text=\"name\" :rules=\"[\r\n                                                                        v => !!v || 'Chọn thành phố của bạn']\">\r\n                </v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.districtCode\" label=\"Quận *\" @change=\"fetchWard(form.districtCode)\"\r\n                :items=\"districts\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn quận của bạn']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.wardCode\" label=\"Phường *\" :rules=\"[ v => !!v || 'Chọn phường của bạn']\"\r\n                  :items=\"wards\" item-value=\"code\" item-text=\"name\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-text-field filled v-model=\"form.address\" label=\"Địa chỉ *\" :rules=\"[v=>!!v || 'Nhập dữ liệu']\"></v-text-field>\r\n              </v-col>\r\n\r\n              <label class=\"subtitle-2 px-3 d-block col-12  text-left\">Địa chỉ tạm trú</label>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.dCityCode\" label=\"Thành phố *\"\r\n                  @change=\"fetchDistrict2(form.dCityCode)\"\r\n                  :items=\"cities\" item-value=\"code\" item-text=\"name\" :rules=\"[\r\n                                                                        v => !!v || 'Chọn thành phố của bạn']\">\r\n                </v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.dDistrictCode\" label=\"Quận *\" @change=\"fetchWard2(form.dDistrictCode)\"\r\n                :items=\"district2s\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn quận của bạn']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.dWardCode\" label=\"Phường *\" :rules=\"[ v => !!v || 'Chọn phường của bạn']\"\r\n                  :items=\"ward2s\" item-value=\"code\" item-text=\"name\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-text-field filled v-model=\"form.dAddress\" label=\"Địa chỉ *\" :rules=\"[v=>!!v || 'Nhập dữ liệu']\"></v-text-field>\r\n              </v-col>\r\n              \r\n              <label class=\"subtitle-2 px-3 d-block col-12  text-left\">Lý lịch</label>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.ethnicityCode\" label=\"Dân tộc *\"\r\n                :items=\"ethnicities\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.religionCode\" label=\"Tôn giáo *\"\r\n                :items=\"religions\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.originCode\" label=\"Quốc tịch *\"\r\n                :items=\"origins\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n\r\n              <label class=\"subtitle-2 px-3 d-block col-12  text-left\">Học vấn</label>\r\n              <v-col  cols=\"12\" md=\"6\" >\r\n                <v-autocomplete filled v-model=\"form.educationLevelCode\" label=\"Học vấn *\"\r\n                :items=\"educationLevels\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.educationMajorCode\" label=\"Chuyên ngành *\"\r\n                :items=\"educationMajors\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\" >\r\n                <v-autocomplete filled v-model=\"form.universityCode\" label=\"Trường *\"\r\n                :items=\"universities\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\" >\r\n                <v-autocomplete filled v-model=\"form.graduateTypeCode\" label=\"Xếp loại tốt nghiệp *\"\r\n                :items=\"[\r\n                          {text: 'Giỏi', value: 'GIOI'},\r\n                          {text: 'Khá', value: 'KHA'},\r\n                          {text: 'Trung Bình', value: 'TRUNGBINH'},\r\n                          {text: 'Khác', value: 'KHAC'},\r\n                        ]\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\" >\r\n                <v-select v-model=\"form.pharmaCert\" :items=\"pharmaCerts\" label=\"Loại chứng chỉ hành nghề Dược\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\" clearable hide-details=\"auto\" filled>\r\n                </v-select>\r\n              </v-col>\r\n              <label class=\"subtitle-2 px-3 d-block col-12 text-left\">Ngoại hình</label>\r\n              <v-col cols=\"6\">\r\n                <v-text-field filled v-model=\"form.height\" label=\"Chiều cao\" placeholder=\"ví dụ 1.8\" suffix=\"(m)\" :rules=\"[ \r\n                                                                                                                            v=> !isNaN(v) || 'Nhập dữ liệu số',\r\n                                                                                                                            v=> !!v || 'Nhập dữ liệu này'\r\n                                                                                                                          ]\"></v-text-field>\r\n              </v-col>\r\n              <v-col cols=\"6\">\r\n                <v-text-field filled v-model=\"form.weight\" label=\"Cân nặng\" suffix=\"(kg)\" placeholder=\" ví dụ: 80\" :rules=\"[ \r\n                                                                                                                            v=> !isNaN(v) || 'Nhập dữ liệu số',\r\n                                                                                                                            v=> !!v || 'Nhập dữ liệu này'\r\n                                                                                                                          ]\"></v-text-field>\r\n              </v-col>\r\n\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <label :class=\"`subtitle-2 d-block text-left ${avatarError? 'error--text':''}`\">Nhập avatar của bạn (*)</label>\r\n                <v-hover v-slot=\"{ hover }\">\r\n                    <v-avatar\r\n                        color=\"grey\" size=\"128\" >\r\n                        <v-img :src=\"avatarPreview\">\r\n                            <v-expand-transition>\r\n                                <div v-if=\"!avatarFile\" class=\"d-flex transition-fast-in-fast-out orange darken-2 v-card--reveal white--text\"\r\n                                style=\"height: 100%;\" @click=\"chooseAvatar\">\r\n                                    <v-icon large style=\"cursor:pointer\">mdi-camera</v-icon>Avatar\r\n                                </div>\r\n                            </v-expand-transition>\r\n                        </v-img>\r\n                    </v-avatar>\r\n                </v-hover>\r\n              </v-col>\r\n              \r\n              <v-file-input show-size filled class=\"d-none\"\r\n              label=\"Avatar\" ref=\"avatarInput\" v-model=\"avatarFile\"\r\n              prepend-icon=\"mdi-camera\" @change=\"uploadAvatar\" :rules=\"[v=>!!v||'Up ảnh avatar của bạn']\">\r\n              </v-file-input>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-file-input filled v-model=\"attachmentFile\" label=\"File đính kèm\" multiple accept=\".pdf, .xls, .xlsx, .doc, .docx, .png, .jpg\" outlined dense prepend-icon=\"\"\r\n                  append-icon=\"mdi-file\"\r\n                  placeholder=\"\"\r\n                  persistent-hint hint=\"\"\r\n                ></v-file-input>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.recruitChannel\" label=\"Bạn biết đến Trung Sơn\" outlined clearable dense\r\n                :items=\"recruitChannels\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-select filled v-model=\"form.yearExperience\" label=\"Kinh nghiệm làm việc\" outlined clearable dense\r\n                :items=\"yearExperiences\"></v-select>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.city1Code\" label=\"Nơi làm việc mong muốn 1\" outlined clearable dense\r\n                :items=\"cities\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.city2Code\" label=\"Nơi làm việc mong muốn 2\" outlined clearable dense\r\n                :items=\"cities\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col cols=\"12\">\r\n                <v-textarea filled outlined v-model=\"form.note\" label=\"Lời nhắn\" :rules=\"[ v => (v || '').length <=800 || 'Dữ liệu quá dài vui lòng không nhập quá 800 kí tự'\r\n                                                                                  ]\"></v-textarea>\r\n              </v-col>\r\n            </v-row>\r\n            <v-btn color=\"orange\" dark type=\"submit\" form=\"candidate\" :disabled=\"isLoading\">\r\n              Gởi hồ sơ\r\n            </v-btn>\r\n          </v-form>\r\n            </v-card-text>\r\n          </v-card>\r\n        </v-container>\r\n      </v-sheet> -->\r\n    </v-container>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// @ is an alias to /src\r\nimport http from \"../../components/services/http-common\";\r\nimport ApiService from \"../../components/services/ApiServices\";\r\nimport EventBus  from \"../../components/services/EventBus\";\r\nimport router from \"../../router/index\";\r\nimport moment from 'moment';\r\nimport Scroll from '@/components/Icon/MouseScroll';\r\nimport Swal from 'sweetalert2';\r\nimport Api from './api.js';\r\nimport * as easings from 'vuetify/lib/services/goto/easing-patterns'\r\nimport RecruitSection from \"@/components/RecruitSection\"\r\nimport RecruitSectionAlt from \"@/components/RecruitSectionAlt\"\r\n\r\nconst dateRegex = new RegExp('[0-9]{1,2}(/|-)[0-9]{1,2}(/|-)[0-9]{4}');\r\n\r\nvar minBirthDay = moment().startOf(\"year\").subtract(19, \"years\").format(\"YYYY-MM-DD\");\r\n\r\nexport default {\r\n  name: 'Login',\r\n  watch:{\r\n    // \"form.attachmentFile\":{\r\n    //   handler(val) {\r\n    //     console.log(val.size)\r\n    //   }\r\n    // }\r\n  },\r\n  components: {\r\n    \"mouse-scroll\":Scroll,\r\n    \"recruit-section\": RecruitSection,\r\n    RecruitSectionAlt\r\n  },\r\n  props: {\r\n      data: {\r\n        type: String,\r\n        default: \"ssss\"\r\n      },\r\n  },\r\n  data() {\r\n    return {\r\n      isScrolling: true,\r\n      isMouseVisible: true,\r\n      stepValid: [false, false, false, false, false],\r\n      step: 1,\r\n      show:false,\r\n      username: \"\",\r\n      password: \"\",\r\n      passwordShow: false,\r\n      logging: false,\r\n      loginValid: true,\r\n      test: \"\",\r\n      loginDialog: false,\r\n      rememberLogin: false,\r\n\r\n      CANDIDATE_URL: \"candidates\",\r\n      jobs:[],\r\n      cities:[],\r\n      districts:[],\r\n      wards:[],\r\n      district2s:[],\r\n      ward2s:[],\r\n\r\n      ethnicities:[],\r\n      origins:[],\r\n      religions:[],\r\n\r\n      educationLevels:[],\r\n      educationMajors:[],\r\n      universities:[],\r\n      yearExperiences:[\r\n        {text: \" Chưa có kinh nghiệm\", value: 0},\r\n        {text: \" 6 tháng\", value: 0.5},\r\n        {text: \" 1 năm\", value: 1},\r\n        {text: \" 2 năm\", value: 2},\r\n        {text: \" 3 năm\", value: 3},\r\n        {text: \" Hơn 3 năm\", value: 4},\r\n      ],\r\n      valid: true,\r\n      avatarPreview: \"/sample.png\",\r\n      base64_cccd_front: \"\",\r\n      attachmentFile:undefined,\r\n      avatarFile:undefined,\r\n      idImageFrontFile:undefined,\r\n      idImageBackFile:undefined,\r\n      cvFile: undefined,\r\n      isLoading:false,\r\n      recruitChannels:[\r\n        {text: \"Mạng xã hội\", value: \"MXH\"},\r\n        {text: \"Tờ rơi\", value: \"TR\"},\r\n        {text: \"Được giới thiệu\", value: \"N\"},\r\n        {text: \"Trang tuyển dụng\", value: \"TTD\"},\r\n      ],\r\n      pharmaCerts:[\r\n        {text: \"Không có\", value: \"KHONG\"},\r\n        {text: \"CCHN Cao Đẳng\", value: \"CD\"},\r\n        {text: \"CCHN Đại Học\", value: \"DH\"},\r\n      ],\r\n      form: {\r\n        jobCode:null,\r\n        name:\"\",\r\n        gender: null,\r\n        birthday:moment().format(\"YYYY-MM-DD\"),\r\n        phone:\"\",\r\n        mail:\"\",\r\n        cityCode:null,\r\n        districtCode:null,\r\n        wardCode:null,\r\n        address:\"\",\r\n\r\n        city1Code:\"\",\r\n        city2Code:\"\",\r\n\r\n        dCityCode:null,\r\n        dDistrictCode:null,\r\n        dWardCode:null,\r\n        dAddress:\"\",\r\n\r\n        ethnicityCode: \"\",\r\n        originCode: \"\",\r\n        religionCode: \"\",\r\n\r\n        educationLevelCode:null,\r\n        educationMajorCode:null,\r\n        universityCode:null,\r\n        yearExperience:0,\r\n        weight:0,\r\n        height:0,\r\n        idNumber:\"\",\r\n        idDate:moment().format(\"YYYY-MM-DD\"),\r\n        idPlace: \"\",\r\n        note:\"\",\r\n        recruitChannel: \"TTD\",\r\n        graduateTypeCode:null,\r\n        pharmaCert: null,\r\n      },\r\n      defaultForm: {\r\n        jobCode:null,\r\n        name:\"\",\r\n        gender: null,\r\n        birthday:moment().format(\"YYYY-MM-DD\"),\r\n        phone:\"\",\r\n        mail:\"\",\r\n        \r\n        cityCode:null,\r\n        districtCode:null,\r\n        wardCode:null,\r\n        address:\"\",\r\n\r\n        city1Code:\"\",\r\n        city2Code:\"\",\r\n\r\n        dCityCode:null,\r\n        dDistrictCode:null,\r\n        dWardCode:null,\r\n        dAddress:\"\",\r\n        \r\n        ethnicityCode: \"\",\r\n        originCode: \"\",\r\n        religionCode: \"\",\r\n\r\n        educationLevelCode:null,\r\n        educationMajorCode:null,\r\n        universityCode:null,\r\n        yearExperience:0,\r\n        weight:0,\r\n        height:0,\r\n        idNumber:\"\",\r\n        idDate:moment().format(\"YYYY-MM-DD\"),\r\n        idPlace: \"\",\r\n        note:\"\",\r\n        recruitChannel: \"TTD\",\r\n        graduateTypeCode:null,\r\n        pharmaCert: null,\r\n      },\r\n      scrollTop:0,\r\n      rules: {\r\n        required: v=>!!v || 'Nhập dữ liệu',\r\n        validEmail: v =>  /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(v) || 'Email không đúng',\r\n        validDate: v=> dateRegex.test(v) || 'Dữ liệu không đúng, định dạng ngày dd/mm/yyyy',\r\n        minDate: v=> !moment(v, \"DD/MM/YYYY\").isAfter(minBirthDay) || 'Bạn cần đủ tuổi để nộp hồ sơ'\r\n      },\r\n      isUserPending: false,\r\n    }\r\n  },\r\n  computed: {\r\n    scrollOptions() {\r\n      return {\r\n          duration: 500,\r\n          offset: 0,\r\n          easing: easings['easeInOutQuad']\r\n        }\r\n    },\r\n    idPlaces() {\r\n        let fixedData = [ \"Cục Cảnh sát ĐKQL cư trú và DLQG về dân cư\", \"Cục Cảnh sát quản lý hành chính về trật tự xã hội\"];\r\n        let cityData = this.cities.map(x=>{return x.name});\r\n        return fixedData.concat(cityData);\r\n    },\r\n    avatarError: function(){\r\n      if(this.avatarFile===null)\r\n        return true;\r\n      console.log(this.avatarFile)\r\n      return false;\r\n    },\r\n    height () {\r\n      return this.$vuetify.breakpoint.mdAndUp;\r\n    },\r\n    \r\n    formatedBirthDay: {\r\n      get() {\r\n        return moment(this.form.birthday).format(\"DD/MM/YYYY\")\r\n      },\r\n      set(value) {\r\n        const possibleFormats = [\"D/M/YYYY\", \"DD/MM/YYYY\"]\r\n          let parsedDate = moment(value,possibleFormats, true);\r\n          if (parsedDate.isValid()) {\r\n            this.form.birthday = parsedDate.format(\"YYYY-MM-DD\")\r\n          }\r\n      }\r\n    },\r\n\r\n    formatedIdDate: {\r\n      get() {\r\n        return moment(this.form.idDate).format(\"DD/MM/YYYY\")\r\n      },\r\n      set(value) {\r\n        const possibleFormats = [\"D/M/YYYY\", \"DD/MM/YYYY\"]\r\n          let parsedDate = moment(value,possibleFormats, true);\r\n          if (parsedDate.isValid()) {\r\n            this.form.idDate = parsedDate.format(\"YYYY-MM-DD\")\r\n          }\r\n      }\r\n    }\r\n    // avatar(){\r\n    //     if(!!this.form.avatar)\r\n    //         return process.env.VUE_APP_BASE_URL + this.form.avatar.replace('wwwroot/', '');\r\n    //     else\r\n    //         return '/sample.png';\r\n    // },\r\n  },\r\n  methods: {\r\n    //validation\r\n    validStep1() {\r\n      this.stepValid[0] = this.$refs.recruit_step_1.validate()\r\n      if(this.stepValid[0]){\r\n        this.nextStep()\r\n      }\r\n    },\r\n    validStep2() {\r\n      this.stepValid[1] = this.$refs.recruit_step_2.validate()\r\n      if(this.stepValid[1]){\r\n        this.nextStep()\r\n      }\r\n    },\r\n    validStep3() {\r\n      this.stepValid[2] = this.$refs.recruit_step_3.validate()\r\n      if(this.stepValid[2]){\r\n        this.nextStep()\r\n      }\r\n    },\r\n    validStep4() {\r\n      this.stepValid[3] = this.$refs.recruit_step_4.validate()\r\n      if(this.stepValid[3]){\r\n        this.nextStep()\r\n      }\r\n    },\r\n    validStep5() {\r\n      this.stepValid[4] = this.$refs.recruit_step_5.validate()\r\n      if(this.stepValid[4]){\r\n        this.applyJob()\r\n      }\r\n      \r\n    },\r\n\r\n    // utils\r\n    createBase64Image(FileObject) {\r\n      const reader = new FileReader();\r\n      reader.onload = (event) => {\r\n        this.base64_cccd_front = event.target.result;\r\n      }\r\n      reader.readAsDataURL(FileObject);\r\n    },\r\n    \r\n    nextStep() {\r\n      this.step ++\r\n      this.$vuetify.goTo('#stepper', this.scrollOptions)\r\n    },\r\n\r\n    getApple()\r\n    {\r\n        return http.get(\"employees/apple-download\").then(res => {\r\n            // window.location.replace(res.data.url);\r\n            // let a = document.createElement(\"a\");\r\n            // document.body.appendChild(a);\r\n            // a.style = \"display: none\";\r\n            // a.href = res.data.url;\r\n            // a.click();\r\n            // document.body.removeChild(a);\r\n            window.location.href =res.data.url \r\n        })\r\n    },\r\n    uploadAvatar(file) {  \r\n        if (file) {\r\n          this.avatarPreview = URL.createObjectURL(file);\r\n        }\r\n    },\r\n    chooseAvatar(){\r\n      this.$refs.avatarInput.$refs.input.click()\r\n    },\r\n    loadImg() {\r\n    },\r\n    verifyUser() {\r\n      let username = this.username\r\n      return this.apiService.verifyUser(username).then(d => {\r\n        if(d.key == 'PENDING'){\r\n          this.isUserPending = true\r\n        } else {\r\n          this.isUserPending = false\r\n        }\r\n      })\r\n    },\r\n    login () {\r\n      var vm = this;\r\n      this.logging = \"green\";\r\n      this.$refs.loginForm.validate();\r\n      if(this.loginValid)\r\n      {\r\n        return http.post('account',{\r\n          UserName: this.username,\r\n          Password: this.password\r\n        })\r\n        .then(response =>  {\r\n          // this.logging = false;\r\n          vm.test = response;\r\n          var strTOKEN = JSON.stringify(response.data.user);\r\n          localStorage.setItem('user', strTOKEN);\r\n          localStorage.setItem('token', response.data.token);\r\n          localStorage.setItem('userClaim', JSON.parse(strTOKEN).claims );\r\n          localStorage.setItem('validTo', response.data.validTo);\r\n          localStorage.setItem('WebAllowed', response.data.webAllowed);\r\n\r\n          if(this.rememberLogin){\r\n            localStorage.setItem('rememberUser', this.username);\r\n            localStorage.setItem('rememberPassword', this.password);\r\n          }else {\r\n            localStorage.removeItem('rememberUser')\r\n            localStorage.removeItem('rememberPassword')\r\n          }\r\n\r\n          let redirect = vm.$route.query.redirect\r\n          let route = vm.$route.query.route\r\n          let id = vm.$route.query.id\r\n          let id2 = vm.$route.query.id2\r\n\r\n          console.log(\"DEBUG:\",redirect==true)\r\n          if(redirect ==true){\r\n            router.push({ name: route, params:{\r\n              id: id,\r\n              id2: id2,\r\n            }})\r\n          }else {\r\n            if(this.isUserPending)\r\n              router.push({ name: 'UserPending'})\r\n              // router.push({ name: 'Home'})\r\n            else\r\n              router.push({ name: 'Home'})\r\n            \r\n          }\r\n          \r\n        })\r\n        .catch(function (error) {\r\n          vm.logging = false;\r\n          vm.test = error;\r\n          switch (error.response.status) {\r\n            case 401: {\r\n              let eventObj = {...error.response.data};\r\n              eventObj.color = \"error\";\r\n              EventBus.$emit('hasError', eventObj);\r\n              break;\r\n            }\r\n          }\r\n        })\r\n        .finally(()=> {\r\n          this.logging=false\r\n          });\r\n      } \r\n    },\r\n\r\n    fetchJob () {\r\n      return http.get(\"candidates/fetch-job\")\r\n      .then(res => {\r\n          this.jobs = res.data.items;\r\n      }).catch(err => {throw err});\r\n    },\r\n    fetchCity () {\r\n      return http.get(\"cities\", {\r\n          params: {dropDown: 1}\r\n      }).then(res => {\r\n          this.cities = res.data.items;\r\n      }).catch(err => {\r\n          console.log(err);\r\n      });\r\n    },\r\n    fetchDistrict (val) {\r\n      if(val)\r\n        return http.get('cities/fetch-district/'+val).then(res => {\r\n            this.districts = res.data;\r\n        });\r\n    },\r\n    fetchWard (val) {\r\n      if(val)\r\n        return http.get('districts/fetch-ward/'+val).then(res => {\r\n            this.wards = res.data;\r\n        });\r\n    },\r\n\r\n    fetchDistrict2 (val) {\r\n      if(val)\r\n        return http.get('cities/fetch-district/'+val).then(res => {\r\n            this.district2s = res.data;\r\n        });\r\n    },\r\n    fetchWard2 (val) {\r\n      if(val)\r\n        return http.get('districts/fetch-ward/'+val).then(res => {\r\n            this.ward2s = res.data;\r\n        });\r\n    },\r\n    fetchEducationLevel(){\r\n      ApiService.fetchEducationLevel().then(res=>{\r\n        this.educationLevels = res.data;\r\n      })\r\n    },\r\n    fetchEducationMajor(){\r\n      ApiService.fetchEducationMajor().then(res=>{\r\n        this.educationMajors = res.data;\r\n      })\r\n    },\r\n    fetchUniversity(){\r\n      ApiService.fetchUniversity().then(res=>{\r\n        this.universities = res.data;\r\n      })\r\n    },\r\n    fetchEthnicity(){\r\n      return ApiService.fetchEthnicity().then(r => {\r\n        this.ethnicities =  r.data\r\n      })\r\n    },\r\n    fetchOrigin(){\r\n      return ApiService.fetchOrigin().then(r => {\r\n        this.origins =  r.data\r\n      })\r\n    },\r\n    fetchReligion(){\r\n      return ApiService.fetchReligion().then(r => {\r\n        this.religions =  r.data\r\n      })\r\n    },\r\n\r\n    onScroll() {\r\n      let v = window.pageYOffset || document.documentElement.scrollTop;\r\n      if (v > 0) {\r\n        if(this.isScrolling){\r\n          this.isMouseVisible = false\r\n        }\r\n          this.isScrolling = false\r\n      } else {\r\n        this.isMouseVisible = true\r\n        if(!this.isScrolling){\r\n          this.isScrolling = true\r\n        }\r\n      }\r\n        // this.scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n      // if(document.documentElement.scrollTop < 11)\r\n      //   this.scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n      // else {\r\n      //   console.log(this.scrollTop)\r\n      // }\r\n      \r\n      // Do something with the scroll position, e.g., update a data property\r\n      // this.scrollPosition = scrollTop;\r\n      // console.log('Main page scroll position:', this.scrollTop);\r\n    },\r\n    applyJob() {\r\n      var formData = new FormData();\r\n      if(this.attachmentFile != null){\r\n        this.form.attachmentFile = this.attachmentFile.forEach(file => {\r\n          formData.append(\"attachmentFile\", file);\r\n        });\r\n      }\r\n      if(this.form.birthday ==null)\r\n      {\r\n        \r\n        Swal.fire(\r\n          {\r\n            title: 'Thông báo',\r\n            html: 'Hãy nhập ngày sinh của bạn',\r\n            icon:'error',\r\n            showCloseButton: false\r\n          }\r\n        );\r\n        return;\r\n      }\r\n      if(this.avatarFile)\r\n        formData.append(\"avatar\", this.avatarFile);\r\n      else\r\n      {\r\n        this.avatarFile = null;\r\n        this.valid = false;\r\n        \r\n        Swal.fire(\r\n          {\r\n            title: 'Thông báo',\r\n            html: 'Chọn ảnh avatar của bạn',\r\n            icon:'error',\r\n            showCloseButton: false\r\n          }\r\n        );\r\n        return;\r\n      }\r\n\r\n      if(this.idImageFrontFile)\r\n        formData.append(\"idImageFront\", this.idImageFrontFile);\r\n      else\r\n      {\r\n        this.idImageFrontFile = null;\r\n        this.valid = false;\r\n        \r\n        Swal.fire(\r\n          {\r\n            title: 'Thông báo',\r\n            html: 'Chụp CMND/CCCD mặt trước của bạn',\r\n            icon:'error',\r\n            showCloseButton: false\r\n          }\r\n        );\r\n        return;\r\n      }\r\n      \r\n      if(this.idImageBackFile)\r\n        formData.append(\"idImageBack\", this.idImageBackFile);\r\n      else\r\n      {\r\n        this.idImageBackFile = null;\r\n        this.valid = false;\r\n        \r\n        Swal.fire(\r\n          {\r\n            title: 'Thông báo',\r\n            html: 'Chụp CMND/CCCD mặt sau của bạn',\r\n            icon:'error',\r\n            showCloseButton: false\r\n          }\r\n        );\r\n        return;\r\n      }\r\n      \r\n      if(this.cvFile)\r\n        formData.append(\"cvFile\", this.cvFile);\r\n      else\r\n      {\r\n        this.cvFile = null;\r\n        // this.valid = false;\r\n        \r\n        // Swal.fire(\r\n        //   {\r\n        //     title: 'Thông báo',\r\n        //     html: 'Chọn file CV của bạn',\r\n        //     icon:'error',\r\n        //     showCloseButton: false\r\n        //   }\r\n        // );\r\n        return;\r\n      }\r\n\r\n      for (const [key, value] of Object.entries(this.form)) {\r\n        formData.append(key, value);\r\n      }\r\n\r\n      // this.$refs.candidate.validate();\r\n      this.valid =true\r\n      if(this.valid){\r\n        this.isLoading=true;\r\n        return http.post(this.CANDIDATE_URL, formData).then(res=>{\r\n          // this.$refs.candidate.reset();\r\n          this.form = Object.assign({}, this.defaultForm);\r\n          this.isLoading=false;\r\n          this.form.height = 0;\r\n          this.form.weight = 0;\r\n\r\n          Swal.fire(\r\n            {\r\n              title: 'Thông báo',\r\n              html: '<p>Cảm ơn bạn đ&atilde; ứng tuyển v&agrave;o Hệ Thống Nh&agrave; Thuốc Trung Sơn.</p> <p>Theo nhu cầu tuyển dụng nhận sự của c&ocirc;ng ty. Ch&uacute;ng t&ocirc;i sẽ chủ động li&ecirc;n hệ với c&aacute;c hồ sơ ph&ugrave; hợp để th&ocirc;ng b&aacute;o lịch phỏng vấn.</p> <p>Th&acirc;n mến!!</p><p>&nbsp;</p><p><em>Th&ocirc;ng tin li&ecirc;n hệ SDT: <a class=\"text-is-phone-number\">088 8786787</a><a class=\"text-is-phone-number\">&nbsp;</a><span class=\"text\">/ </span><a class=\"text-is-phone-number\">0867742768</a></em></p>',\r\n              icon:'success',\r\n              closeButtonText: 'Đồng ý',\r\n              showCloseButton: true\r\n            }).then(result => {\r\n              window.location.reload();\r\n            })\r\n        }).catch(err=>{console.log(err)})\r\n        .finally(()=>{\r\n          this.isLoading=false;\r\n        })\r\n      } else {\r\n          let eventObj = {\r\n              color: \"error\",\r\n              message: \"Kiểm tra lại dữ liệu\",\r\n              toast: false,\r\n          };\r\n          EventBus.$emit('hasError', eventObj);\r\n      }\r\n    },\r\n  },\r\n  \r\n  updated()\r\n  {\r\n    \r\n  },\r\n  \r\n  mounted() {\r\n    this.fetchJob();\r\n    this.fetchCity();\r\n    this.fetchEducationLevel();\r\n    this.fetchEducationMajor();\r\n    this.fetchUniversity();\r\n    this.fetchEthnicity();\r\n    this.fetchOrigin();\r\n    this.fetchReligion();\r\n\r\n    //load remember\r\n    let rememberUser = localStorage.getItem('rememberUser')\r\n    let rememberPassword = localStorage.getItem('rememberPassword')\r\n    if(rememberUser && rememberPassword){\r\n      this.username = rememberUser\r\n      this.password = rememberPassword\r\n      this.rememberLogin = true\r\n      this.verifyUser()\r\n    }\r\n    setTimeout(() => {\r\n      this.show = true;\r\n    }, 500);\r\n\r\n  },\r\n  apiService: null,\r\n  created() {\r\n    this.apiService = new Api()\r\n    window.addEventListener('scroll', this.onScroll);\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener('scroll', this.onScroll);\r\n  },\r\n}\r\n</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style scoped>\r\n/* .slide-fade-enter-active {\r\n  transition: all .9s ease-in-out;\r\n} */\r\n/* .slide-fade-leave-active {\r\n  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);\r\n} */\r\n/* .slide-fade-leave-active below version 2.1.8 */\r\n/* .slide-fade-enter, .slide-fade-leave-to\r\n {\r\n  transform: translateX(-10px);\r\n  opacity: 0;\r\n} */\r\n\r\n\r\n::v-deep .swal2-content {\r\n  text-align: left !important;\r\n}\r\n.container.custom{\r\n  max-width: 800px;\r\n}\r\n\r\n/* .v-text-field--outlined >>> fieldset {\r\n  border-color: rgba(192, 0, 250, 0.986);\r\n} */\r\n\r\n.v-card--reveal {\r\n    align-items: center;\r\n    bottom: 0;\r\n    justify-content: center;\r\n    opacity: .7;\r\n    position: absolute;\r\n    width: 100%;\r\n}\r\n\r\n.image-container {\r\n  position: relative;\r\n  width: 300px; /* Adjust the size according to your needs */\r\n  height: 200px; /* Adjust the size according to your needs */\r\n}\r\n\r\n.loading-animation {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: #f0f0f0; /* Adjust the color as you like */\r\n  animation: pulse 1.5s infinite ease-in-out; /* Adjust the animation properties as you like */\r\n}\r\n\r\n@keyframes pulse {\r\n  0% {\r\n    opacity: 0.6;\r\n  }\r\n  50% {\r\n    opacity: 0.3;\r\n  }\r\n  100% {\r\n    opacity: 0.6;\r\n  }\r\n}\r\n\r\n.fade-enter-active,\r\n.fade-leave-active {\r\n  transition: opacity 1s;\r\n}\r\n.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {\r\n  opacity: 0;\r\n}\r\n.opacity-mask {\r\n  background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255, 255, 255, 0));\r\n}\r\n::v-deep div.v-stepper__label {\r\n  text-align: center;\r\n  line-height: normal;\r\n  max-width: 100px;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Login.vue?vue&type=template&id=7e9d96d8&scoped=true&\"\nimport script from \"./Login.vue?vue&type=script&lang=js&\"\nexport * from \"./Login.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Login.vue?vue&type=style&index=0&id=7e9d96d8&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  \"7e9d96d8\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MouseScroll.vue?vue&type=style&index=0&id=4b9d516c&prod&scoped=true&lang=css&\""],"sourceRoot":""}