From cd4a64b39c429f2f5b45cb042d1b66f1cd3904cd Mon Sep 17 00:00:00 2001
From: 劉鈞霖 <benson@gmail.com>
Date: 星期一, 15 十一月 2021 18:06:40 +0800
Subject: [PATCH] [ Update ] 更新 navbar 清單 根據 角色 顯示清單
---
PAMapp/pages/consultantLogin/index.vue | 96 +++++++++++++++++++++++++++++++++---------------
1 files changed, 66 insertions(+), 30 deletions(-)
diff --git a/PAMapp/pages/consultantLogin/index.vue b/PAMapp/pages/consultantLogin/index.vue
index c20ae68..bda41c9 100644
--- a/PAMapp/pages/consultantLogin/index.vue
+++ b/PAMapp/pages/consultantLogin/index.vue
@@ -6,11 +6,11 @@
<div class="pam-consultant-login__title">撣唾��</div>
<div class="position-r mt-10">
<input type="text"
- :model="loginDto.account"
+ v-model="consultantDto.account"
class="pam-consultant-login__input"
placeholder="頛詨eService撣唾��">
<div class="pam-consultant-login__inputIcon text--primary cursor--pointer"
- @click="cookieAccount">
+ @click="recordAccount">
<i :class="[isRemember ? 'icon-checkbox-1' : 'icon-checkbox','pr-5']"></i>
閮��
</div>
@@ -19,12 +19,16 @@
<div class="pam-paragraph">
<div class="pam-consultant-login__title ">
<div>撖Ⅳ</div>
- <div class="text--primary fs-16 cursor--pointer"
- @click="forgetPassword">敹��Ⅳ嚗�</div>
+ <a class="pam-consultant-login__forgot-password cursor--pointer"
+ :href="forgotPasswordLink"
+ target="_blank"
+ rel="靽�犖憯�">
+ 敹��Ⅳ嚗�
+ </a>
</div>
<div class="position-r mt-10">
<input :type="[isShowPassword ? 'text' : 'password']"
- :model="loginDto.password"
+ v-model="consultantDto.password"
class="pam-consultant-login__input"
placeholder="頛詨eService撖Ⅳ">
<div class="pam-consultant-login__inputIcon cursor--pointer"
@@ -42,58 +46,81 @@
<div class="pam-consultant-login__verifyBlock mt-10">
<div class="w-55">
<input type="text"
- :modal="loginDto.verificationCode"
+ v-model="consultantDto.verificationCode"
class="pam-consultant-login__input">
</div>
- <div class="pam-consultant-login__verifyImg"></div>
+ <div class="pam-consultant-login__verifyImg">
+ <img src="~/assets/images/logo.png" alt="撽�Ⅳ">
+ </div>
</div>
</div>
<div class="pam-consultant-login__confirmBlock pam-paragraph">
<button class="pam-consultant-login__confirm cursor--pointer"
- @click="login">�</button>
+ @click="fakeLogin">�</button>
</div>
</div>
</div>
</template>
<script lang="ts">
- import {
- Vue,
- Component
- } from 'vue-property-decorator';
-
+ import { Vue, Component} from 'vue-property-decorator';
+ import { getForgotPasswordLink , getVerificationCodeImg , login } from '~/assets/ts/api/consultant';
+ import { Role } from '../../components/NavBar.vue';
@Component({
layout: 'default'
})
export default class ConsultantLogin extends Vue {
isRemember = false;
isShowPassword = false;
- loginDto = {
+ consultantDto = {
account: '',
password: '',
verificationCode: '',
}
-
-
- login(): void {
- console.log('login');
- }
-
- cookieAccount(): void {
+ forgotPasswordLink = '';
+ imgOfVerificationCode='';
+ mounted() {
+ this.regenerateCode();
+ this.getLinkOfForgotPassword();
+ };
+ private getLinkOfForgotPassword():void{
+ getForgotPasswordLink().then(link=>{
+ console.log('link',link);
+ this.forgotPasswordLink = link;
+ });
+ };
+ recordAccount(): void {
this.isRemember = !this.isRemember;
if (this.isRemember) {
console.log('sotre account');
}
- }
-
- forgetPassword(): void {
- console.log('forget password');
- }
-
+ };
regenerateCode(): void {
- console.log('call api regenerate verificationCode')
+ getVerificationCodeImg().then((imgOfbase64:any)=>{
+ this.imgOfVerificationCode = imgOfbase64;
+ });
+ };
+ // loginWithConsultant():void{
+ // console.log('consultantDto',this.consultantDto);
+ // logInToConsultant(this.consultantDto).then(res=>{
+ // localStorage.setItem('roleOfState',Role.CONSULTANT);
+ // this.$router.push('/myAppointmentList/appointmentList');
+ // });
+ // }
+
+ fakeLogin(): void {
+ const user = {
+ username: 'admin',
+ password: 'admin'
+ }
+ console.log('user',user);
+ login(user).then((res) => {
+ localStorage.setItem('id_token', res.data.id_token);
+ localStorage.setItem('roleOfState',Role.ADMIN)
+ this.$router.push('/myAppointmentList/appointmentList');
+ })
}
- }
+ };
</script>
<style lang="scss"
@@ -155,7 +182,11 @@
right: 15px;
}
}
-
+ &__forgot-password{
+ color: $PRIMARY_RED;
+ text-decoration:none;
+ font-size: 16px;
+ }
&__verifyBlock {
display: flex;
justify-content: space-between;
@@ -164,6 +195,11 @@
&__verifyImg {
width: 126px;
border: 1px black solid;
+ height: 50px;
+ img{
+ width: 100%;
+ height: 100%;
+ }
}
&__confirmBlock {
--
Gitblit v1.8.0