From a0c4a07f562b6e5812310eaa48a16c210e5f3725 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9Cgrape=E2=80=9D?= <18746553572@163.com> Date: Tue, 30 Aug 2022 09:51:51 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=99=BB=E5=BD=95=20?= =?UTF-8?q?=E6=B3=A8=E5=86=8C=20=E4=BF=AE=E6=94=B9=E5=AF=86=E7=A0=81=20?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/authentication/LoginView.vue | 39 +- src/views/login/ForgetPassView.vue | 24 +- src/views/login/Register.vue | 31 +- src/views/main/Main.vue | 808 +++++++++++++------------ 4 files changed, 471 insertions(+), 431 deletions(-) diff --git a/src/views/authentication/LoginView.vue b/src/views/authentication/LoginView.vue index 28ddb04..dddb5bf 100644 --- a/src/views/authentication/LoginView.vue +++ b/src/views/authentication/LoginView.vue @@ -17,14 +17,17 @@

登录

请使用手机号登录 +}">请使用手机号或身份证号登录
- 手机号 - + 账号 + + +
+ 密码 @@ -36,9 +39,11 @@ + + -
+ + - {{ getCmstotal }} + {{ getCmstotal }} + +
登录
@@ -99,9 +106,9 @@ import { log } from "mathjs"; [VanImage.name]: VanImage, }) export default class LoginView extends Vue { - getCmstotal = "获取短信验证码"; + getCmstotal = "获取验证码"; tatleName = "用户登录"; - phone: string = "";//电话 + loginNo: string = "";//登录账号 password: string = "";//密码 imageSrc: any = "";//图形 imageSrcValue: string = "";//图形验证码 @@ -122,9 +129,9 @@ export default class LoginView extends Vue { } //手机号 - verifyPhone() { - return /^1\d{10}$/.test(this.phone) // 返回true或false - } + // verifyPhone() { + // return /^1\d{10}$/.test(this.phone) // 返回true或false + // } //获取图形验证码 _updatePicCode() { //请求图形验证码 @@ -151,7 +158,7 @@ export default class LoginView extends Vue { //获取短信验证码 getPhonePost() { let param = { - phoneCode: this.phone + phoneCode: this.loginNo } apiService.general(commonApi.getPicCode, param, undefined, undefined).then((response: RestfulResponse) => { @@ -169,7 +176,7 @@ export default class LoginView extends Vue { //验证码失败刷新 //this._updatePicCode(); let param = { - phone: this.phone, + phone: this.loginNo, //图形验证码 imageVerifyKey: this.imageSrcValue, //渠道 @@ -202,7 +209,7 @@ export default class LoginView extends Vue { this.$router.push({ name: `ForgetPass`, params: { - phone: this.phone + phone: this.loginNo } }); } diff --git a/src/views/login/ForgetPassView.vue b/src/views/login/ForgetPassView.vue index c3c4837..eee858b 100644 --- a/src/views/login/ForgetPassView.vue +++ b/src/views/login/ForgetPassView.vue @@ -28,21 +28,22 @@ class="font-size-12-dhc" style="font-weight: 400; font-family: 'Arial Normal', 'Arial'; }" - >请使用注册手机号进行密码重置请使用注册手机号或身份证号进行密码重置
- 手机号码 + 账号 - +
+ +
新密码 @@ -64,8 +65,9 @@
+
- 新密码 + 确认密码
+ 短信验证码
@@ -98,10 +101,11 @@ 获取短信验证码获取验证码
+
登录 -

用户注册

+

注册

请使用机号码进行注册 +}">请使用机号码或身份证号码进行注册
- 手机号码 - - + 账号 + + + +
-
- 身份证号 + - + - -
+
短信验证码 @@ -46,7 +48,8 @@ - {{ getCmstotal }} + {{ getCmstotal }} @@ -170,7 +173,7 @@ export default class ForgetPassView extends Vue { this.getCmstotal = this.time + "s重发验证码"; if (this.time < 0) { clearInterval(this.time) - this.getCmstotal = "获取短信验证码"; + this.getCmstotal = "获取验证码"; } }, 1000) diff --git a/src/views/main/Main.vue b/src/views/main/Main.vue index cc4881e..81c5d82 100644 --- a/src/views/main/Main.vue +++ b/src/views/main/Main.vue @@ -54,9 +54,36 @@
- 推荐产品 + 推荐产品 + + + + + + + + + + +
- - -
- - {{ item.name }} - - - -
{{ item.min }}
- - - - -
{{ item.max }}
- - + + + + + - - - -
- {{ item.fristsize }} -
- - -
{{ item.secondsize }}
- - -
{{ item.thirdsize }}
- - -
{{ item.foursize }}
- - -
- - {{ item.name }} - - - -
{{ item.min }}
- - - - -
{{ item.max }}
- - + + + + + -
- - {{ item.name }} - - - -
{{ item.min }}
- - - - -
{{ item.max }}
- - - - - - -
{{ item.fristsize }} -
- - -
{{ item.secondsize }}
- - -
{{ item.thirdsize }}
- - -
{{ item.foursize }}
- - -
-
- - {{ item.name }} - - - -
{{ item.min }}
- - - - -
{{ item.max }}
- - - - - - -
{{ item.fristsize }} -
- - -
{{ item.secondsize }}
- - -
{{ item.thirdsize }}
- - -
{{ item.foursize }}
- - -
- - -
-
- - - 重置 - - - 确定 - - -
- - + +
-
+
{{ item.fristsize }}
-
{{ item.secondsize }}
- - -
{{ item.thirdsize }}
- - -
{{ item.foursize }}
- - -
-
- - - 重置 - - - 确定 - - -
- - -
- - {{ item.name }} - - - -
{{ item.min }}
- - - - -
{{ item.max }}
- - - - - - -
{{ item.fristsize }} +
+ {{ item.secondsize }}
-
{{ item.secondsize }}
- - -
{{ item.thirdsize }}
- - -
{{ item.foursize }}
- - -
-
- - - 重置 - - - 确定 - - -
- - -
- - {{ item.name }} - - - -
{{ item.min }}
- - - - -
{{ item.max }}
- - - - - - -
{{ item.fristsize }} +
+ {{ item.thirdsize }}
-
{{ item.secondsize }}
- - -
{{ item.thirdsize }}
- - -
{{ item.foursize }}
+
+ {{ item.foursize }} +
+
+ + {{ item.name }} + + + +
{{ item.min }}
+ + - + +
{{ item.max }}
+ + + + + + +
+ {{ item.fristsize }} +
+ + +
+ {{ item.secondsize }} +
+ + +
+ {{ item.thirdsize }} +
+ + +
+ {{ item.foursize }} +
+ + +
+ +
+ + {{ item.name }} + + + +
{{ item.min }}
+ + - + +
{{ item.max }}
+ + + + + + +
+ {{ item.fristsize }} +
+ + +
+ {{ item.secondsize }} +
+ + +
+ {{ item.thirdsize }} +
+ + +
+ {{ item.foursize }} +
+ + +
+ +
+ + {{ item.name }} + + + +
{{ item.min }}
+ + - + +
{{ item.max }}
+ + + + + + +
+ {{ item.fristsize }} +
+ + +
+ {{ item.secondsize }} +
+ + +
+ {{ item.thirdsize }} +
+ + +
+ {{ item.foursize }} +
+ + +
@@ -368,6 +295,9 @@
+ + +
{ + st=st + item.name + }) + this.outcsinfo.place=st + }; + //测试 demo() { @@ -427,9 +426,25 @@ export default class Main extends Vue { }); } - //div列表 + tabsList: any=[ + { + name: "金额", + status:0, + + }, + { + name: "期限", + status:0, + + }, + { + name: "利率", + status:0, + + }, + ] applicaList: any = [ { name: "产品金额（万元）", @@ -519,6 +534,9 @@ export default class Main extends Vue { flag: true, }; + + + productList: ProductData[] = [ { productname: "金融消费贷", //产品名称 @@ -545,136 +563,128 @@ export default class Main extends Vue { // } }); } - //切换 - clickButton1(index: number,item:number) { - var select =this.applicaList[index].sellet=item; - - console.log( this.applicaList[index].sellet); - if (item=== 1) { - this.vanvcol11 = "vancoll"; - - this.vanvcol12 = "vandilote"; - this.vanvcol13 = "vandilote"; - this.vanvcol14 = "vandilote"; - console.log( this.applicaList[index].sellet); - } else if(item=== 2){ - this.vanvcol11 = "vandilote"; - - this.vanvcol12 = "vancoll"; - this.vanvcol13 = "vandilote"; - this.vanvcol14 = "vandilote"; - }else if(item=== 3){ - this.vanvcol11 = "vandilote"; - - this.vanvcol12 = "vandilote"; - this.vanvcol13 = "vancoll"; - this.vanvcol14 = "vandilote"; - } - else if(item=== 4){ - this.vanvcol11 = "vandilote"; - - this.vanvcol12 = "vandilote"; - this.vanvcol13 = "vandilote"; - this.vanvcol14 = "vancoll"; - } - + //切换 + clickButton1(index: number, item: number) { + var select = (this.applicaList[index].sellet = item); + + console.log(this.applicaList[index].sellet); + if (item === 1) { + this.vanvcol11 = "vancoll"; + + this.vanvcol12 = "vandilote"; + this.vanvcol13 = "vandilote"; + this.vanvcol14 = "vandilote"; + console.log(this.applicaList[index].sellet); + } else if (item === 2) { + this.vanvcol11 = "vandilote"; + + this.vanvcol12 = "vancoll"; + this.vanvcol13 = "vandilote"; + this.vanvcol14 = "vandilote"; + } else if (item === 3) { + this.vanvcol11 = "vandilote"; + + this.vanvcol12 = "vandilote"; + this.vanvcol13 = "vancoll"; + this.vanvcol14 = "vandilote"; + } else if (item === 4) { + this.vanvcol11 = "vandilote"; + + this.vanvcol12 = "vandilote"; + this.vanvcol13 = "vandilote"; + this.vanvcol14 = "vancoll"; } + } - clickButton2(index: number,item:number) { - var select =this.applicaList[index].sellet=item; - - console.log( this.applicaList[index].sellet); - if (item=== 1) { - this.vanvcol21 = "vancoll"; - this.vanvcol22 = "vandilote"; - this.vanvcol23 = "vandilote"; - this.vanvcol24 = "vandilote"; - console.log( this.applicaList[index].sellet); - } else if(item=== 2){ - this.vanvcol21 = "vandilote"; - this.vanvcol22 = "vancoll"; - this.vanvcol23 = "vandilote"; - this.vanvcol24 = "vandilote"; - }else if(item=== 3){ - this.vanvcol21 = "vandilote"; - this.vanvcol22 = "vandilote"; - this.vanvcol23 = "vancoll"; - this.vanvcol24 = "vandilote"; - } - else if(item=== 4){ - this.vanvcol21 = "vandilote"; - this.vanvcol22 = "vandilote"; - this.vanvcol23 = "vandilote"; - this.vanvcol24 = "vancoll"; - } - + clickButton2(index: number, item: number) { + var select = (this.applicaList[index].sellet = item); + + console.log(this.applicaList[index].sellet); + if (item === 1) { + this.vanvcol21 = "vancoll"; + this.vanvcol22 = "vandilote"; + this.vanvcol23 = "vandilote"; + this.vanvcol24 = "vandilote"; + console.log(this.applicaList[index].sellet); + } else if (item === 2) { + this.vanvcol21 = "vandilote"; + this.vanvcol22 = "vancoll"; + this.vanvcol23 = "vandilote"; + this.vanvcol24 = "vandilote"; + } else if (item === 3) { + this.vanvcol21 = "vandilote"; + this.vanvcol22 = "vandilote"; + this.vanvcol23 = "vancoll"; + this.vanvcol24 = "vandilote"; + } else if (item === 4) { + this.vanvcol21 = "vandilote"; + this.vanvcol22 = "vandilote"; + this.vanvcol23 = "vandilote"; + this.vanvcol24 = "vancoll"; } + } - clickButton3(index: number,item:number) { - var select =this.applicaList[index].sellet=item; - - console.log( this.applicaList[index].sellet); - if (item=== 1) { - this.vanvcol31 = "vancoll"; - this.vanvcol32 = "vandilote"; - this.vanvcol33 = "vandilote"; - this.vanvcol34 = "vandilote"; - console.log( this.applicaList[index].sellet); - } else if(item=== 2){ - this.vanvcol31 = "vandilote"; - this.vanvcol32 = "vancoll"; - this.vanvcol33 = "vandilote"; - this.vanvcol34 = "vandilote"; - }else if(item=== 3){ - this.vanvcol31 = "vandilote"; - this.vanvcol32 = "vandilote"; - this.vanvcol33 = "vancoll"; - this.vanvcol34 = "vandilote"; - } - else if(item=== 4){ - this.vanvcol31 = "vandilote"; - this.vanvcol32 = "vandilote"; - this.vanvcol33 = "vandilote"; - this.vanvcol34 = "vancoll"; - } - + clickButton3(index: number, item: number) { + var select = (this.applicaList[index].sellet = item); + + console.log(this.applicaList[index].sellet); + if (item === 1) { + this.vanvcol31 = "vancoll"; + this.vanvcol32 = "vandilote"; + this.vanvcol33 = "vandilote"; + this.vanvcol34 = "vandilote"; + console.log(this.applicaList[index].sellet); + } else if (item === 2) { + this.vanvcol31 = "vandilote"; + this.vanvcol32 = "vancoll"; + this.vanvcol33 = "vandilote"; + this.vanvcol34 = "vandilote"; + } else if (item === 3) { + this.vanvcol31 = "vandilote"; + this.vanvcol32 = "vandilote"; + this.vanvcol33 = "vancoll"; + this.vanvcol34 = "vandilote"; + } else if (item === 4) { + this.vanvcol31 = "vandilote"; + this.vanvcol32 = "vandilote"; + this.vanvcol33 = "vandilote"; + this.vanvcol34 = "vancoll"; } + } - clickButton4(index: number,item:number) { - var select =this.applicaList[index].sellet=item; - - console.log( this.applicaList[index].sellet); - if (item=== 1) { - this.vanvcol41 = "vancoll"; - this.vanvcol42 = "vandilote"; - this.vanvcol43 = "vandilote"; - this.vanvcol44 = "vandilote"; - console.log( this.applicaList[index].sellet); - } else if(item=== 2){ - this.vanvcol41 = "vandilote"; - this.vanvcol42 = "vancoll"; - this.vanvcol43 = "vandilote"; - this.vanvcol44 = "vandilote"; - }else if(item=== 3){ - this.vanvcol41 = "vandilote"; - this.vanvcol42 = "vandilote"; - this.vanvcol43 = "vancoll"; - this.vanvcol44 = "vandilote"; - } - else if(item=== 4){ - this.vanvcol41 = "vandilote"; - this.vanvcol42 = "vandilote"; - this.vanvcol43 = "vandilote"; - this.vanvcol44 = "vancoll"; - } - + clickButton4(index: number, item: number) { + var select = (this.applicaList[index].sellet = item); + + console.log(this.applicaList[index].sellet); + if (item === 1) { + this.vanvcol41 = "vancoll"; + this.vanvcol42 = "vandilote"; + this.vanvcol43 = "vandilote"; + this.vanvcol44 = "vandilote"; + console.log(this.applicaList[index].sellet); + } else if (item === 2) { + this.vanvcol41 = "vandilote"; + this.vanvcol42 = "vancoll"; + this.vanvcol43 = "vandilote"; + this.vanvcol44 = "vandilote"; + } else if (item === 3) { + this.vanvcol41 = "vandilote"; + this.vanvcol42 = "vandilote"; + this.vanvcol43 = "vancoll"; + this.vanvcol44 = "vandilote"; + } else if (item === 4) { + this.vanvcol41 = "vandilote"; + this.vanvcol42 = "vandilote"; + this.vanvcol43 = "vandilote"; + this.vanvcol44 = "vancoll"; } - } - - - + onClick(index:any) { + this.tabsList[index].status=this.tabsList[index].status === 1?0:1 + Toast(this.tabsList[index].status===1?"升序":"降序"); + } +} -- 2.22.0