From aebf1e1b37328ec369cc96ffe8eb504805a5ccef Mon Sep 17 00:00:00 2001
From: whyczyk <525500596@qq.com>
Date: 星期三, 18 五月 2022 16:15:49 +0800
Subject: [PATCH] 增加注册接口
---
src/pages/login/login.vue | 126 +++++++++++++++++++++++++++++++++++++----
1 files changed, 113 insertions(+), 13 deletions(-)
diff --git a/src/pages/login/login.vue b/src/pages/login/login.vue
index 32615b8..a226144 100644
--- a/src/pages/login/login.vue
+++ b/src/pages/login/login.vue
@@ -3,24 +3,52 @@
<div class="logo-bg"></div>
<div class="login-con">
<div class="appName">{{ platformName }}</div>
- <div class="login-title">鐧诲綍</div>
- <div class="lineInput">
- <img src="../../assets/img/login-ico1.png" class="ico1">
- <van-field v-model="userName" placeholder="璇疯緭鍏ヨ处鍙�" />
+ <div class="login-title">
+ <div :class="{'active':active===0}" class="tab" @click="tabClick(0)">鐧诲綍</div>
+ <div :class="{'active':active===1}" class="tab" @click="tabClick(1)">娉ㄥ唽</div>
</div>
- <div class="lineInput">
- <img src="../../assets/img/login-ico2.png" class="ico2">
- <van-field v-model="password" placeholder="璇疯緭鍏ュ瘑鐮�" type="password" />
+ <div v-if="active==0">
+ <div class="lineInput">
+ <img src="../../assets/img/login-ico1.png" class="ico1" />
+ <van-field v-model="userName" placeholder="璇疯緭鍏ヨ处鍙�" />
+ </div>
+ <div class="lineInput">
+ <img src="../../assets/img/login-ico2.png" class="ico2" />
+ <van-field v-model="password" placeholder="璇疯緭鍏ュ瘑鐮�" type="password" />
+ </div>
+ <div class="subBtn" @click="submit">鐧诲綍</div>
</div>
- <div class="subBtn" @click="submit">鐧诲綍</div>
- </div>
+ <div v-if="active==1">
+ <div class="lineInput">
+ <img src="../../assets/img/login-ico1.png" class="ico1" />
+ <van-field v-model="register.UName" placeholder="璇疯緭鍏ヨ处鍙�" />
+ </div>
+ <div class="lineInput">
+ <img src="../../assets/img/login-ico2.png" class="ico2" />
+ <van-field v-model="register.USnId" placeholder="璇疯緭鍏ュ瘑鐮�" type="password" />
+ </div>
+ <div class="lineInput">
+ <img src="../../assets/img/login-ico1.png" class="ico1" />
+ <van-field v-model="register.UMobilephone" placeholder="璇疯緭鍏ユ墜鏈哄彿" />
+ </div>
+ <div class="sexLine">
+ <div class="tips">閫夋嫨鎬у埆</div>
+ <van-radio-group v-model="register.USex" direction="horizontal">
+ <van-radio name="鐢�">鐢�</van-radio>
+ <van-radio name="濂�">濂�</van-radio>
+ </van-radio-group>
+ </div>
+ <div class="subBtn" @click="toRegister">娉ㄥ唽</div>
+ </div>
+ </div>
</div>
</template>
<script>
import {
login,
+ register,
searchPlatformName,
getLoginVerity,
getRealTabsConfig
@@ -32,6 +60,13 @@
password: '',
verifyCode: '',
platformName: "",
+ active: 0,
+ register: {
+ UName: '',
+ USnId: '',
+ USex: '鐢�',
+ UMobilephone: '',
+ }
}
},
mounted() {
@@ -39,6 +74,9 @@
this.searchPlatformName();
},
methods: {
+ tabClick(num) {
+ this.active = num
+ },
searchPlatformName() {
searchPlatformName()
.then((res) => {
@@ -55,6 +93,49 @@
this.platformName = "钃勭數姹犲悗鍙扮洃鎺х鐞嗗钩鍙�";
sessionStorage.setItem("platformName", this.platformName);
});
+ },
+ //娉ㄥ唽
+ toRegister() {
+ let self = this;
+ if (self.register.UName == '') {
+ self.$toast('璇疯緭鍏ヨ处鍙�!')
+ return
+ }
+ if (self.register.USnId == '') {
+ self.$toast('璇疯緭鍏ュ瘑鐮�!')
+ return
+ }
+ if (self.register.USex == '') {
+ self.$toast('璇烽�夋嫨鎬у埆!')
+ return
+ }
+ if (self.register.UMobilephone == '') {
+ self.$toast('璇疯緭鍏ユ墜鏈哄彿!')
+ return
+ }
+ // 寮�鍚瓑寰呮
+ this.$toast.loading({
+ message: '娉ㄥ唽涓�...',
+ duration: 0
+ })
+ console.log('self.register', self.register)
+ register(self.register.UName, self.register.USnId, self.register.USex, self.register.UMobilephone).then(res => {
+ let rs = JSON.parse(res.data.result);
+ if (rs.code == 1) {
+ self.$toast("娉ㄥ唽鎴愬姛!");
+ this.active = 0;
+ this.register = {
+ UName: '',
+ USnId: '',
+ USex: '鐢�',
+ UMobilephone: '',
+ }
+ } else {
+ self.$toast("娉ㄥ唽澶辫触!");
+ }
+ }).catch(error => {
+ self.$toast("娉ㄥ唽澶辫触");
+ });
},
// 鐧诲綍
submit() {
@@ -79,6 +160,7 @@
console.log(error)
// 鍏抽棴绛夊緟
// console.log(error);
+ self.changeVerifyCode();
self.$toast("缃戠粶寮傚父");
});
},
@@ -160,15 +242,23 @@
}
.login-title {
- width: 110px;
height: 76px;
line-height: 76px;
+ margin-bottom: 68px;
+}
+
+.login-title .tab {
font-size: 50px;
font-weight: bold;
- color: #333;
- border-bottom: 8px solid #4b88f9;
+ color: rgb(185, 185, 185);
text-align: center;
- margin-bottom: 68px;
+ margin-right: 60px;
+ float: left;
+}
+
+.login-title .tab.active {
+ border-bottom: 8px solid #4b88f9;
+ color: #333;
}
.lineInput {
@@ -197,6 +287,16 @@
background-color: transparent;
}
+.sexLine {
+ width: 100%;
+ height: 88px;
+ border-radius: 44px;
+ margin-bottom: 40px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
.subBtn {
width: 100%;
height: 88px;
--
Gitblit v1.9.1