You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1021 lines
28 KiB
1021 lines
28 KiB
<template>
|
|
<view :style="{background:`url(${bg})`}" class="body">
|
|
<view class="one1">
|
|
<image src="../../static/img/left_white.png" mode="" @click="back()"></image>
|
|
<!-- <view class="one_text">{{ title }}</view> -->
|
|
</view>
|
|
<view class="login_top">
|
|
<image src="../../static/img/loginbg.png"></image>
|
|
</view>
|
|
<view class="login_body">
|
|
<view class="status_bar"></view>
|
|
<uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" styleType="text"
|
|
activeColor="#010101" class="select"></uni-segmented-control>
|
|
<view class="body">
|
|
<view class="login" v-show="current==0">
|
|
<input type="text" class="login_input" placeholder="eamil address" v-model="loginDate.username"
|
|
@input="verificationLogin">
|
|
<view class="login_input1">
|
|
<input :password="!tag" class="login_input1_text" placeholder="password"
|
|
v-model="loginDate.password" @input="verificationLogin">
|
|
<image :src="eye" mode="" class="see login_see" @click="seePwd"></image>
|
|
</view>
|
|
|
|
<view class="tips" v-show="loginErr">
|
|
<image src="../../static/img/att.png" mode=""></image>{{errMsg}}
|
|
</view>
|
|
<view class="forgot" @click="forgotPwd">Forgot your Password?</view>
|
|
<button class="login_submit" :disabled="isLogin" @click="login()">SIGN IN</button>
|
|
<!-- <view class="agreement">
|
|
<image src="../../static/img/select2.png" mode="" class="agreement_image" @click="loginSelect=!loginSelect,loginErr=false" v-show="!loginSelect"></image>
|
|
<image src="../../static/img/select1.png" mode="" class="agreement_image" @click="loginSelect=!loginSelect" v-show="loginSelect"></image>
|
|
<view class="agreement_right">
|
|
by continuong, you agree to be <text class="text" @click="gotonewpage(1)"> terms of use </text> and <text class="text"@click="gotonewpage"> privacy policy</text>.
|
|
</view>
|
|
</view> -->
|
|
|
|
<view class="cellphone">
|
|
<view class="cellphone-box">
|
|
<view class="cellphone-minBox" v-if="cellphone == 2" @click="apple()"> <image src="../../static/img/AppleD.png" mode=""></image></view>
|
|
<view class="cellphone-minBox" @click="facebook()"><image src="../../static/img/FacebookD.png" mode=""></image></view>
|
|
<view class="cellphone-minBox" v-if="cellphone == 1" @click="google()"> <image src="../../static/img/GoogleD.png" mode=""></image></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="login" v-show="current==1">
|
|
<input type="text" class="login_input" placeholder="name" @input="verificationReg"
|
|
v-model="regDate.username">
|
|
<input type="text" class="login_input" placeholder="eamil address" @input="verificationReg"
|
|
v-model="regDate.email">
|
|
<!-- <input type="text" class="login_input" placeholder="password" @input="verificationReg" v-model="regDate.password1"> -->
|
|
<view class="login_input1">
|
|
<input :password="!tag" class="login_input1_text" placeholder="password"
|
|
v-model="regDate.password1" @input="verificationReg">
|
|
<image :src="eye" mode="" class="see login_see" @click="seePwd"></image>
|
|
</view>
|
|
<view class="tips" v-show="regErr">{{errMsg}}</view>
|
|
<button class="login_submit" :disabled="isReg" @click="Reg()">REGISTER</button>
|
|
<view class="agreement">
|
|
<image src="../../static/img/select2.png" mode="" style="width: 25px;height: 25px;"
|
|
class="agreement_image" @click="regSelect=!regSelect" v-show="!regSelect"></image>
|
|
<image src="../../static/img/select_red.png" mode="" style="width: 25px;height: 25px;"
|
|
class="agreement_image" @click="regSelect=!regSelect" v-show="regSelect"></image>
|
|
<view class="agreement_right">
|
|
by continuong, you agree to be <text class="text" @click="gotonewpage(1)"> terms of use
|
|
</text> and <text class="text" @click="gotonewpage(2)"> privacy policy</text>.
|
|
</view>
|
|
</view>
|
|
<view class="cellphone" style="padding-top: 15px;">
|
|
<view class="cellphone-box">
|
|
<view class="cellphone-minBox" v-if="cellphone == 2" @click="apple()"> <image src="../../static/img/AppleZ.png" mode=""></image></view>
|
|
<view class="cellphone-minBox" @click="facebook()"><image src="../../static/img/facebookZ.png" mode=""></image></view>
|
|
<view class="cellphone-minBox" v-if="cellphone == 1" @click="google()"> <image src="../../static/img/GoogleZ.png" mode=""></image></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- <view class="mode">
|
|
<view class="mode_title">——— or continue with ———</view>
|
|
<view class="mode_content">
|
|
<image src="/static/img/facebook2.png" class="mode_content_image"></image>
|
|
<image src="/static/img/gugei.png" class="mode_content_image"></image>
|
|
<image src="/static/img/apple.png" class="mode_content_image" style="border: #fff solid 1rpx;border-radius: 50%;"></image>
|
|
</view>
|
|
</view> -->
|
|
</view>
|
|
<uni-popup ref="alertDialog" type="dialog">
|
|
<uni-popup-dialog type="error" cancelText="Close" confirmText="Activation" title="Tips"
|
|
content="Please activate the mailbox first" @confirm="dialogConfirm"></uni-popup-dialog>
|
|
</uni-popup>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<!-- 谷歌 Google SDK -->
|
|
<!-- <script src="https://apis.google.com/js/platform.js"></script> -->
|
|
<!-- Apple 苹果 SDK -->
|
|
<!-- <script src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script> -->
|
|
<!-- 脸书 Facebook SDK -->
|
|
<!-- <script src="https://connect.facebook.net/en_US/sdk.js"></script> -->
|
|
<script>
|
|
// import platform from '@/utils/platform.js'
|
|
// import facebook from '@/utils/facebook.js'
|
|
// uni.require('@/utils/facebook.js')
|
|
// import apple from '@/utils/apple.js'
|
|
import {
|
|
defaultRequest1,
|
|
defaultRequest
|
|
} from '../../api/index.js'
|
|
// var f = window.console;
|
|
const app = getApp()
|
|
const jpushModule = uni.requireNativePlugin('JG-JPush')
|
|
// const f = uni.getRealWindow()
|
|
var f = getCurrentPages();
|
|
|
|
// facebook
|
|
// var facebook = uni.createSelectorQuery('script');
|
|
// facebook.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v9.0";
|
|
// uni.createSelectorQuery.head.appendChild(facebook);
|
|
// google
|
|
// var google = document.createElement('script');
|
|
// google.src = "https://apis.google.com/js/platform.js";
|
|
// document.head.appendChild(google);
|
|
// apple
|
|
// var apple = document.createElement('script');
|
|
// apple.src = "https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js";
|
|
// document.head.appendChild(apple);
|
|
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
// 手机类型 0 默认值(什么都没有) 1 安卓手机(google) 2 IOS手机(apple id)
|
|
cellphone: 0,
|
|
items: ['SIGN IN', 'REGISTER'],
|
|
current: 0,
|
|
tag: false,
|
|
eye: '../../static/img/eye_open.png',
|
|
loginDate: {
|
|
username: '',
|
|
password: '',
|
|
_action: 'loginbyun'
|
|
},
|
|
regDate: {
|
|
username: '',
|
|
email: '',
|
|
password1: '',
|
|
password2: '',
|
|
_action: 'registerun'
|
|
},
|
|
// 是否填写完成信息
|
|
isLogin: true,
|
|
isReg: true,
|
|
// 是否勾选
|
|
regSelect: false,
|
|
loginSelect: false,
|
|
// 是否显示错误信息
|
|
backButtonPress: 0,
|
|
loginErr: false,
|
|
regErr: false,
|
|
errMsg: 'The email address or password you enterde is incorrect.',
|
|
query: {
|
|
_action: 'sendmessagesforvalidation',
|
|
username: '',
|
|
},
|
|
bg: '/static/img/bg.png'
|
|
}
|
|
},
|
|
// onBackPress(options) {
|
|
// this.backButtonPress++;
|
|
// if (this.backButtonPress > 1) {
|
|
// plus.runtime.quit();
|
|
// } else {
|
|
// plus.nativeUI.toast('Click again to exit');
|
|
// }
|
|
// setTimeout(function() {
|
|
// this.backButtonPress = 0;
|
|
// }, 1000);
|
|
// return true;
|
|
// },
|
|
// mounted(){
|
|
// // 初始化 Facebook SDK
|
|
// window.fbAsyncInit = function() {
|
|
// console.log("初始化 Facebook SDK");
|
|
// console.log(f);
|
|
// FB.init({
|
|
// appId: '884982142884404',
|
|
// // 21026908a4829cc8f4dceffbddd01c2e 1179110879655260
|
|
// autoLogAppEvents: true,
|
|
// xfbml: true,
|
|
// version: 'v9.0',
|
|
// });
|
|
// };
|
|
// // 谷歌
|
|
// // gapi.load('auth2', () => {
|
|
// // console.log('gapi====================');
|
|
// // gapi.auth2.init({
|
|
// // client_id: 'dopeplus',
|
|
// // scope: 'profile email'
|
|
// // });
|
|
// // });
|
|
// // 苹果
|
|
// // const clientId = "6443599835";
|
|
// // const redirectURI = "https://www.example.com/callback";
|
|
// // AppleID.auth.init({
|
|
// // clientId : clientId,
|
|
// // scope : 'name email',
|
|
// // redirectURI : "redirectURI",
|
|
// // state : 'random_string'
|
|
// // });
|
|
// },
|
|
methods: {
|
|
seePwd() {
|
|
|
|
this.tag = !this.tag;
|
|
if (this.eye.includes('eye_open')) {
|
|
this.eye = '../../static/img/eye_w.png'
|
|
} else {
|
|
this.eye = '../../static/img/eye_open.png'
|
|
}
|
|
},
|
|
back() {
|
|
uni.navigateBack({
|
|
delta: 1
|
|
})
|
|
},
|
|
forgotPwd() {
|
|
if (this.loginDate.username == '') {
|
|
uni.showToast({
|
|
title: 'Please fill in the user email first',
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
return
|
|
}
|
|
uni.navigateTo({
|
|
url: './verifyEmail?email=' + this.loginDate.username
|
|
})
|
|
},
|
|
onClickItem(e) {
|
|
if (this.current != e.currentIndex) {
|
|
this.current = e.currentIndex;
|
|
}
|
|
},
|
|
//获取页面配置
|
|
configuration() {
|
|
let data = {
|
|
_action: 'getpagedata',
|
|
pagecode: '006-PERSONALCENTERPAGE'
|
|
}
|
|
setTimeout(() => {
|
|
defaultRequest(data).then(res => {
|
|
console.info(res)
|
|
res.data.zones.map(item => {
|
|
if (item.zone_code == 'LOGINBG') {
|
|
let src =
|
|
'https://www.dopeplus.com/images/mapp_customized/202209/1663570362997892419.png'
|
|
|
|
if (src !== item.blocks[0].block_pic) {
|
|
this.bg = item.blocks[0].block_pic
|
|
}
|
|
// console.log(this.bg)
|
|
}
|
|
})
|
|
|
|
})
|
|
}, 200)
|
|
},
|
|
// 苹果
|
|
apple(){
|
|
var appleOauth = null;
|
|
plus.oauth.getServices(function(services) {
|
|
for (var i in services) {
|
|
var service = services[i];
|
|
// 获取苹果授权登录对象，苹果授权登录id 为 'apple' iOS13以下系统，不会返回苹果登录对应的 service
|
|
if (service.id == 'apple') {
|
|
appleOauth = service;
|
|
break;
|
|
}
|
|
}
|
|
appleOauth.login( function(oauth){
|
|
console.log(oauth);
|
|
uni.navigateBack({
|
|
delta: 1
|
|
});
|
|
// 授权成功，苹果授权返回的信息在 oauth.target.appleInfo 中
|
|
// const openid = JSON.parse(oauth.target.appleInfo.identityToken)
|
|
// console.log(openid);
|
|
let data = {
|
|
_action: 'loginbyapple',
|
|
ap_user_id: oauth.target.appleInfo.user,
|
|
ap_user_name: oauth.target.appleInfo.familyName,
|
|
ap_user_first_name: oauth.target.appleInfo.familyName,
|
|
ap_user_middle_name: oauth.target.appleInfo.givenName,
|
|
ap_user_last_name: oauth.target.appleInfo.familyName,
|
|
ap_user_email: oauth.target.appleInfo.email
|
|
}
|
|
uni.setStorageSync('isLogin', 1)
|
|
|
|
// uni.setStorageSync('user_info', {nickname: oauth.target.appleInfo.familyName})
|
|
// uni.setStorageSync('user_info', {email: oauth.target.appleInfo.email})
|
|
defaultRequest(data).then(res => {
|
|
console.info(res)
|
|
uni.showLoading({
|
|
title: 'Logining',
|
|
})
|
|
})
|
|
console.log(this.loginDate)
|
|
defaultRequest1(this.loginDate).then(res => {
|
|
app.globalData.error = res.error
|
|
console.log('======================', res.error)
|
|
|
|
if (res.error == 0) {
|
|
this.loginErr = false
|
|
res.data.isLogin = true
|
|
|
|
setTimeout(() => {
|
|
uni.hideLoading()
|
|
uni.showToast({
|
|
title: 'Login successful',
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
}, 1000)
|
|
let list = {
|
|
email: res.data.email,
|
|
cartlist: []
|
|
}
|
|
let list2 = []
|
|
list2.push(list)
|
|
uni.setStorageSync('cartlist', list2)
|
|
uni.setStorageSync('isLogin', 1)
|
|
uni.setStorageSync('user_info', res.data)
|
|
uni.navigateBack({
|
|
delta: 1
|
|
})
|
|
// uni.switchTab({
|
|
// delta: 1
|
|
// url:'../index/index'
|
|
// })
|
|
} else {
|
|
if (res.data) {
|
|
this.$refs.alertDialog.open()
|
|
this.query.username = this.loginDate.username
|
|
} else {
|
|
this.loginErr = true
|
|
this.errMsg = res.message
|
|
console.log(this.errMsg);
|
|
}
|
|
}
|
|
})
|
|
uni.navigateBack({
|
|
delta: 1
|
|
});
|
|
// defaultRequest(data).then(res => {
|
|
// console.info(res)
|
|
// console.log('====================================');
|
|
// if (res.error == 0) {
|
|
// console.log(openid);
|
|
// uni.showToast({
|
|
// title:'Login is successful, please reopen the App to load information',
|
|
// icon:'none',
|
|
// duration: 2000
|
|
// })
|
|
// }
|
|
// })
|
|
|
|
}, function(err) {
|
|
console.log(err);
|
|
// 授权失败 error
|
|
uni.showToast({
|
|
title:'Authorization failure',
|
|
icon:'none',
|
|
duration: 2000
|
|
})
|
|
}, {
|
|
// 默认只会请求用户名字信息，如需请求用户邮箱信息，需要设置 scope: 'email'
|
|
scope: 'email'
|
|
})
|
|
}, function(err) {
|
|
console.log(err);
|
|
// 获取 services 失败
|
|
})
|
|
// AppleID.auth.signIn();
|
|
},
|
|
// 脸书
|
|
facebook(){
|
|
uni.login({
|
|
provider: 'facebook',
|
|
success: function (loginRes) {
|
|
// 登录成功
|
|
uni.getUserInfo({
|
|
provider: 'facebook',
|
|
success: function(info) {
|
|
console.log(info);
|
|
uni.setStorageSync('isLogin', 1)
|
|
// uni.setStorageSync('user_info', {nickname: info.userInfo.nickName})
|
|
// uni.setStorageSync('user_info', {email: info.userInfo.email})
|
|
// uni.setStorageSync('user_info', 'info.userInfo');
|
|
console.log(this.loginDate)
|
|
console.log('sadasdsad');
|
|
defaultRequest(this.loginDate).then(res => {
|
|
app.globalData.error = res.error
|
|
console.log('======================', res.error)
|
|
console.log('sadasdsad');
|
|
if (res.error == 0) {
|
|
this.loginErr = false
|
|
res.data.isLogin = true
|
|
|
|
setTimeout(() => {
|
|
uni.hideLoading()
|
|
uni.showToast({
|
|
title: 'Login successful',
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
}, 1000)
|
|
let list = {
|
|
email: res.data.email,
|
|
cartlist: []
|
|
}
|
|
let list2 = []
|
|
list2.push(list)
|
|
uni.setStorageSync('cartlist', list2)
|
|
uni.setStorageSync('isLogin', 1)
|
|
uni.setStorageSync('user_info', res.data)
|
|
uni.navigateBack({
|
|
delta: 1
|
|
})
|
|
// uni.switchTab({
|
|
// delta: 1
|
|
// url:'../index/index'
|
|
// })
|
|
} else {
|
|
if (res.data) {
|
|
this.$refs.alertDialog.open()
|
|
this.query.username = this.loginDate.username
|
|
} else {
|
|
this.loginErr = true
|
|
this.errMsg = res.message
|
|
console.log(this.errMsg);
|
|
}
|
|
}
|
|
})
|
|
uni.navigateBack({
|
|
delta: 1
|
|
});
|
|
|
|
// 获取用户信息成功, info.authResult保存用户信息
|
|
let data = {
|
|
_action: 'loginbyfacebook',
|
|
fb_user_id: info.userInfo.openid,
|
|
fb_user_name: info.userInfo.nickName,
|
|
fb_user_first_name: '',
|
|
fb_user_middle_name: '',
|
|
fb_user_last_name: '',
|
|
fb_user_email: info.userInfo.email
|
|
}
|
|
defaultRequest(data).then(res => {
|
|
console.info(res)
|
|
// uni.showLoading({
|
|
// title: 'Logining',
|
|
// })
|
|
|
|
uni.showLoading({
|
|
title: '脸书用户登录成功',
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
})
|
|
|
|
|
|
}
|
|
})
|
|
},
|
|
fail: function (err) {
|
|
console.log(err);
|
|
// 登录授权失败
|
|
// err.code是错误码
|
|
uni.showLoading({
|
|
title: err.errMsg + err.errCode + err.code,
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
// uni.showLoading({
|
|
// title: '脸书用户授权失败',
|
|
// icon: 'none',
|
|
// duration: 2000
|
|
// })
|
|
}
|
|
});
|
|
},
|
|
// 谷歌
|
|
google(){
|
|
var googleOauth = null;
|
|
plus.oauth.getServices(function(services) {
|
|
for (var i in services) {
|
|
var service = services[i];
|
|
// 获取微信登录对象
|
|
if (service.id == 'google') {
|
|
googleOauth = service;
|
|
break;
|
|
}
|
|
}
|
|
googleOauth.login( function(oauth){
|
|
// 授权成功，googleOauth.authResult 中保存授权信息
|
|
console.log(googleOauth.authResult);
|
|
uni.setStorageSync('isLogin', 1)
|
|
let data = {
|
|
_action: 'loginbygoogle',
|
|
gg_user_id: googleOauth.authResult.openid,
|
|
gg_user_name: googleOauth.authResult.nickName,
|
|
gg_user_first_name: '',
|
|
gg_user_middle_name: '',
|
|
gg_user_last_name: '',
|
|
gg_user_email: googleOauth.authResult.email
|
|
}
|
|
// uni.setStorageSync('user_info', {email: googleOauth.authResult.email})
|
|
// uni.setStorageSync('user_info', {nickname: googleOauth.authResult.nickName})
|
|
// uni.setStorageSync('user_info.data.nickname', 'googleOauth.authResult.nickName');
|
|
defaultRequest(data).then(res => {
|
|
console.info(res)
|
|
uni.showLoading({
|
|
title: 'Logining',
|
|
})
|
|
})
|
|
console.log(this.loginDate)
|
|
defaultRequest1(this.loginDate).then(res => {
|
|
app.globalData.error = res.error
|
|
console.log('======================', res.error)
|
|
|
|
if (res.error == 0) {
|
|
this.loginErr = false
|
|
res.data.isLogin = true
|
|
|
|
setTimeout(() => {
|
|
uni.hideLoading()
|
|
uni.showToast({
|
|
title: 'Login successful',
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
}, 1000)
|
|
let list = {
|
|
email: res.data.email,
|
|
cartlist: []
|
|
}
|
|
let list2 = []
|
|
list2.push(list)
|
|
uni.setStorageSync('cartlist', list2)
|
|
uni.setStorageSync('isLogin', 1)
|
|
uni.setStorageSync('user_info', res.data)
|
|
uni.navigateBack({
|
|
delta: 1
|
|
})
|
|
// uni.switchTab({
|
|
// delta: 1
|
|
// url:'../index/index'
|
|
// })
|
|
} else {
|
|
if (res.data) {
|
|
this.$refs.alertDialog.open()
|
|
this.query.username = this.loginDate.username
|
|
} else {
|
|
this.loginErr = true
|
|
this.errMsg = res.message
|
|
console.log(this.errMsg);
|
|
}
|
|
}
|
|
})
|
|
uni.navigateBack({
|
|
delta: 1
|
|
});
|
|
}, function(err) {
|
|
console.log(err);
|
|
uni.showLoading({
|
|
title: err.errMsg + err.errCode + err.code,
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
// uni.showLoading({
|
|
// title: '谷歌用户登录失败',
|
|
// icon: 'none',
|
|
// duration: 2000
|
|
// })
|
|
// 登录授权失败
|
|
// err.code是错误码
|
|
})
|
|
}, function(err) {
|
|
console.log(err);
|
|
uni.showLoading({
|
|
title: err.errMsg + err.errCode + err.code,
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
// 获取 services 失败
|
|
})
|
|
|
|
// uni.login({
|
|
// provider: 'google',
|
|
// success: function (loginRes) {
|
|
// // 登录成功
|
|
// uni.getUserInfo({
|
|
// provider: 'google',
|
|
// success: function(info) {
|
|
// // 获取用户信息成功, info.authResult保存用户信息
|
|
// console.log(info);
|
|
// let data = {
|
|
// _action: 'loginbygoogle',
|
|
// gg_user_id: info.authResult.openid,
|
|
// gg_user_name: info.authResult.nickName,
|
|
// gg_user_first_name: '',
|
|
// gg_user_middle_name: '',
|
|
// gg_user_last_name: '',
|
|
// gg_user_email: info.authResult.email
|
|
// }
|
|
// defaultRequest(data).then(res => {
|
|
// console.info(res)
|
|
// if (res.error == 0) {
|
|
// uni.navigateBack({
|
|
// delta: 1
|
|
// });
|
|
// uni.showLoading({
|
|
// title: '谷歌用户登录成功',
|
|
// icon: 'none',
|
|
// duration: 2000
|
|
// })
|
|
// }
|
|
// })
|
|
// }
|
|
// })
|
|
// },
|
|
// fail: function (err) {
|
|
// console.log(err);
|
|
// uni.showLoading({
|
|
// title: err.errMsg + err.errCode + err.code,
|
|
// icon: 'none',
|
|
// duration: 20000000
|
|
// })
|
|
// // 登录授权失败
|
|
// // err.code是错误码
|
|
// }
|
|
// });
|
|
|
|
},
|
|
// 登录
|
|
login() {
|
|
// if(!this.loginSelect){
|
|
// this.errMsg='Please read and tick the terms of service and privacy policy first.'
|
|
// this.loginErr=true
|
|
// return
|
|
// }
|
|
uni.showLoading({
|
|
title: 'Logining',
|
|
})
|
|
console.log(this.loginDate)
|
|
defaultRequest1(this.loginDate).then(res => {
|
|
app.globalData.error = res.error
|
|
console.log('======================', res.error)
|
|
|
|
if (res.error == 0) {
|
|
this.loginErr = false
|
|
res.data.isLogin = true
|
|
|
|
setTimeout(() => {
|
|
uni.hideLoading()
|
|
uni.showToast({
|
|
title: 'Login successful',
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
}, 1000)
|
|
let list = {
|
|
email: res.data.email,
|
|
cartlist: []
|
|
}
|
|
let list2 = []
|
|
list2.push(list)
|
|
uni.setStorageSync('cartlist', list2)
|
|
uni.setStorageSync('isLogin', 1)
|
|
uni.setStorageSync('user_info', res.data)
|
|
uni.navigateBack({
|
|
delta: 1
|
|
})
|
|
// uni.switchTab({
|
|
// delta: 1
|
|
// url:'../index/index'
|
|
// })
|
|
} else {
|
|
if (res.data) {
|
|
this.$refs.alertDialog.open()
|
|
this.query.username = this.loginDate.username
|
|
} else {
|
|
this.loginErr = true
|
|
this.errMsg = res.message
|
|
console.log(this.errMsg);
|
|
}
|
|
}
|
|
})
|
|
},
|
|
// 验证邮件
|
|
dialogConfirm() {
|
|
console.log(this.query, '////')
|
|
defaultRequest(this.query).then(res => {
|
|
console.info(res)
|
|
if (res.error == 0) {
|
|
uni.showToast({
|
|
title: res.message,
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
}
|
|
})
|
|
},
|
|
|
|
// 注册
|
|
Reg() {
|
|
if (!this.regSelect) {
|
|
uni.showToast({
|
|
title: 'please agree to and tick the User Agreement first',
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
return
|
|
}
|
|
this.regDate.password2 = this.regDate.password1
|
|
uni.showLoading({
|
|
title: 'Register now~',
|
|
|
|
})
|
|
defaultRequest1(this.regDate).then(res => {
|
|
console.info(res)
|
|
if (res.error == 0) {
|
|
uni.hideLoading()
|
|
this.regErr = false
|
|
this.loginDate.password = this.regDate.password1
|
|
this.loginDate.username = this.regDate.username
|
|
this.login()
|
|
setTimeout(() => {
|
|
// Successful registration, please verify your email address!
|
|
uni.showToast({
|
|
title: 'logining in~',
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
}, 1000)
|
|
} else {
|
|
this.regErr = true
|
|
this.errMsg = res.message
|
|
}
|
|
})
|
|
},
|
|
// 验证是否填写登录信息
|
|
verificationLogin() {
|
|
if (this.loginDate.username && this.loginDate.password) {
|
|
this.isLogin = false
|
|
} else {
|
|
this.isLogin = true
|
|
}
|
|
},
|
|
// 验证是否填写注册信息
|
|
verificationReg() {
|
|
if (this.regDate.username && this.regDate.password1 && this.regDate.email) {
|
|
this.isReg = false
|
|
} else {
|
|
this.isReg = true
|
|
}
|
|
},
|
|
// 跳到页面
|
|
gotonewpage(e) {
|
|
|
|
if (e == 1) {
|
|
var urlStr = encodeURI("https://dopeplus.com/help/Terms.html")
|
|
// plus.runtime.openURL(urlStr);
|
|
uni.navigateTo({
|
|
url: '../order/paypalWebview?src=' + urlStr
|
|
})
|
|
} else {
|
|
var urlStr = encodeURI("https://en.meixx.com/help/privacy.html")
|
|
// plus.runtime.openURL(urlStr);
|
|
uni.navigateTo({
|
|
url: '../order/paypalWebview?src=' + urlStr
|
|
})
|
|
}
|
|
},
|
|
phone (){
|
|
let that = this
|
|
let systemInfo = uni.getSystemInfoSync();
|
|
if (systemInfo.platform === 'android') {
|
|
// 安卓
|
|
that.cellphone = 1
|
|
console.log(this.cellphone);
|
|
} else if (systemInfo.platform === 'ios') {
|
|
// IOS
|
|
that.cellphone = 2
|
|
console.log(this.cellphone);
|
|
}
|
|
}
|
|
},
|
|
// onShow() {
|
|
// this.apple();
|
|
// this.facebook();
|
|
// this.google();
|
|
// },
|
|
onLoad() {
|
|
// FB.init({
|
|
// appId: 1179110879655260,//客户端id
|
|
// cookie: true,
|
|
// xfbml: true,
|
|
// version: 'v14.0'
|
|
// });
|
|
// 网络
|
|
let that = this;
|
|
let s = 0;
|
|
let time = setInterval(() => {
|
|
uni.getNetworkType({
|
|
success: (res) => {
|
|
// console.log(res.networkType, s);
|
|
if (res.networkType == 'none') {
|
|
uni.showToast({
|
|
icon: 'none',
|
|
title: 'Please connect to the network',
|
|
duration: 3000,
|
|
})
|
|
} else if (res.networkType !== 'none') {
|
|
that.typee = 2;
|
|
clearInterval(time);
|
|
|
|
}
|
|
}
|
|
})
|
|
s++;
|
|
}, 1000);
|
|
this.configuration()
|
|
this.phone()
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
page {
|
|
height: 100vh;
|
|
background-color: black;
|
|
}
|
|
</style>
|
|
<style lang="scss" scoped>
|
|
.one1 {
|
|
display: flex;
|
|
height: 100rpx;
|
|
padding-top: 50rpx;
|
|
width: 100%;
|
|
top: 0;
|
|
line-height: 100rpx;
|
|
z-index: 99;
|
|
|
|
position: fixed;
|
|
text-align: center;
|
|
padding-left: 20rpx;
|
|
color: #fff;
|
|
|
|
image {
|
|
float: left;
|
|
padding-top: 30rpx;
|
|
padding-right: 20rpx;
|
|
height: 40rpx;
|
|
width: 40rpx;
|
|
}
|
|
|
|
.one_text {
|
|
width: 60%;
|
|
text-align: center;
|
|
margin-left: 10%;
|
|
}
|
|
|
|
}
|
|
|
|
.login_top {
|
|
height: 102px;
|
|
width: 144px;
|
|
margin-top: 200rpx;
|
|
margin-left: 30%;
|
|
|
|
image {
|
|
height: 100%;
|
|
width: 100%;
|
|
margin: auto 0;
|
|
}
|
|
}
|
|
|
|
.body {
|
|
background-size: 100%;
|
|
height: 100vh;
|
|
width: 100%;
|
|
// background-color: red;
|
|
padding: 0;
|
|
color: #fff !important;
|
|
position: fixed;
|
|
|
|
|
|
}
|
|
|
|
.uni-input-placeholder {
|
|
color: #fff !important;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.tips {
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
/deep/ .uni-text .segmented-control__text {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.login_body {
|
|
// margin-top: 300rpx;
|
|
padding-top: 80.33rpx;
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
.see {
|
|
height: 30rpx;
|
|
width: 30rpx;
|
|
margin-top: 36rpx;
|
|
float: right;
|
|
|
|
}
|
|
|
|
.select {
|
|
margin-bottom: 80rpx;
|
|
font-size: 33.33rpx;
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
.mode {
|
|
// position: fixed;
|
|
margin-top: 300rpx;
|
|
bottom: 138.67rpx;
|
|
width: 100%;
|
|
left: 0;
|
|
|
|
.mode_title {
|
|
font-size: 26.67rpx;
|
|
color: #fff;
|
|
// position: relative;
|
|
text-align: center;
|
|
width: 100%;
|
|
|
|
&:before {
|
|
content: "";
|
|
height: 1px;
|
|
width: 89.33rpx;
|
|
// background-color: #BCBCBC;
|
|
// position: absolute;
|
|
left: 20%;
|
|
top: 50%;
|
|
}
|
|
|
|
&:after {
|
|
content: "";
|
|
height: 1px;
|
|
width: 89.33rpx;
|
|
// background-color: darkred;
|
|
position: absolute;
|
|
right: 20%;
|
|
top: 50%;
|
|
}
|
|
}
|
|
|
|
.uni-button {
|
|
background-color: aqua !important;
|
|
}
|
|
|
|
.mode_content {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-top: 50.67rpx;
|
|
|
|
.mode_content_image {
|
|
width: 54.67rpx;
|
|
height: 54.67rpx;
|
|
margin-right: 49.33rpx;
|
|
|
|
image {
|
|
border: #fff solid 1rpx;
|
|
}
|
|
|
|
&:last-child {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.agreement_right {
|
|
width: 582rpx;
|
|
}
|
|
|
|
/deep/ .uni-input-input {
|
|
font-size: 26rpx !important;
|
|
}
|
|
|
|
.cellphone {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
&-box {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
&-minBox {
|
|
width: 50px;
|
|
height: 50px;
|
|
padding: 0 10px;
|
|
}
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
}
|
|
</style>
|
|
|