https://online.yuantafunds.com/openacc/assets/Home-BzvXjDjm.js

1import{_ as k,o as d,c as l,a as i,b as A,w as c,v as M,h as H,m as L,r as g,d as f,e as p,n as y,f as C,g as u,T as v,i as b,j as S,u as U}from"./index-THKzSczO.js";import{l as x}from"./Loading-DuBtjk3Z.js";import{c as V}from"./CooperatingInstitutions-D2Zcocfh.js";import{r as w,a as N,s as E,m as R,n as $}from"./index-J3IbKAxv.js";import{_ as P}from"./info-lRrr8GDP.js";const B={name:"Identify",props:{identifyCode:{type:String,default:"9713"},fontSizeMin:{type:Number,default:25},fontSizeMax:{type:Number,default:35},backgroundColorMin:{type:Number,default:255},backgroundColorMax:{type:Number,default:255},dotColorMin:{type:Number,default:60},dotColorMax:{type:Number,default:120},contentWidth:{type:Number,default:110},contentHeight:{type:Number,default:40}},methods:{randomNum(t,e){const r=new Uint32Array(1);window.crypto.getRandomValues(r);let o=r[0]/4294967296;return t=Math.ceil(t),e=Math.floor(e),Math.floor(o*(e-t+1))+t},randomColor(t,e){const r=this.randomNum(t,e),o=this.randomNum(t,e),s=this.randomNum(t,e);return`rgb(${r},${o},${s})`},drawPic(){let e=document.getElementById("s-canvas").getContext("2d");e.textBaseline="bottom",e.fillStyle=this.randomColor(this.backgroundColorMin,this.backgroundColorMax),e.fillRect(0,0,this.contentWidth,this.contentHeight);for(let r=0;r<this.identifyCode.length;r++)this.drawText(e,this.identifyCode[r],r);this.drawLine(e),this.drawDot(e)},drawText(t,e,r){t.fillStyle=this.randomColor(120,200),t.font=this.randomNum(this.fontSizeMin,this.fontSizeMax)+"px Corbel";let o=(r+1)*(this.contentWidth/(this.identifyCode.length+1)),s=this.randomNum(this.fontSizeMax,this.contentHeight-5),n=this.randomNum(-30,30);t.translate(o,s),t.rotate(n*Math.PI/180),t.fillText(e,0,0),t.rotate(-n*Math.PI/180),t.translate(-o,-s)},drawLine(t){for(let e=0;e<4;e++)t.strokeStyle=this.randomColor(180,220),t.beginPath(),t.moveTo(this.randomNum(0,this.contentWidth),this.randomNum(0,this.contentHeight)),t.lineTo(this.randomNum(0,this.contentWidth),this.randomNum(0,this.contentHeight)),t.stroke()},drawDot(t){for(let e=0;e<30;e++)t.fillStyle=this.randomColor(0,255),t.beginPath(),t.arc(this.randomNum(0,this.contentWidth),this.randomNum(0,this.contentHeight),1,0,2*Math.PI),t.fill()}},watch:{identifyCode(){this.drawPic()}},mounted(){this.drawPic()}},z=["width","height"];function G(t,e,r,o,s,n){return d(),l("div",null,[i("canvas",{id:"s-canvas",width:r.contentWidth,height:r.contentHeight},null,8,z)])}const j=k(B,[["render",G]]),Z={name:"PersonalInformationProtectionNotification",mixins:[A],emits:["setLaw"],props:{showLaw:{type:Boolean,default(){return!1}}},data(){return{htmlPersonalInfo:""}},mounted(){this.$getEC2API("PageWarningMsg",this.pageName,"","&MsgId=線上開戶-個人資料保護聲明暨告知事項").then(async t=>{t&&t.ResultCode===0&&(this.htmlPersonalInfo=t.Data.Warning.find(e=>e.WarnName=="線上開戶-個人資料保護聲明暨告知事項").Warning)})},computed:{},methods:{agreeLaw(){this.$emit("setLaw",{modal:!1,agree:!0})},closeLaw(){this.$emit("setLaw",{modal:!1,agree:!1})}}},O={class:"lightbox5"},F={class:"content"},Y={class:"contentText"},_={class:"text"},Q=["innerHTML"];function J(t,e,r,o,s,n){return c((d(),l("div",O,[i("section",F,[e[2]||(e[2]=i("h3",{class:"font-weight-bold"},"個人資料保護聲明暨告知事項",-1)),i("div",Y,[i("div",_,[i("p",{innerHTML:s.htmlPersonalInfo},null,8,Q)]),i("button",{class:"next",onClick:e[0]||(e[0]=(...m)=>n.agreeLaw&&n.agreeLaw(...m))},"已詳閱、瞭解並同意")]),i("label",{class:"modal__close",onClick:e[1]||(e[1]=(...m)=>n.closeLaw&&n.closeLaw(...m))})])],512)),[[M,r.showLaw]])}const K=k(Z,[["render",J],["__scopeId","data-v-d84ad992"]]),q="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZDRjgyMjI2RkZBNDExRUFCQzJEQjk2NThFM0I0MEM1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZDRjgyMjI3RkZBNDExRUFCQzJEQjk2NThFM0I0MEM1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkNGODIyMjRGRkE0MTFFQUJDMkRCOTY1OEUzQjQwQzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkNGODIyMjVGRkE0MTFFQUJDMkRCOTY1OEUzQjQwQzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Kk67bAAABr0lEQVR42pzUSyhEURjA8Wu8y3MlCxYUysIjJTELRZOSBRskyko2EgsmKwtKniskKSsryVjQyAJZKIpZWFlRokR5ywz/U9/VcbszZuarX809j++eOed8N8br9RpBIgclKEU8bnCOU7zbTYizPMegDANohcNmzhXmMI9XvcM6eBQnaA+SyFzxJHwot1tZgrypW+u7xw7O8IlsVMEp/Xk4RB2O9GQ9lkQLGMajzcpcmEURkrGHXNypv5Ipe6AiADd6gyQyZLUlsioViVjHmlrZhDZQHe24ETrUIX1hGTXSVm0egFMb2Gb8H2rOFFbsOrLl9zEewkjmxyD68a21+1SyNHk4NcIPvxxCBa6lbVW/S19G5KEWUIBdbKkDeEYKio3o4g315p7dSmOtXN6owyHlY8ZiBHMz0ChX5TeZWxvQIcKJbXgwg1Qz2SWmtVpdkVIKFqom91Epz31I12tzRA7AJW1j6MSGVuhZctNbkKQlbzavR5x2Ik1SIubfVIU8FGKFL/Kp8th9z9Tbu9BgORRrfGAJhdjUq8D6pQ3Ixu7Inqivbj5i8YQLHGi3/k/8CDAAQ6tXgem1D1gAAAAASUVORK5CYII=",X={name:"Home",mixins:[A,L],components:{"yt-header":H,"

1yt-loading":x,"yt-identify":j,"personal-information-protection-notification":K,"yt-cooperatingInstitutions":V},data(){return{pageName:"Home",loading:!1,token:"",oid:"",idNo:"",mobile:"",imgCode:"",identifyCode:"",verifyCode:"",activityCode:"",chnCd:"",chnCode:"",empNo:"",empName:"",note:"",statusCode:-1,stepCode:-1,memo:"",showActivityCodeMemo:!1,kycAddDate:null,kycLatestVerDate:null,personalInformationChk:!1,personalInformationModal:!1,readPersonalInformationTime:null,mask:{idNoIsMasked:!1,mobileIsMasked:!1}}},validations(){return{idNo:{required:w,chk:t=>this.$isIdNo(t)},mobile:{required:w,chk:t=>this.$isMobile(t)},imgCode:{required:w,chk:N(R(4),$),sameAsIdentifyCode:E(this.identifyCode)},verifyCode:{required:w,chk:N(R(4),$)}}},setup:()=>({v$:U()}),created(){window.history.forward(1),this.$nextTick(()=>{document.oncontextmenu=new Function("event.returnValue=false"),document.onselectstart=new Function("event.returnValue=false")})},mounted(){let t=this;"OTPCredential"in window&&window.addEventListener("DOMContentLoaded",e=>{const r=new AbortController;navigator.credentials.get({otp:{transport:["sms"]},signal:r.signal}).then(o=>{t.verifyCode=o.code,r.abort()}).catch(o=>{this.$logger.error(o)})}),this.$store.commit("setOID",""),this.$store.commit("setServerPublicKeyPem",""),window.localStorage.removeItem("openacc"),this.init()},computed:{currentPageName(){return this.$route.meta.gtm},currentPath(){return this.$route.path},maskedIdNo(){return this.mask.idNoIsMasked?this.deIdentification(this.idNo):this.idNo},maskedMobile(){return this.mask.mobileIsMasked?this.deIdentification(this.mobile):this.mobile}},methods:{async init(){this.chnCd=this.$route.query.chncd?decodeURI(this.$route.query.chncd):"",this.chnCode=this.$route.query.chncode?decodeURI(this.$route.query.chncode):"",this.empNo=this.$route.query.empno?decodeURI(this.$route.query.empno):"",this.empName=this.$route.query.empname?decodeURI(this.$route.query.empname):"",this.refreshCode(),await this.getNote()},scrollToTop(t){if(t)try{this.$refs[t].scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})}catch{window.scrollTo(0,0)}else window.scrollTo(0,0)},async getNote(){const t={};try{this.loading=!0,await this.$postApi("GetNote",this.pageName,this.oid,t).then(e=>{if(e){if(e.ResultCode==0){const r=e.Data;r&&(this.note=r,this.$showInfo(this.note))}else if(e.ResultCode==2){e.ResultMsg&&this.$showWarning(e.ResultMsg);return}}else{this.$showWarning("請您重新操作，如仍有疑問，請洽客服人員。");return}})}catch(e){this.$showWarning(e)}finally{this.loading=!1}},async refreshCode(){this.imgCode="",this.identifyCode="";for(let t=0;t<4;t++)this.identifyCode+=this.randomNum(0,9)},randomNum(t,e){const r=new Uint32Array(1);window.crypto.getRandomValues(r);let o=r[0]/4294967296;return t=Math.ceil(t),e=Math.floor(e),Math.floor(o*(e-t+1))+t},async getVerifyCode(){if(this.idNo=this.idNo.toUpperCase(),this.v$.idNo.$touch(),this.v$.mobile.$touch(),this.v$.imgCode.$touch(),this.v$.idNo.$invalid){this.scrollToTop("idNo");return}if(this.v$.mobile.$invalid){this.scrollToTop("mobile");return}if(this.v$.imgCode.$invalid){this.scrollToTop("imgCode");return}const t={IdNo:this.idNo,Mobile:this.mobile};try{this.loading=!0,await this.$postAPIEncryptMain("GetVerifyCode",this.pageName,this.oid,t).then(async e=>{if(e)if(e.ResultCode==0)e.ResultMsg?this.$showInfo(e.ResultMsg):this.$showSuccess("簡訊驗證碼已發送，請留意手機訊息。");else if(e.ResultCode==2){await this.refreshCode(),e.ResultMsg&&this.$showWarning(e.ResultMsg);return}else{await this.refreshCode(),e.ResultMsg&&this.$showWarning(e.ResultMsg);return}else{await this.refreshCode(),this.$showWarning("請您重新操作，如仍有疑問，請洽客服人員。");return}})}catch(e){await this.refreshCode(),this.$showWarning(e)}finally{this.loading=!1}},async login(){if(this.idNo=this.idNo.toUpperCase(),this.v$.$touch(),this.v$.idNo.$invalid){this.scrollToTop("idNo");return}if(this.v$.mobile.$invalid){this.scrollToTop("mobile");return}if(this.v$.imgCode.$invalid){this.scrollToTop("imgCode");return}

1if(this.v$.verifyCode.$invalid){this.scrollToTop("verifyCode");return}const t={IdNo:this.idNo,Mobile:this.mobile,VerifyCode:this.verifyCode,ActivityCode:this.activityCode,ChnCd:this.chnCd,ChnCode:this.chnCode,EmpNo:this.empNo,EmpName:this.empName,PersonalInformationReadTime:this.readPersonalInformationTime};try{this.loading=!0,await this.$postAPIEncryptMain("Login",this.pageName,this.oid,t).then(async e=>{if(e)if(e.ResultCode==0){const r=e.Data;if(r)if(this.oid=r.OID,this.statusCode=r.Status,this.memo=r.Memo,this.stepCode=r.Step,this.token=r.Token,this.$setSysLog(this.pageName,this.oid,this.token),await this.$postAPIEncryptMain("GetAcc",this.pageName,this.oid,{Token:this.token}).then(async o=>{if(o)if(o.ResultCode==0){const m=o.Data;if(m&&m.IsDOATime!=null&&m.DOA_READ_TIME==null){var s=new Date(m.IsDOATime),n=s.getTimezoneOffset();s=new Date(s.getTime()-n*60*1e3),this.$swal.fire({allowOutsideClick:!1,icon:"",title:"<h4 style='color:#005bac;font-size:20px'><b>已申請同時開立元大投信及元大銀行帳戶</b><h4>",confirmButtonText:"同意",html:`<div style='text-align: left;'>您已於${s.toISOString().split("T")[0].replace("-","/").replace("-","/")}申請元大投信+元大銀行帳戶雙開，並成功開立元大銀行帳戶。我同意將本人留存於元大銀行之個人資料用於元大投信開戶。</div>`}).then(I=>{if(I.isConfirmed)try{this.$postAPIEncryptMain("SetAccDOAReadTime",this.pageName,this.oid,{Token:this.token}).then(async h=>{if(h){if(h.ResultCode!=0)if(h.ResultCode==2){h.ResultMsg&&this.$showWarning(h.ResultMsg);return}else{h.ResultMsg&&(this.$showWarning(h.ResultMsg),h.ResultMsg=="您在操作過程中網路環境變動，請全程使用WIFI或手機網路重新再試一次。"&&this.goHome());return}}else{this.$showWarning("請您重新操作，如仍有疑問，請洽客服人員。");return}})}catch(h){this.$showWarning(h)}})}}else if(o.ResultCode==2){o.ResultMsg&&this.$showWarning(o.ResultMsg);return}else{o.ResultMsg&&(this.$showWarning(o.ResultMsg),o.ResultMsg=="您在操作過程中網路環境變動，請全程使用WIFI或手機網路重新再試一次。"&&this.goHome());return}else{this.$showWarning("請您重新操作，如仍有疑問，請洽客服人員。");return}}),this.statusCode<=0)await this.isWriteKyc()?this.$router.replace({path:"kyc",query:{token:encodeURI(this.token),oid:encodeURI(this.oid)}}):this.$router.replace({path:this.stepCode==-1?"law":this.paths[this.stepCode],query:{token:encodeURI(this.token),oid:encodeURI(this.oid)}});else if(this.statusCode==6&&this.stepCode==3)this.$router.replace({path:"kyc",query:{token:encodeURI(this.token),oid:encodeURI(this.oid)}});else if(this.statusCode==5&&this.stepCode==5){this.$openMsgModal("元大投信寄送紙本開戶書","元大投信將盡速以掛號寄出您的開戶書。請您於收到紙本開戶書完成填寫及簽章用印後寄回元大投信，始能續行開戶審查作業。<br /><br />客戶服務專線：0800-009-968、(02)8770-7703 （每營業日上午 9 時～下午 5 時 30 分）"),await this.refreshCode();return}else if(this.statusCode==6&&(this.stepCode==4||this.stepCode==5)){this.$openMsgModal("轉紙本郵寄開戶","基金開戶暨交易同意書已寄送至您的電子信箱，請列印同意書並完成填寫及用印，寄回元大投信完成開戶申請。<br /><br />客戶服務專線：0800-009-968、(02)8770-7703 （每營業日上午 9 時～下午 5 時 30 分）"),await this.refreshCode();return}else if(this.statusCode==7||this.statusCode==9){this.$openMsgModal("開戶申請審核中","我們將盡速審查，待審核通過後將以 Email 通知您電子交易帳號及密碼。<br /><br />客戶服務專線：0800-009-968、(02)8770-7703 （每營業日上午 9 時～下午 5 時 30 分）"),await this.refreshCode();return}else this.statusCode==8&&(await this.isWriteKyc()?this.$router.replace({path:"kyc",query:{token:encodeURI(this.token),oid:encodeURI(this.oid)}}):this.$router.replace({path:"modify",query:{token:encodeURI(this.token),oid:encodeURI(this.oid)}}))}else if(e.ResultCode==2){await this.refreshCode(),e.ResultMsg&&this.$showWarning(e.ResultMsg);return}else{await this.refreshCode(),e.ResultMsg&&this.$showWarning(e.ResultMsg);return}else{await this.refreshCode(),this.$showWarning("請您重新操作，如仍有疑問，請洽客服人員。");return}})}catch(e){await this.refreshCode(),this.$showWarning(e)}finally{this.loading=!1}},showSmsInfo(){this.$showInfo("每3分鐘後才能重新發送驗證碼，每組驗證碼10分鐘內有效，逾時請重新發送！")},imgCodeLenLimit(){this.imgCode.length>4&&(this.imgCode=this.imgCode.substring(0,4))},verifyCodeLenLimit(){this.verifyCode.length>4&&(this.verifyCode=this.verifyCode.substring(0,4))},goHome(){this.$router.replace({path:"home",query:{}})},async isWriteKyc(){const t={Token:this.token};

1await this.$getApi("Survey/SurveyLatestVer",this.pageName,this.oid,"&surveyId=001").then(o=>{if(o)if(o.ResultCode==0){const s=o.Data;s&&(this.kycLatestVerDate=s.StartTime)}else if(o.ResultCode==2){o.ResultMsg&&this.$showWarning(o.ResultMsg);return}else{o.ResultMsg&&(this.$showWarning(o.ResultMsg),o.ResultMsg=="您在操作過程中網路環境變動，請全程使用WIFI或手機網路重新再試一次。"&&this.goHome());return}else{this.$showWarning("請您重新操作，如仍有疑問，請洽客服人員。");return}}),await this.$postAPIEncryptMain("GetKyc",this.pageName,this.oid,t).then(o=>{if(o)if(o.ResultCode==0){const s=o.Data;s&&s.Id!="0"&&(this.kycAddDate=s.AddDate)}else if(o.ResultCode==2){o.ResultMsg&&this.$showWarning(o.ResultMsg);return}else{o.ResultMsg&&(this.$showWarning(o.ResultMsg),o.ResultMsg=="您在操作過程中網路環境變動，請全程使用WIFI或手機網路重新再試一次。"&&this.goHome());return}else{this.$showWarning("請您重新操作，如仍有疑問，請洽客服人員。");return}});var e=new Date(this.kycAddDate),r=new Date(this.kycLatestVerDate);return this.kycAddDate!==null&&this.kycLatestVerDate!==null&&e.getTime()<r.getTime()},setPersonalInformation(t){this.personalInformationModal=t.modal,this.personalInformationChk=t.agree?t.agree:this.personalInformationChk,t.agree&&(this.readPersonalInformationTime=moment().tz("Asia/Taipei").format("YYYY/MM/DD HH:mm:ss"))},readPersonalInformation(t){this.readPersonalInformationTime=t.target.checked?this.readPersonalInformationTime=moment().tz("Asia/Taipei").format("YYYY/MM/DD HH:mm:ss"):null},deIdentification(t){if(t!=""){const e=Math.round(t.length/2),r=t.length-e,o=Math.round((t.length-e)/2);return t.replace(t.substr(o,r),"*".repeat(r))}else return""},idNoFocusHandler(){this.mask.idNoIsMasked=!1},idNoBlurHandler(){this.mask.idNoIsMasked=!0},idNoInputHandler(t){this.idNo=t.target.value},mobileFocusHandler(){this.mask.mobileIsMasked=!1},mobileBlurHandler(){this.mask.mobileIsMasked=!0},mobileInputHandler(t){this.mobile=t.target.value}}},ee={class:"body"},te={class:"_container"},ie={class:"d-inline-block text-left form my-md-4 my-0"},oe={class:"py-3"},se={class:"content"},ne=["value"],ae={key:0},re={key:0,class:"warn-text text-left"},de={key:1,class:"warn-text text-left"},le={class:"py-3"},he={class:"content"},me=["value"],fe={key:0},ue={key:0,class:"warn-text text-left"},ce={key:1,class:"warn-text text-left"},ge={class:"py-3"},pe={class:"content"},ye={key:0},Ce={key:0,class:"warn-text text-left"},ve={key:1,class:"warn-text text-left"},we={key:2,class:"warn-text text-left"},Ie={class:"py-3"},be={class:"content"},Me={key:0},ke={key:0,class:"warn-text text-left"},Ne={key:1,class:"warn-text text-left"},Re={class:"py-3"},$e={class:""},Ae={class:"personalInformation d-flex"},Te={class:"py-3"},We={class:"content row"},De={class:"pt-2 ps"},He=["disabled"];function Le(t,e,r,o,s,n){const m=g("yt-header"),I=g("yt-identify"),h=g("yt-cooperatingInstitutions"),T=g("personal-information-protection-notification"),W=g("yt-loading"),D=g("yt-msgModal");return d(),l("div",ee,[f(m),i("article",te,[e[35]||(e[35]=i("h2",{class:"stepTitle"},[i("span",null,"線上開戶")],-1)),i("section",null,[i("div",ie,[i("div",oe,[e[23]||(e[23]=i("div",{class:"title py-1 d-md-inline-block d-none"},[p(" 身分證字號 "),i("span",{class:"text-danger ml-1"},"*")],-1)),i("div",se,[e[22]||(e[22]=i("span",{class:"text-danger ml-1 d-md-none"},"*",-1)),i("input",{ref:"idNo",type:"text",inputmode:"text",class:y(t.v$.idNo.$error?"warn":""),placeholder:"請輸入身分證字號",required:"",pattern:"[A-Z]{1}[0-9]{9}",minlength:"10",maxlength:"10",autocomplete:"off",disableautocomplete:"",autocapitalize:"characters",value:n.maskedIdNo,onFocus:e[0]||(e[0]=(...a)=>n.idNoFocusHandler&&n.idNoFocusHandler(...a)),onBlur:e[1]||(e[1]=(...a)=>n.idNoBlurHandler&&n.idNoBlurHandler(...a)),onInput:e[2]||(e[2]=(...a)=>n.idNoInputHandler&&n.idNoInputHandler(...a))},null,42,ne),f(v,{name:"fade"},{default:C(()=>[t.v$.idNo.$error?(d(),l("div",ae,[t.v$.idNo.required.$invalid?(d(),l("p",re," 身分證字號不可空白！ ")):t.v$.idNo.chk.$invalid?(d(),l("p",de," 身分證字號格式錯誤！ ")):u("",!0)])):u("",!0)]),_:1})])]),i("div",le,[e[25]||(e[25]=i("div",{class:"title py-1 d-md-inline-block d-none"},[p(" 行動電話 "),i("span",{class:"text-danger ml-1"},"*")],-1)),i("div",he,[e[24]||(e[24]=i("span",{class:"text-danger ml-1 d-md-none"},"*",-1)),i("input",{ref:"mobile",type:"tel",inputmode:"numeric",class:y(t.v$.mobile.$error?"warn":""),placeholder:"請輸入行動電話",required:"",pattern:"[0]{1}[9]{1}[0-9]{8}",minlength:"10",maxlength:"10",autocomplete:"off",disableautocomplete:"",value:n.maskedMobile,onFocus:e[3]||(e[3]=(...a)=>n.mobileFocusHandler&&n.mobileFocusHandler(...a)),onBlur:e[4]||(e[4]=(...a)=>n.mobileBlurHandler&&n.mobileBlurHandler(...a)),onInput:e[5]||(e[5]=(...a)=>n.mobileInputHandler&&n.mobileInputHandler(...a))},null,42,me),f(v,{name:"fade"},{default:C(()=>[t.v$.mobile.$error?(d(),l("div",fe,[t.v$.mobile.required.$invalid?(d(),l("p",ue," 行動電話不可空白！ ")):t.v$.mobile.chk.$invalid?(d(),l("p",ce," 行動電話格式錯誤！ ")):u("",!0)])):u("",!0)]),_:1})])]),i("div",ge,[e[28]||(e[28]=i("div",{class:"title py-1 d-md-inline-block d-none"},[p(" 圖形驗證碼 "),i("span",{class:"text-danger ml-1"},"*")],-1)),i("div",pe,[e[27]||(e[27]=i("span",{class:"text-danger ml-1 d-md-none"},"*",-1)),c(i("input",{ref:"imgCode",type:"text",inputmode:"numeric",class:y(t.v$.imgCode.$error?"warn":""),placeholder:"請輸入圖形驗證碼",required:"",pattern:"[0-9]{4}","onUpdate:modelValue":e[6]||(e[6]=a=>s.imgCode=a),autocomplete:"off",disableautocomplete:"",onInput:e[7]||

1(e[7]=(...a)=>n.imgCodeLenLimit&&n.imgCodeLenLimit(...a))},null,34),[[b,s.imgCode,void 0,{trim:!0}]]),i("div",{class:"identify",onClick:e[8]||(e[8]=(...a)=>n.refreshCode&&n.refreshCode(...a))},[f(I,{identifyCode:s.identifyCode},null,8,["identifyCode"])]),i("button",{class:"ml-md-3 ml-2",onClick:e[9]||(e[9]=(...a)=>n.refreshCode&&n.refreshCode(...a))},e[26]||(e[26]=[i("img",{src:q,alt:"重新取得圖形驗證碼"},null,-1)])),f(v,{name:"fade"},{default:C(()=>[t.v$.imgCode.$error?(d(),l("div",ye,[t.v$.imgCode.required.$invalid?(d(),l("p",Ce," 圖形驗證碼不可空白！ ")):t.v$.imgCode.chk.$invalid?(d(),l("p",ve," 圖形驗證碼僅能輸入4碼數字！ ")):t.v$.imgCode.sameAsIdentifyCode.$invalid?(d(),l("p",we," 圖形驗證碼錯誤，請確認！ ")):u("",!0)])):u("",!0)]),_:1})])]),i("div",Ie,[e[31]||(e[31]=i("div",{class:"title py-1 d-md-inline-block d-none"},[p(" 簡訊驗證碼 "),i("span",{class:"text-danger ml-1"},"*")],-1)),i("div",be,[e[30]||(e[30]=i("span",{class:"text-danger ml-1 d-md-none"},"*",-1)),c(i("input",{ref:"verifyCode",type:"text",inputmode:"numeric",class:y([t.v$.verifyCode.$error?"warn":"","verifyCode"]),placeholder:"請輸入簡訊驗證碼",required:"",pattern:"[0-9]{4}","onUpdate:modelValue":e[10]||(e[10]=a=>s.verifyCode=a),"auto-complete":"one-time-code",autocomplete:"one-time-code",onInput:e[11]||(e[11]=(...a)=>n.verifyCodeLenLimit&&n.verifyCodeLenLimit(...a))},null,34),[[b,s.verifyCode,void 0,{trim:!0}]]),i("button",{class:"send d-inline-flex align-items-center justify-content-end",onClick:e[12]||(e[12]=(...a)=>n.getVerifyCode&&n.getVerifyCode(...a))}," 發送驗證碼 "),i("button",{class:"ml-2",onClick:e[13]||(e[13]=(...a)=>n.showSmsInfo&&n.showSmsInfo(...a))},e[29]||(e[29]=[i("img",{src:P},null,-1)])),f(v,{name:"fade"},{default:C(()=>[t.v$.verifyCode.$error?(d(),l("div",Me,[t.v$.verifyCode.required.$invalid?(d(),l("p",ke," 簡訊驗證碼不可空白！ ")):t.v$.verifyCode.chk.$invalid?(d(),l("p",Ne," 簡訊驗證碼僅能輸入4碼數字！ ")):u("",!0)])):u("",!0)]),_:1})])]),i("div",Re,[i("div",$e,[i("div",Ae,[c(i("input",{type:"checkbox","onUpdate:modelValue":e[14]||(e[14]=a=>s.personalInformationChk=a),class:"personalInformationInput",onChange:e[15]||(e[15]=a=>n.readPersonalInformation(a))},null,544),[[S,s.personalInformationChk]]),i("p",null,[e[32]||(e[32]=p(" 我已詳閱、瞭解並接受元大投信 ")),i("span",{onClick:e[16]||(e[16]=a=>n.setPersonalInformation({modal:!0,agree:!1}))},"「個人資料保護聲明暨告知事項」"),e[33]||(e[33]=p(" ，並同意進行線上開戶之申請。 "))])])])]),c(i("div",Te,[e[34]||(e[34]=i("div",{class:"title py-1 d-md-inline-block d-none"},"推薦序號",-1)),i("div",We,[c(i("input",{ref:"activityCode",type:"text",placeholder:"請輸入推薦序號，若無則不需填寫","onUpdate:modelValue":e[17]||(e[17]=a=>s.activityCode=a),maxlength:"30",autocomplete:"off",disableautocomplete:"",onFocus:e[18]||(e[18]=a=>s.showActivityCodeMemo=!0),onBlur:e[19]||(e[19]=a=>s.showActivityCodeMemo=!1)},null,544),[[b,s.activityCode,void 0,{trim:!0}]]),c(i("p",De,"請區分大小寫",512),[[M,s.showActivityCodeMemo]])])],512),[[M,!1]])]),i("div",null,[i("button",{class:y(["next",s.idNo&&s.mobile&&s.imgCode&&s.verifyCode&&s.personalInformationChk?"":"ban"]),onClick:e[20]||(e[20]=(...a)=>n.login&&n.login(...a)),disabled:!(s.idNo&&s.mobile&&s.imgCode&&s.verifyCode&&s.personalInformationChk)}," 確認送出 ",10,He)])]),f(h),f(T,{showLaw:s.personalInformationModal,onSetLaw:n.setPersonalInformation},null,8,["showLaw","onSetLaw"])]),f(W,{isShow:s.loading},null,8,["isShow"]),f(D,{title:t.$store.state.msgModal.title,msg:t.$store.state.msgModal.msg,showModal:t.$store.state.msgModal.isModalOpen,onClose:e[21]||(e[21]=a=>t.$closeMsgModal())},null,8,["title","msg","showModal"])])}const Pe=k(X,[["render",Le],["__scopeId","data-v-9cbbbf2c"]]);export{Pe as default};