<template>
|
<div>
|
<div class="pam-consultant-login">
|
<div class="pam-consultant-login__header pam-paragraph">顧問登入</div>
|
<div class="pam-paragraph">
|
<div class="pam-consultant-login__title">帳號</div>
|
<div class="position-r mt-10">
|
<input type="text"
|
v-model="consultantDto.username"
|
class="pam-consultant-login__input"
|
placeholder="輸入eService帳號">
|
<div class="pam-consultant-login__inputIcon text--primary cursor--pointer fix-chrome-click--issue"
|
@click="isRememberChange">
|
<i :class="[isRememberUserName ? 'icon-checkbox-1' : 'icon-checkbox','pr-5']"></i>
|
記住
|
</div>
|
</div>
|
</div>
|
<div class="pam-paragraph">
|
<div class="pam-consultant-login__title ">密碼</div>
|
<div class="position-r mt-10">
|
<input :type="[ isShowPassword ? 'text' : 'password']"
|
v-model="consultantDto.password"
|
class="pam-consultant-login__input"
|
placeholder="輸入eService密碼">
|
<div class="pam-consultant-login__inputIcon cursor--pointer fix-chrome-click--issue"
|
@click="isShowPassword = !isShowPassword">
|
<i :class="[isShowPassword ? 'icon-eye':'icon-eye-1 fs-25', 'text--primary']"></i>
|
</div>
|
</div>
|
</div>
|
<div class="pam-paragraph">
|
<div class="pam-consultant-login__title">
|
<div>驗證碼 <span class="text--dark-blue fs-16">(區分大小寫)</span></div>
|
<div class="text--primary fs-16 cursor--pointer fix-chrome-click--issue"
|
@click="regenerateImgOfVerification">重新產生</div>
|
</div>
|
<div class="pam-consultant-login__verifyBlock mt-10">
|
<div class="w-55">
|
<input type="text"
|
v-model="verificationCode"
|
maxlength="4"
|
class="pam-consultant-login__input">
|
</div>
|
<div class="pam-consultant-login__verifyImg">
|
<img :src="imgSrc" alt="驗證碼">
|
</div>
|
</div>
|
</div>
|
<div class="pam-consultant-login__confirmBlock pam-paragraph">
|
<button class="pam-consultant-login__confirm cursor--pointer fix-chrome-click--issue"
|
@click="sendInfo">送出</button>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script src="./consultant-login.component.ts"></script>
|
|
<style lang="scss" scoped>
|
@import "./consultant-login.component.scss";
|
</style>
|
