| | |
| | | </el-dialog> |
| | | |
| | | <PopUpFrame class="pam-popUpFrame" |
| | | :isOpen.sync="emailOtpConfirmVisable"> |
| | | :isOpen.sync="emailOtpConfirmVisable" |
| | | :drawerSize="'35%'" |
| | | > |
| | | <div class="pam-popUp-title text--center">已將驗證訊息發送至</div> |
| | | <div class="pam-popUp-title text--center">{{email}}</div> |
| | | <div class="pam-popUp-title text--center">請查看電子郵件並完成驗證流程</div> |
| | |
| | | </PopUpFrame> |
| | | |
| | | <PopUpFrame class="pam-popUpFrame" |
| | | :isOpen.sync="registerSuccessConfirmVisable"> |
| | | :isOpen.sync="registerSuccessConfirmVisable" |
| | | @closePopUp="confirmApplySuccess" |
| | | :drawerSize="'35%'" |
| | | > |
| | | <div class="pam-popUp-title text--center"> |
| | | 歡迎您登入成功,如您預約諮詢,顧問會以您留下的{{ connectDevice === 'MOBILE' ? '手機號碼' : 'Email'}}與您聯繫 |
| | | </div> |
| | | <div class="pam-popUp-txt text--center mb-10 mt-5" |
| | | >即將導回首頁</div> |
| | | <div class="pam-popUp-confirm-bolck pam-paragraph"> |
| | | <div class="text--center"> |
| | | <el-button |
| | |
| | | </PopUpFrame> |
| | | |
| | | <PopUpFrame class="pam-popUpFrame" |
| | | :isOpen.sync="phoneSuccessConfirmVisable"> |
| | | <div class="pam-popUp-title text--center mb-50" |
| | | :isOpen.sync="phoneSuccessConfirmVisable" |
| | | @closePopUp="confirmApplySuccess" |
| | | :drawerSize="'30%'" |
| | | > |
| | | <div class="pam-popUp-title text--center" |
| | | >歡迎您登入成功</div> |
| | | <div class="pam-popUp-txt text--center mb-30 mt-5 xsTxt" |
| | | >即將導回首頁</div> |
| | | <div class="pam-popUp-confirm-bolck pam-paragraph"> |
| | | <div class="text--center"> |
| | | <el-button |
| | |
| | | this.storageRole(Role.USER); |
| | | this.storagePhoneOrEmail(registerInfo); |
| | | this.registerSuccessConfirmVisable = true; |
| | | this.autoRedirect(); |
| | | }).catch(() => { |
| | | this.applyAccount_onAction = false; |
| | | }); |
| | |
| | | confirmApplySuccess(): void { |
| | | this.phoneSuccessConfirmVisable = false; |
| | | this.registerSuccessConfirmVisable = false; |
| | | this.$router.go(-1); |
| | | this.$router.push('/'); |
| | | } |
| | | |
| | | private autoRedirect() { |
| | | setTimeout(() => { |
| | | this.$router.push('/') |
| | | }, 3000) |
| | | } |
| | | |
| | | login() { |
| | |
| | | this.storageIdToken(res.data.id_token); |
| | | this.storageRole(Role.USER); |
| | | this.phoneSuccessConfirmVisable = true; |
| | | this.autoRedirect(); |
| | | this.storagePhoneOrEmail(this.setRegisterInfo()); |
| | | }).catch(error => { |
| | | this.checkHttpErrorStatus(error); |
| | |
| | | } |
| | | } |
| | | |
| | | .pam-register-dialog__contract { |
| | | $DEVICE_EXTRA_HEIGHT: 42px; |
| | | $ALIGN_PADDING: 60px; |
| | | $TOP_CONTENT_HEIGHT: 186px; |
| | | $BOTTOM_CONTENT_HEIGHT: 131px; |
| | | max-height: calc(100vh - $DEVICE_EXTRA_HEIGHT - $ALIGN_PADDING - $TOP_CONTENT_HEIGHT - $BOTTOM_CONTENT_HEIGHT); |
| | | overflow-y: scroll; |
| | | border-radius: 6px; |
| | | border: 1px solid #707070; |
| | | padding: 20px; |
| | | } |
| | | |
| | | .pam-radio { |
| | | color: $PRIMARY_RED; |
| | | align-items: center; |
| | |
| | | font-size: 20px; |
| | | line-height: 27px; |
| | | } |
| | | |
| | | .pam-popUp-txt { |
| | | font-size: 18px; |
| | | color: $MID_GREY; |
| | | } |
| | | |
| | | .disabled { |
| | | color: #A7A8AA; |
| | | } |