From 38430ddb8612fce15a2f1c940f9bd57d4da3e70b Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期四, 16 九月 2021 11:59:39 +0800
Subject: [PATCH] add new key
---
pages/login/login.vue | 472 +++++++++++++++++++++++++++++-----------------------------
1 files changed, 236 insertions(+), 236 deletions(-)
diff --git a/pages/login/login.vue b/pages/login/login.vue
index d813ef3..b0818d7 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -1,258 +1,258 @@
<template>
<view class="content">
- <form @submit="login">
- <view class="uni-form-item form-item">
- <view class="container phone">
- <text class="area-code">+86</text>
- <input class="uni-input" v-model="loginInfo.phone" name="phone" placeholder="璇疯緭鍏ユ墜鏈哄彿" placeholder-class="holderClass"/>
- </view>
- </view>
- <view class="uni-form-item form-item">
- <view class="container code">
- <input class="uni-input" v-model="loginInfo.code" name="code" placeholder="璇疯緭鍏ョ煭淇￠獙璇佺爜" placeholder-class="holderClass"/>
- <text class="code-act" @click="getCode">{{codeMsg}}</text>
- </view>
- </view>
- <view class="uni-btn-v">
- <button class="submit" form-type="submit" type="default" :disabled="!loginInfo.phone||!loginInfo.code">鐧� 褰�</button>
- </view>
+ <form @submit="login">
+ <view class="uni-form-item form-item">
+ <view class="container phone">
+ <text class="area-code">+86</text>
+ <input class="uni-input" v-model="loginInfo.phone" name="phone" placeholder="璇疯緭鍏ユ墜鏈哄彿" placeholder-class="holderClass"/>
+ </view>
+ </view>
+ <view class="uni-form-item form-item">
+ <view class="container code">
+ <input class="uni-input" v-model="loginInfo.code" name="code" placeholder="璇疯緭鍏ョ煭淇￠獙璇佺爜" placeholder-class="holderClass"/>
+ <text class="code-act" @click="getCode">{{codeMsg}}</text>
+ </view>
+ </view>
+ <view class="uni-btn-v">
+ <button class="submit" form-type="submit" type="default" :disabled="!loginInfo.phone||!loginInfo.code">鐧� 褰�</button>
+ </view>
</form>
</view>
</template>
-<script>
+<script>
import {isPhone} from '../../static/validator.js';
export default {
data() {
- return {
- reqCode: false,
- timer: null,
- countdown: 60,
- codeMsg: '鑾峰彇楠岃瘉鐮�',
+ return {
+ reqCode: false,
+ timer: null,
+ countdown: 60,
+ codeMsg: '鑾峰彇楠岃瘉鐮�',
clientid: '',
- loginInfo:{
- phone:'',
- code: ''
+ loginInfo:{
+ phone:'',
+ code: ''
}
}
},
methods: {
- getCode(){
- if(isPhone(this.loginInfo.phone)){
-
- if(!this.reqCode){
- this.reqCode = true;
- // this.timer = setInterval(()=>{
- // if(this.countdown>0 && this.countdown<=60){
- // this.countdown--;
- // this.codeMsg = `${this.countdown}s鍚庡彲閲嶆柊鑾峰彇`;
- // }else{
- // clearInterval(this.timer);
- // this.timer = null;
- // this.countdown = 60;
- // this.codeMsg = '鑾峰彇楠岃瘉鐮�';
- // }
- // },1000);
- let _this = this;
- this.$api.syncRequest({
- url: '/basic/api/code/new?phoneNum='+this.loginInfo.phone,
- //url: 'http://bsic.asuscomm.com:7006/basic/api/code/new?phoneNum='+this.loginInfo.phone
- }).then(res=>{
-
- if(res.data.status==200){
- if(!_this.timer){
- if(_this.countdown>0 && _this.countdown<=60){
- _this.countdown--;
- _this.codeMsg = `${_this.countdown}s鍚庡彲閲嶆柊鑾峰彇`;
- }else{
- clearInterval(_this.timer);
- _this.timer = null;
- _this.countdown = 60;
- _this.codeMsg = '鑾峰彇楠岃瘉鐮�';
- }
- _this.timer = setInterval(()=>{
- if(_this.countdown>0 && _this.countdown<=60){
- _this.countdown--;
- _this.codeMsg = `${_this.countdown}s鍚庡彲閲嶆柊鑾峰彇`;
- }else{
- clearInterval(_this.timer);
- _this.timer = null;
- _this.countdown = 60;
- _this.codeMsg = '鑾峰彇楠岃瘉鐮�';
- _this.reqCode = false;
- }
- },1000);
- }
-
- }else{
- uni.showToast({
- icon: "none",
- title: res.data.msg
- });
- _this.reqCode = false
- }
-
- console.log(res)
- }).catch(e=>{
-
- uni.showToast({
- icon:'none',
- title:res.msg
- });
- _this.reqCode = false
- })
- }else{
- return;
- }
- }
- },
- login(){
- if(isPhone(this.loginInfo.phone)){
- if(!this.loginInfo.code.trim()){
- uni.showToast({
- icon:'none',
- title:'璇疯緭鍏ユ纭殑楠岃瘉鐮�'
- });
- return;
- }
- //#ifdef APP-PLUS
- // var info = plus.push.getClientInfo();
- // console.log(JSON.stringify(info));
- /* 5+ push 娑堟伅鎺ㄩ�� ps:浣跨敤:H5+鐨勬柟寮忕洃鍚紝瀹炵幇鎺ㄩ��*/
- this.clientid = plus.push.getClientInfo().clientid
- if (!this.clientid) { //濡傛灉鑾峰彇鐨刢id涓虹┖锛岃鏄庡鎴风鍚戞帹閫佹湇鍔″櫒娉ㄥ唽杩樻湭瀹屾垚锛屽彲浠ヤ娇鐢╯etTimeout寤舵椂閲嶈瘯銆�
- setTimeout(() => {
- this.clientid = plus.push.getClientInfo().clientid
- }, 4000)
- }
- console.log(this.clientid)
- plus.push.addEventListener("click", function(msg) {
- console.log("click:" + JSON.stringify(msg));
- console.log(msg.payload);
- console.log(JSON.stringify(msg));
- //杩欓噷鍙互鍐欒烦杞笟鍔′唬鐮�
- }, false);
- // 鐩戝惉鍦ㄧ嚎娑堟伅浜嬩欢
- plus.push.addEventListener("receive", function(msg) {
- // plus.ui.alert(2);
- //杩欓噷鍙互鍐欒烦杞笟鍔′唬鐮�
- console.log("recevice:" + JSON.stringify(msg))
- }, false);
-
- //#endif
- this.$api.syncRequest({
- url:`/basic/api/user/login?phoneNum=${this.loginInfo.phone}&code=${this.loginInfo.code}&cid=${this.clientid}`
- }).then(res=>{
- console.log(res);
- if(res.data.success){
- //localStorage.setItem('user',JSON.stringify(res.data.data));
- uni.setStorageSync('user',JSON.stringify(res.data.data));
- uni.showToast({
- title:'鐧诲綍鎴愬姛!'
- });
- uni.navigateTo({
- url:'/pages/mine/mine'
- });
- }else{
- uni.showModal({
- title: res.data.data
- })
- }
- }).catch(err=>{
- console.log(err)
- uni.showModal({
- title:'鐧诲綍澶辫触,璇风◢鍚庨噸璇�'
- })
- })
- }
+ getCode(){
+ if(isPhone(this.loginInfo.phone)){
+
+ if(!this.reqCode){
+ this.reqCode = true;
+ // this.timer = setInterval(()=>{
+ // if(this.countdown>0 && this.countdown<=60){
+ // this.countdown--;
+ // this.codeMsg = `${this.countdown}s鍚庡彲閲嶆柊鑾峰彇`;
+ // }else{
+ // clearInterval(this.timer);
+ // this.timer = null;
+ // this.countdown = 60;
+ // this.codeMsg = '鑾峰彇楠岃瘉鐮�';
+ // }
+ // },1000);
+ let _this = this;
+ this.$api.syncRequest({
+ url: '/basic/api/code/new?phoneNum='+this.loginInfo.phone,
+ //url: 'http://bsic.asuscomm.com:7006/basic/api/code/new?phoneNum='+this.loginInfo.phone
+ }).then(res=>{
+
+ if(res.data.status==200){
+ if(!_this.timer){
+ if(_this.countdown>0 && _this.countdown<=60){
+ _this.countdown--;
+ _this.codeMsg = `${_this.countdown}s鍚庡彲閲嶆柊鑾峰彇`;
+ }else{
+ clearInterval(_this.timer);
+ _this.timer = null;
+ _this.countdown = 60;
+ _this.codeMsg = '鑾峰彇楠岃瘉鐮�';
+ }
+ _this.timer = setInterval(()=>{
+ if(_this.countdown>0 && _this.countdown<=60){
+ _this.countdown--;
+ _this.codeMsg = `${_this.countdown}s鍚庡彲閲嶆柊鑾峰彇`;
+ }else{
+ clearInterval(_this.timer);
+ _this.timer = null;
+ _this.countdown = 60;
+ _this.codeMsg = '鑾峰彇楠岃瘉鐮�';
+ _this.reqCode = false;
+ }
+ },1000);
+ }
+
+ }else{
+ uni.showToast({
+ icon: "none",
+ title: res.data.msg
+ });
+ _this.reqCode = false
+ }
+
+ console.log(res)
+ }).catch(e=>{
+
+ uni.showToast({
+ icon:'none',
+ title:res.msg
+ });
+ _this.reqCode = false
+ })
+ }else{
+ return;
+ }
+ }
+ },
+ login(){
+ if(isPhone(this.loginInfo.phone)){
+ if(!this.loginInfo.code.trim()){
+ uni.showToast({
+ icon:'none',
+ title:'璇疯緭鍏ユ纭殑楠岃瘉鐮�'
+ });
+ return;
+ }
+ //#ifdef APP-PLUS
+ // var info = plus.push.getClientInfo();
+ // console.log(JSON.stringify(info));
+ /* 5+ push 娑堟伅鎺ㄩ�� ps:浣跨敤:H5+鐨勬柟寮忕洃鍚紝瀹炵幇鎺ㄩ��*/
+ this.clientid = plus.push.getClientInfo().clientid
+ if (!this.clientid) { //濡傛灉鑾峰彇鐨刢id涓虹┖锛岃鏄庡鎴风鍚戞帹閫佹湇鍔″櫒娉ㄥ唽杩樻湭瀹屾垚锛屽彲浠ヤ娇鐢╯etTimeout寤舵椂閲嶈瘯銆�
+ setTimeout(() => {
+ this.clientid = plus.push.getClientInfo().clientid
+ }, 4000)
+ }
+ console.log(this.clientid)
+ plus.push.addEventListener("click", function(msg) {
+ console.log("click:" + JSON.stringify(msg));
+ console.log(msg.payload);
+ console.log(JSON.stringify(msg));
+ //杩欓噷鍙互鍐欒烦杞笟鍔′唬鐮�
+ }, false);
+ // 鐩戝惉鍦ㄧ嚎娑堟伅浜嬩欢
+ plus.push.addEventListener("receive", function(msg) {
+ // plus.ui.alert(2);
+ //杩欓噷鍙互鍐欒烦杞笟鍔′唬鐮�
+ console.log("recevice:" + JSON.stringify(msg))
+ }, false);
+
+ //#endif
+ this.$api.syncRequest({
+ url:`/basic/api/user/login?phoneNum=${this.loginInfo.phone}&code=${this.loginInfo.code}&cid=${this.clientid}`
+ }).then(res=>{
+ console.log(res);
+ if(res.data.success){
+ //localStorage.setItem('user',JSON.stringify(res.data.data));
+ uni.setStorageSync('user',JSON.stringify(res.data.data));
+ uni.showToast({
+ title:'鐧诲綍鎴愬姛!'
+ });
+ uni.navigateTo({
+ url:'/pages/mine/mine'
+ });
+ }else{
+ uni.showModal({
+ title: res.data.data
+ })
+ }
+ }).catch(err=>{
+ console.log(err)
+ uni.showModal({
+ title:'鐧诲綍澶辫触,璇风◢鍚庨噸璇�'
+ })
+ })
+ }
}
}
}
</script>
<style lang="scss" scoped>
- uni-page-wrapper,uni-page-body{
- height: 100%;
- }
- /deep/uni-input{
- font-size: 18px!important;
- height: 100rpx;
- line-height: 100rpx!important;
- }
- uni-button[disabled]{
- opacity: .5;
- }
- .content{
- box-sizing: border-box;
- height: 100%;
- background-color: #fbfbfb;
- padding-top: 20rpx;
- .form-item{
- background-color: #fff;
- padding: 0 30rpx;
- .container{
- height: 100rpx;
- line-height: 100rpx;
- display: flex;
- align-items: center;
- &.phone{
- border-bottom: 1px solid #ddd;
- padding-left: 130rpx;
- background: url(../../static/mine/u57.png) no-repeat 30rpx center;
- background-size: 80rpx;
- .area-code{
- position: relative;
- padding-left: 20rpx;
- margin-right: 30rpx;
- &:before{
- content: "";
- position: absolute;
- width: 1rpx;
- top: 20rpx;
- background-color: #ddd;
- left: 0;
- height: 60rpx;
- }
- }
- }
- &.code{
- padding-left: 37rpx;
- uni-input{
- width: 350rpx;
- }
- .code-act{
- height: 60rpx;
- line-height: 60rpx;
- width: 280rpx;
- text-align: center;
- color: #0bbf71;
- border-radius: 5px;
- font-size: 32rpx;
- box-shadow: 0 0 6px 5px #fafafa;
- position: relative;
- &:before{
- content: "";
- position: absolute;
- width: 1rpx;
- top: 0;
- background-color: #ddd;
- left: -30rpx;
- height: 60rpx;
-
- }
- }
- }
- .holderClass{
- color: #ccc;
- font-size: 16px;
- }
- }
- }
- .submit{
- width: 90%;
- margin-top: 120rpx;
- background-color: #0bbf71;
- color: #fff;
- }
+ uni-page-wrapper,uni-page-body{
+ height: 100%;
+ }
+ /deep/uni-input{
+ font-size: 18px!important;
+ height: 100rpx;
+ line-height: 100rpx!important;
+ }
+ uni-button[disabled]{
+ opacity: .5;
+ }
+ .content{
+ box-sizing: border-box;
+ height: 100%;
+ background-color: #fbfbfb;
+ padding-top: 20rpx;
+ .form-item{
+ background-color: #fff;
+ padding: 0 30rpx;
+ .container{
+ height: 100rpx;
+ line-height: 100rpx;
+ display: flex;
+ align-items: center;
+ &.phone{
+ border-bottom: 1px solid #ddd;
+ padding-left: 130rpx;
+ background: url(../../static/mine/u57.png) no-repeat 30rpx center;
+ background-size: 80rpx;
+ .area-code{
+ position: relative;
+ padding-left: 20rpx;
+ margin-right: 30rpx;
+ &:before{
+ content: "";
+ position: absolute;
+ width: 1rpx;
+ top: 20rpx;
+ background-color: #ddd;
+ left: 0;
+ height: 60rpx;
+ }
+ }
+ }
+ &.code{
+ padding-left: 37rpx;
+ uni-input{
+ width: 350rpx;
+ }
+ .code-act{
+ height: 60rpx;
+ line-height: 60rpx;
+ width: 280rpx;
+ text-align: center;
+ color: #0bbf71;
+ border-radius: 5px;
+ font-size: 32rpx;
+ box-shadow: 0 0 6px 5px #fafafa;
+ position: relative;
+ &:before{
+ content: "";
+ position: absolute;
+ width: 1rpx;
+ top: 0;
+ background-color: #ddd;
+ left: -30rpx;
+ height: 60rpx;
+
+ }
+ }
+ }
+ .holderClass{
+ color: #ccc;
+ font-size: 16px;
+ }
+ }
+ }
+ .submit{
+ width: 90%;
+ margin-top: 120rpx;
+ background-color: #0bbf71;
+ color: #fff;
+ }
}
</style>
--
Gitblit v1.8.0