From ac235850a9287dae6977c964213176fa7c86b140 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期四, 09 十二月 2021 14:42:20 +0800
Subject: [PATCH] Merge branch 'refactor/separate-vue' of ssh://192.168.0.10:29418/pcalife/PAM into refactor/separate-vue
---
PAMapp/pages/consultantLogin/index.vue | 187 ++++++++++++----------------------------------
1 files changed, 48 insertions(+), 139 deletions(-)
diff --git a/PAMapp/pages/consultantLogin/index.vue b/PAMapp/pages/consultantLogin/index.vue
index 10f11c2..e59a9ca 100644
--- a/PAMapp/pages/consultantLogin/index.vue
+++ b/PAMapp/pages/consultantLogin/index.vue
@@ -1,153 +1,62 @@
<template>
- <div>
- <div class="pam-consultant-login">
- <div class="pam-consultant-login__header">憿批��</div>
- <div class="pam-consultant-login__title mt-20">撣唾��</div>
+ <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"
- :model="loginDto.account"
+ v-model="consultantDto.username"
class="pam-consultant-login__input"
placeholder="頛詨eService撣唾��">
- <div class="position-a text--primary cursor--pointer" @click="cookieAccount">
- <i :class="[isRemember ? 'icon-checkbox-1' : 'icon-checkbox','pr-5']"></i>
- 閮��
+ <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 class="pam-consultant-login__title mt-25">
- <div>撖Ⅳ</div>
- <div class="text--primary fs-16 cursor--pointer" @click="forgetPassword">敹��Ⅳ嚗�</div>
- </div>
- <div class="position-r mt-10">
- <input :type="[isShowPassword ? 'text' : 'password']"
- :model="loginDto.password"
- class="pam-consultant-login__input"
- placeholder="頛詨eService撖Ⅳ">
- <div class="position-a cursor--pointer" @click="isShowPassword = !isShowPassword">
- <i :class="[isShowPassword ? 'icon-eye-1 fs-25' : 'icon-eye' , 'text--primary']"></i>
- </div>
- </div>
- <div class="pam-consultant-login__title mt-25">
- <div>撽�Ⅳ</div>
- <div class="text--dark-blue fs-16 cursor--pointer" @click="regenerate">������</div>
- </div>
- <div class="mt-10" style="display:flex;justify-content:space-between ">
- <div class="w-55">
- <input type="text"
- :modal="loginDto.verificationCode"
- class="pam-consultant-login__input" >
- </div>
- <div class="pam-consultant-login__verifyImg"></div>
- </div>
- <div class="pam-consultant-login__confirmBlock">
- <button class="pam-consultant-login__confirm mt-10" @click="login">�</button>
</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 lang="ts">
-import { Vue, Component } from 'vue-property-decorator';
+<script src="./consultant-login.component.ts"></script>
-@Component({
- layout:'home'
-})
-export default class ConsultantLogin extends Vue {
- isRemember=false;
- isShowPassword=false;
- loginDto={
- account:'',
- password:'',
- verificationCode:'',
- }
-
-
- login():void{
- console.log('login');
- }
-
- cookieAccount():void{
- this.isRemember = !this.isRemember;
- if(this.isRemember){
- console.log('cookie');
- }
- }
-
- forgetPassword():void{
- console.log('forget password');
- }
-
- regenerate():void{
- console.log('regenerate verificationCode')
- }
-}
-</script>
<style lang="scss" scoped>
- .mt-20{
- margin-top: 20px;
- }
- .mt-25{
- margin-top: 25px;
- }
- .w-55{
- width: 55% !important;
- }
- .position-r{
- position: relative;
- }
- .position-a{
- position: absolute;
- display: flex;
- align-items: center;
- top: 15px;
- right: 15px;
- }
- .pam-consultant-login{
- width: 336px;
- margin: 40px auto 30px auto;
- font-size: 20px;
- color: $PRIMARY_BLACK;
- &__header{
- text-align: center;
- font-size: 24px;
- font-weight: bold;
- letter-spacing: 1.2;
- color: $PRIMARY_BLACK;
- }
- &__title{
- display:flex;
- justify-content: space-between;
- align-items: center;
- padding: 0px 10px;
- }
- &__input{
- width: 100%;
- outline: 0;
- border: 1px solid #CCCCCC;
- border-radius: 10px;
- font-size: 20px;
- height: 50px;
- padding: 10px 90px 10px 15px;
- overflow: auto;
- box-sizing: border-box;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- }
- &__verifyImg{
- width:126px;
- border:1px black solid;
- }
- &__confirmBlock{
- display: flex;
- justify-content: center;
- }
- &__confirm{
- color: $PRIMARY_WHITE;
- width: 80px;
- height: 50px;
- border-radius: 30px;
- border: 1px solid $LIGHT_GREY;
- background-color:$PRIMARY_RED;
- }
- }
-
+ @import "./consultant-login.component.scss";
</style>
--
Gitblit v1.8.0