2317 lines
69 KiB
Vue
2317 lines
69 KiB
Vue
<template>
|
||
<view class="login">
|
||
<view
|
||
class="auth-pop"
|
||
v-if="
|
||
loadFlag &&
|
||
isMpWeixin &&
|
||
wechatConnectAuto &&
|
||
!isAuthorizationed &&
|
||
!showMpBindMobileFlag
|
||
"
|
||
>
|
||
<view class="auth-box" v-if="wechatConnectBox">
|
||
<image
|
||
src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/shield.png"
|
||
></image>
|
||
<label>{{ __("新用户注册") }}</label>
|
||
<view class="">
|
||
<button
|
||
class="avatar-wrapper"
|
||
open-type="chooseAvatar"
|
||
@chooseavatar="onChooseAvatar"
|
||
>
|
||
<image
|
||
class="avatar"
|
||
:src="
|
||
user_avatar ? user_avatar : '/static/images/user_no_avatar.png'
|
||
"
|
||
></image>
|
||
</button>
|
||
<view class="m-cells m-cells-form">
|
||
<view class="m-cell">
|
||
<view class="m-cell-hd">
|
||
<label class="u-label">{{ __("昵称") }}</label>
|
||
</view>
|
||
<view class="m-cell-bd"
|
||
><input
|
||
type="nickname"
|
||
class="weui-input"
|
||
:placeholder="__('请输入昵称')"
|
||
@blur="bindblur"
|
||
@input="bindinput"
|
||
/></view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="btn-row" style="margin-top: 40rpx; padding: 10rpx 20rpx">
|
||
<checkbox-group @change="onChangeProtocol">
|
||
<label>
|
||
<checkbox :checked="protocol_checked" value="1" />
|
||
</label>
|
||
<label @tap="showProtocol('reg_protocols_description')">
|
||
{{ __("同意") }}{{ __("《用户协议》") }}
|
||
</label>
|
||
</checkbox-group>
|
||
</view>
|
||
|
||
<button type="primary" @click="getUserProfile">
|
||
{{ __("一键注册") }}
|
||
</button>
|
||
</view>
|
||
</view>
|
||
<view class="content" v-if="loadFlag && isMpWeixin && showMpBindMobileFlag">
|
||
<!-- 头部logo -->
|
||
<view class="header">
|
||
<image :src="logo"></image>
|
||
</view>
|
||
<view class="btn_box">
|
||
<button
|
||
open-type="getPhoneNumber"
|
||
@getphonenumber="getPhoneNumber"
|
||
class="login-but"
|
||
>
|
||
微信手机快捷登录
|
||
</button>
|
||
</view>
|
||
</view>
|
||
|
||
<view
|
||
class="content"
|
||
v-if="
|
||
loadFlag &&
|
||
!(isMpWeixin && wechatConnectAuto && !isAuthorizationed) &&
|
||
!showMpBindMobileFlag
|
||
"
|
||
>
|
||
<!-- 头部logo -->
|
||
<view class="header">
|
||
<image :src="logo"></image>
|
||
</view>
|
||
<!-- 主体表单 -->
|
||
<view class="main">
|
||
<wInput
|
||
v-if="bind_type == 1"
|
||
v-model="account"
|
||
type="text"
|
||
isShowIntl
|
||
@intl="intlChange"
|
||
:placeholder="__('请输入手机号码')"
|
||
></wInput>
|
||
|
||
<wInput
|
||
v-if="bind_type == 2 || bind_type == 3"
|
||
v-model="account"
|
||
type="text"
|
||
:placeholder="__('请输入账号')"
|
||
></wInput>
|
||
<wInput
|
||
v-model="password"
|
||
type="password"
|
||
:placeholder="__('请输入密码')"
|
||
isShowPass
|
||
></wInput>
|
||
</view>
|
||
<wButton
|
||
:text="__('登 录')"
|
||
:rotate="isRotate"
|
||
@click.native="bindLogin()"
|
||
class="wbutton"
|
||
></wButton>
|
||
|
||
<!-- 其他登录 -->
|
||
<!-- #ifdef H5 -->
|
||
<view class="other_login cuIcon">
|
||
<view
|
||
class="login_icon"
|
||
v-for="provider in providerList"
|
||
:key="provider.value"
|
||
v-if="provider.value !== 'apple'"
|
||
>
|
||
<!-- wap app -->
|
||
<!-- <view class="cuIcon-item"><image :src="provider.image" @tap="plus_oauth(provider.value)"></image></view> -->
|
||
<view class="cuIcon-item">
|
||
<image
|
||
:src="provider.image"
|
||
@tap="h5_oauth(provider.value)"
|
||
></image>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="login_icon">
|
||
<view class="cuIcon-item">
|
||
<image
|
||
src="/static/images/login/phone.png"
|
||
@tap="onChangeBindType(1)"
|
||
></image>
|
||
</view>
|
||
</view>
|
||
<view class="login_icon">
|
||
<view class="cuIcon-item">
|
||
<image
|
||
src="/static/images/login/email.png"
|
||
@tap="onChangeBindType(2)"
|
||
></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- #endif -->
|
||
|
||
<!-- #ifndef H5 -->
|
||
<view class="other_login cuIcon">
|
||
<view
|
||
class="login_icon"
|
||
v-for="provider in providerList"
|
||
:key="provider.value"
|
||
>
|
||
<view class="cuIcon-item">
|
||
<image :src="provider.image" @tap="oauth(provider.value)"></image>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="login_icon">
|
||
<view class="cuIcon-item">
|
||
<image
|
||
src="/static/images/login/phone.png"
|
||
@tap="onChangeBindType(1)"
|
||
></image>
|
||
</view>
|
||
</view>
|
||
<view class="login_icon">
|
||
<view class="cuIcon-item">
|
||
<image
|
||
src="/static/images/login/email.png"
|
||
@tap="onChangeBindType(2)"
|
||
></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- #endif -->
|
||
|
||
<!-- 底部信息 -->
|
||
<view class="footer">
|
||
<view @click="onChangeBindType(3)">{{ __("账号密码登录") }}</view>
|
||
<text>|</text>
|
||
<navigator url="/pagesub/login/forget" open-type="navigate">{{
|
||
__("找回密码")
|
||
}}</navigator>
|
||
<text>|</text>
|
||
<navigator url="/pagesub/login/register" open-type="navigate">{{
|
||
__("注册账号")
|
||
}}</navigator>
|
||
</view>
|
||
|
||
<view class="content" v-if="false">
|
||
<button type="default" @click="jy_facebookLogin()">facebook登录</button>
|
||
<button type="default" @click="jy_standardLog()">
|
||
标准记录（无参数）
|
||
</button>
|
||
<button type="default" @click="jy_standardLogWithParams()">
|
||
标准记录（有参数）
|
||
</button>
|
||
<button type="default" @click="jy_facebookShareUrl()">分享链接</button>
|
||
<button type="default" @click="test()">Add to cart</button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
|
||
<script>
|
||
import wInput from "../../components/watch-login/watch-input.vue"; //input
|
||
import wButton from "../../components/watch-login/watch-button.vue"; //button
|
||
|
||
// #ifdef H5
|
||
import $cookies from "../../helpers/vue-cookies";
|
||
// #endif
|
||
|
||
/*
|
||
//获取当前路由
|
||
let curPage = getCurPage();
|
||
//在微信小程序或是app中，通过curPage.options；如果是H5，则需要curPage.$route.query（H5中的curPage.options为undefined，所以刚好就不需要条件编译了）
|
||
let curParam = curPage.options || curPage.$route.query;
|
||
|
||
export function getCurPage(){
|
||
let pages = getCurrentPages();
|
||
let curPage = pages[pages.length-1];
|
||
return curPage
|
||
}
|
||
*/
|
||
|
||
import { mapState, mapMutations } from "vuex";
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
loadFlag: false,
|
||
options: {},
|
||
connect: {},
|
||
providerList: [],
|
||
hasProvider: false,
|
||
logo: "",
|
||
account: "",
|
||
password: "",
|
||
positionTop: 0,
|
||
protocol_checked: false,
|
||
wechatConnectBox: false, //授权界面
|
||
|
||
wechatConnectAuto: false, //微信自动登录
|
||
|
||
isAuthorizationed: false,
|
||
isMpWeixin: false,
|
||
showMpBindMobileFlag: false,
|
||
wxwork: 0, //是否企业微信
|
||
|
||
isMpToutiao: false,
|
||
plusOauthWeixin: {},
|
||
|
||
bind_type: 3, //1:手机号注册 2:email 注册
|
||
|
||
user_intl: "",
|
||
|
||
system: "", // 系统版本
|
||
platform: "", // 平台
|
||
|
||
client_info: "{}",
|
||
|
||
data: {},
|
||
|
||
user_avatar: "",
|
||
user_nickname: "",
|
||
|
||
isRotate: false, //是否加载旋转
|
||
};
|
||
},
|
||
components: {
|
||
wInput,
|
||
wButton,
|
||
},
|
||
computed: mapState([
|
||
"Config",
|
||
"StateCode",
|
||
"notice",
|
||
"plantformInfo",
|
||
"shopInfo",
|
||
"userInfo",
|
||
"hasLogin",
|
||
"forcedLoginState",
|
||
]),
|
||
async onLoad(options) {
|
||
uni.setNavigationBarTitle({
|
||
title: this.__("登录"),
|
||
});
|
||
|
||
await this.$onLaunched;
|
||
|
||
this.getPlantformInfo((plantformInfo) => {
|
||
this.logo = plantformInfo.logo;
|
||
this.wechatConnectAuto = plantformInfo.wechat_connect_auto ? true : false;
|
||
});
|
||
|
||
let that = this;
|
||
|
||
that.setData({
|
||
options: options,
|
||
});
|
||
// 先判断 系统版本
|
||
uni.getSystemInfo({
|
||
success: (res) => {
|
||
this.system = res.system;
|
||
this.platform = res.platform;
|
||
},
|
||
fail: (err) => {},
|
||
complete: () => {},
|
||
});
|
||
|
||
this.checkIsLogin();
|
||
|
||
// #ifdef MP-TOUTIAO
|
||
this.isMpToutiao = true;
|
||
let login_func = that.$.login;
|
||
|
||
login_func({
|
||
success: function (datainfo) {
|
||
console.info(datainfo);
|
||
|
||
//请求服务器
|
||
that.$.request({
|
||
url: that.Config.URL.wx.checkAppLogin,
|
||
data: {
|
||
code: datainfo.code,
|
||
wxwork: that.wxwork,
|
||
source_store_id: that.$.getStorageSync("source_store_id"),
|
||
source_user_id: that.$.getStorageSync("source_user_id"),
|
||
source_ucc_code: that.$.getStorageSync("source_ucc_code"),
|
||
client_info: that.client_info,
|
||
},
|
||
success: function (data, status, msg, code) {
|
||
if (status == 200) {
|
||
that.setData({ isAuthorizationed: true });
|
||
|
||
var id = that.$.setStorageSync("uid", data.user_id);
|
||
var key = that.$.setStorageSync("ukey", data.key);
|
||
|
||
that.toMain(data);
|
||
} else {
|
||
that.setData({ isAuthorizationed: false });
|
||
}
|
||
},
|
||
fail: function () {
|
||
// fail
|
||
// that.$.hideToast();
|
||
},
|
||
complete: function () {
|
||
// complete
|
||
},
|
||
});
|
||
},
|
||
});
|
||
// #endif
|
||
|
||
// #ifdef MP-WEIXIN
|
||
this.isMpWeixin = true;
|
||
|
||
//判断是否企业微信
|
||
let e = that.$.getSystemInfoSync();
|
||
|
||
wx.getUserInfo({
|
||
success: (res) => {
|
||
that.setData({
|
||
data: res,
|
||
});
|
||
},
|
||
fail: function (err) {
|
||
console.log("获取失败: ", err);
|
||
},
|
||
});
|
||
|
||
if (e.environment) {
|
||
this.wxwork = e.environment == "wxwork" ? 1 : 0;
|
||
}
|
||
|
||
this.wxwork = e.environment == "wxwork" ? 1 : 0;
|
||
|
||
//如果是自动登录
|
||
if (this.wechatConnectAuto) {
|
||
this.wxAutoLogin();
|
||
}
|
||
// #endif
|
||
|
||
// #ifdef H5
|
||
if (that.$.isWeixin()) {
|
||
if (that.wechatConnectAuto) {
|
||
that.weixin_h5_oauth("weixin");
|
||
}
|
||
} else {
|
||
let uid = that.$.getStorageSync("uid");
|
||
let ukey = that.$.getStorageSync("ukey");
|
||
|
||
//判断Cookie是否登录
|
||
if (uid && ukey) {
|
||
that.$.request({
|
||
url: this.Config.URL.check_islogin,
|
||
data: { perm_id: uid, perm_key: ukey },
|
||
success: function (data, status, msg, code) {
|
||
if (200 == status) {
|
||
var id = that.$.setStorageSync("uid", uid);
|
||
var key = that.$.setStorageSync("ukey", ukey);
|
||
|
||
that.toMain(data);
|
||
|
||
//返回来源页面
|
||
} else {
|
||
that.logout();
|
||
}
|
||
},
|
||
fail: function (err, status) {
|
||
that.logout();
|
||
},
|
||
});
|
||
}
|
||
}
|
||
// #endif
|
||
|
||
this.initPosition();
|
||
this.initProvider();
|
||
|
||
// #ifdef APP-PLUS
|
||
plus.push.getClientInfoAsync(
|
||
function (info) {
|
||
console.log(info);
|
||
if (info.clientid) {
|
||
that.client_info = JSON.stringify(info);
|
||
}
|
||
},
|
||
function (e) {
|
||
console.log(JSON.stringify(e));
|
||
}
|
||
);
|
||
// #endif
|
||
|
||
that.loadFlag = true;
|
||
},
|
||
//仅 5+App 平台上支持此函数。
|
||
onBackPress() {},
|
||
methods: {
|
||
...mapMutations([
|
||
"login",
|
||
"logout",
|
||
"getPlantformInfo",
|
||
"forceUserInfo",
|
||
"getUserInfo",
|
||
]),
|
||
bindblur(e) {
|
||
this.user_nickname = e.detail.value; // 获取微信昵称
|
||
},
|
||
bindinput(e) {
|
||
this.user_nickname = e.detail.value; //这里要注意如果只用blur方法的话用户在输入玩昵称后直接点击保存按钮，会出现修改不成功的情况。
|
||
},
|
||
|
||
onChooseAvatar: function (e) {
|
||
let that = this;
|
||
let { avatarUrl } = e.detail;
|
||
console.log(avatarUrl);
|
||
|
||
that.$.uploadFile({
|
||
url: that.Config.URL.upload,
|
||
method: "POST",
|
||
filePath: avatarUrl,
|
||
name: "upfile",
|
||
|
||
// header: {
|
||
// "content-type": "multipart/form-data"
|
||
// },
|
||
success: function (n) {
|
||
that.$.hideLoading();
|
||
|
||
var up_res = that.$.parseJSON(n.data);
|
||
if (up_res.status == 200) {
|
||
var s = up_res.data.url;
|
||
that.setData({
|
||
user_avatar: s,
|
||
});
|
||
} else {
|
||
that.$.alert(up_res.msg);
|
||
}
|
||
},
|
||
fail: function (e) {
|
||
that.$.hideLoading();
|
||
},
|
||
complete: function (e) {
|
||
that.$.hideLoading();
|
||
},
|
||
});
|
||
},
|
||
|
||
onChangeBindType: function (bind_type) {
|
||
var that = this;
|
||
this.bind_type = bind_type;
|
||
|
||
if (this.bind_type == 2) {
|
||
uni.setNavigationBarTitle({
|
||
title: this.__("电子邮箱登录"),
|
||
});
|
||
|
||
that.$.showToast({
|
||
icon: "none",
|
||
title: that.__("请输入电子邮箱"),
|
||
});
|
||
}
|
||
|
||
if (this.bind_type == 1) {
|
||
uni.setNavigationBarTitle({
|
||
title: this.__("手机号登录"),
|
||
});
|
||
|
||
that.$.showToast({
|
||
icon: "none",
|
||
title: that.__("请输入手机号"),
|
||
});
|
||
}
|
||
|
||
if (this.bind_type == 3) {
|
||
uni.setNavigationBarTitle({
|
||
title: this.__("账号登录"),
|
||
});
|
||
|
||
that.$.showToast({
|
||
icon: "none",
|
||
title: that.__("请输入账号密码"),
|
||
});
|
||
}
|
||
|
||
return this.bind_type;
|
||
},
|
||
|
||
intlChange: function (data) {
|
||
this.user_intl = data;
|
||
},
|
||
initProvider() {
|
||
let that = this;
|
||
//const filters = ['weixin', 'qq', 'sinaweibo'];
|
||
//const filters = [];
|
||
|
||
//connect
|
||
that.$.request({
|
||
url: that.Config.URL.connect,
|
||
data: {},
|
||
success: (data, status, msg, code) => {
|
||
if (status == 200) {
|
||
that.connect = data;
|
||
const filters = data.filters;
|
||
console.info(filters);
|
||
|
||
// #ifndef H5
|
||
that.$.getProvider({
|
||
service: "oauth",
|
||
success: (res) => {
|
||
if (res.provider && res.provider.length) {
|
||
for (let i = 0; i < res.provider.length; i++) {
|
||
if (~filters.indexOf(res.provider[i])) {
|
||
that.providerList.push({
|
||
value: res.provider[i],
|
||
image:
|
||
"/static/images/login/" + res.provider[i] + ".png",
|
||
});
|
||
}
|
||
}
|
||
that.hasProvider = true;
|
||
}
|
||
|
||
//增加第三方的
|
||
let tid = "fb";
|
||
if (~filters.indexOf(tid)) {
|
||
that.providerList.push({
|
||
value: tid,
|
||
image: "/static/images/login/" + tid + ".png",
|
||
});
|
||
}
|
||
|
||
tid = "google";
|
||
if (~filters.indexOf(tid)) {
|
||
that.providerList.push({
|
||
value: tid,
|
||
image: "/static/images/login/" + tid + ".png",
|
||
});
|
||
}
|
||
|
||
console.log(that.providerList);
|
||
},
|
||
fail: (err) => {
|
||
console.error("获取服务供应商失败：" + JSON.stringify(err));
|
||
},
|
||
});
|
||
// #endif
|
||
|
||
// #ifdef H5
|
||
//判断是否为APP调用
|
||
if (that.$.ifUniApp()) {
|
||
//1. 初始化加载分享模块
|
||
plus.oauth.getServices(
|
||
function (res) {
|
||
//console.log(JSON.stringify(res));
|
||
|
||
if (res && res.length) {
|
||
for (let i = 0; i < res.length; i++) {
|
||
if (~filters.indexOf(res[i]["id"])) {
|
||
if ("weixin" == res[i]["id"]) {
|
||
if (that.$.isWeixin()) {
|
||
that.providerList.push({
|
||
value: res[i]["id"],
|
||
image:
|
||
"/static/images/login/" + res[i]["id"] + ".png",
|
||
});
|
||
}
|
||
} else {
|
||
that.providerList.push({
|
||
value: res[i]["id"],
|
||
image:
|
||
"/static/images/login/" + res[i]["id"] + ".png",
|
||
});
|
||
}
|
||
}
|
||
|
||
if ("weixin" == res[i]["id"]) {
|
||
that.plusOauthWeixin = res[i];
|
||
}
|
||
}
|
||
|
||
that.hasProvider = true;
|
||
}
|
||
},
|
||
|
||
function (e) {
|
||
alert("获取分享服务列表失败：" + e.message);
|
||
}
|
||
);
|
||
|
||
//setTimeout(share, 5000)
|
||
} else {
|
||
let res = data.items;
|
||
for (let i = 0; i < res.length; i++) {
|
||
if (~filters.indexOf(res[i]["id"])) {
|
||
if ("weixin" == res[i]["id"]) {
|
||
if (that.$.isWeixin()) {
|
||
that.providerList.push({
|
||
value: res[i]["id"],
|
||
image: "/static/images/login/" + res[i]["id"] + ".png",
|
||
});
|
||
}
|
||
} else {
|
||
that.providerList.push({
|
||
value: res[i]["id"],
|
||
image: "/static/images/login/" + res[i]["id"] + ".png",
|
||
});
|
||
}
|
||
}
|
||
|
||
if ("weixin" == res[i]["id"]) {
|
||
that.plusOauthWeixin = res[i];
|
||
}
|
||
}
|
||
|
||
that.hasProvider = true;
|
||
}
|
||
// #endif
|
||
} else {
|
||
}
|
||
},
|
||
fail: function () {},
|
||
complete: function () {},
|
||
});
|
||
},
|
||
initPosition() {
|
||
let that = this;
|
||
/**
|
||
* 使用 absolute 定位，并且设置 bottom 值进行定位。软键盘弹出时，底部会因为窗口变化而被顶上来。
|
||
* 反向使用 top 进行定位，可以避免此问题。
|
||
*/
|
||
this.positionTop = that.$.getSystemInfoSync().windowHeight - 100;
|
||
},
|
||
bindLogin() {
|
||
var that = this;
|
||
|
||
//登录
|
||
if (this.isRotate) {
|
||
//判断是否加载中，避免重复点击请求
|
||
return false;
|
||
}
|
||
|
||
/**
|
||
* 客户端对账号信息进行一些必要的校验。
|
||
* 实际开发中，根据业务需要进行处理，这里仅做示例。
|
||
*/
|
||
/*
|
||
if (this.account.length < 4) {
|
||
that.$.showToast({
|
||
icon: 'none',
|
||
title: that.__('账号最短为 4 个字符')
|
||
});
|
||
return;
|
||
}
|
||
|
||
if (this.password.length < 6) {
|
||
that.$.showToast({
|
||
icon: 'none',
|
||
title: that.__('密码最短为 6 个字符')
|
||
});
|
||
return;
|
||
}
|
||
*/
|
||
|
||
that.isRotate = true;
|
||
setTimeout(function () {
|
||
that.isRotate = false;
|
||
}, 2000);
|
||
|
||
/**
|
||
* 下面简单模拟下服务端的处理
|
||
* 检测用户账号密码是否在已注册的用户列表中
|
||
* 实际开发中，使用 that.$.request 将账号信息发送至服务端，客户端在回调函数中获取结果信息。
|
||
*/
|
||
//SYS.URL.login,
|
||
if (that.bind_type == 1) {
|
||
if (!that.$.tel(this.account, this.user_intl)) {
|
||
uni.showToast({
|
||
icon: "none",
|
||
position: "bottom",
|
||
title: that.__("手机号不正确"),
|
||
});
|
||
|
||
return false;
|
||
}
|
||
}
|
||
const params = {
|
||
user_account: this.account,
|
||
user_password: this.password,
|
||
client_info: that.client_info,
|
||
};
|
||
|
||
if (that.bind_type == 1) {
|
||
params.user_account = this.user_intl + this.account;
|
||
}
|
||
|
||
that.$.request({
|
||
url: this.Config.URL.login,
|
||
data: params,
|
||
success: function (data, status, msg, code) {
|
||
//console.info(JSON.stringify(data));
|
||
|
||
if (200 == status) {
|
||
var id = that.$.setStorageSync("uid", data.user_id);
|
||
var key = that.$.setStorageSync("ukey", data.key);
|
||
|
||
// #ifdef H5
|
||
$cookies.set("uid", data.user_id);
|
||
$cookies.set("ukey", data.key);
|
||
// #endif
|
||
|
||
data["user_password"] = params.user_password;
|
||
|
||
that.toMain(data);
|
||
} else {
|
||
that.$.showToast({
|
||
icon: "none",
|
||
// title: that.__('用户账号或密码不正确')
|
||
title: that.__(msg),
|
||
});
|
||
}
|
||
},
|
||
fail: function (err, status) {
|
||
that.$.showToast({
|
||
icon: "none",
|
||
title: that.__("登录有误，请重试"),
|
||
});
|
||
},
|
||
});
|
||
},
|
||
oauth(value) {
|
||
let that = this;
|
||
|
||
if ("fb" == value) {
|
||
/*
|
||
//自研的接口
|
||
let jyappEvents = uni.requireNativePlugin("JY-FaceBookAppEvents");
|
||
jyappEvents.jy_facebookLogin(res=> {
|
||
console.info(res);
|
||
if (res.errorCode == "0")
|
||
{
|
||
that.$.request({
|
||
url: that.Config.URL.do_app_login,
|
||
type: 'POST',
|
||
dataType: 'json',
|
||
data: {
|
||
bind_name: 'fb',
|
||
code: res.data.token,
|
||
openId: res.data.userId,
|
||
nickName: res.data.userId,
|
||
authResponse: JSON.stringify(res['data']),
|
||
client_info:that.client_info
|
||
},
|
||
success: (data, status, msg, code) => {
|
||
console.info(data);
|
||
|
||
if (200 == status) {
|
||
var id = that.$.setStorageSync('uid', data.user_id);
|
||
var key = that.$.setStorageSync('ukey', data.key);
|
||
|
||
// #ifdef H5
|
||
$cookies.set('uid', data.user_id);
|
||
$cookies.set('ukey', data.key);
|
||
// #endif
|
||
|
||
that.toMain(data);
|
||
} else {
|
||
that.$.showToast({
|
||
icon: 'none',
|
||
title: that.__('登录失败！')
|
||
});
|
||
}
|
||
}
|
||
});
|
||
}
|
||
else
|
||
{
|
||
that.$.showToast({
|
||
icon: 'none',
|
||
title: that.__('登录失败！')
|
||
});
|
||
}
|
||
})
|
||
*/
|
||
|
||
//云插件https://ext.dcloud.net.cn/plugin?id=3639
|
||
|
||
var facebook = uni.requireNativePlugin("sn-facebook");
|
||
|
||
// 获取登录状态
|
||
const rs = facebook.isLoggedIn();
|
||
|
||
// 登出
|
||
facebook.logout((e) => {
|
||
console.info("---------------------");
|
||
// 登录
|
||
facebook.login((res) => {
|
||
// e 对象如下
|
||
// {
|
||
// result: true,
|
||
// data: {
|
||
// token: '',
|
||
// userId: '',
|
||
// name: '',
|
||
// email: '',
|
||
// gender: '',
|
||
// birthday: ''
|
||
// photo: ''
|
||
// }
|
||
// }
|
||
|
||
console.info(res);
|
||
if (res.result == true) {
|
||
that.$.request({
|
||
url: that.Config.URL.do_app_login,
|
||
type: "POST",
|
||
dataType: "json",
|
||
data: {
|
||
bind_name: "fb",
|
||
code: res.data.token,
|
||
openId: res.data.userId,
|
||
nickName: res.data.name,
|
||
authResponse: JSON.stringify(res["data"]),
|
||
client_info: that.client_info,
|
||
},
|
||
success: (data, status, msg, code) => {
|
||
console.info(data);
|
||
|
||
if (200 == status) {
|
||
var id = that.$.setStorageSync("uid", data.user_id);
|
||
var key = that.$.setStorageSync("ukey", data.key);
|
||
|
||
// #ifdef H5
|
||
$cookies.set("uid", data.user_id);
|
||
$cookies.set("ukey", data.key);
|
||
// #endif
|
||
|
||
that.toMain(data);
|
||
} else {
|
||
that.$.showToast({
|
||
icon: "none",
|
||
title: that.__("登录失败！"),
|
||
});
|
||
}
|
||
},
|
||
});
|
||
} else {
|
||
that.$.showToast({
|
||
icon: "none",
|
||
title: that.__("登录失败！"),
|
||
});
|
||
}
|
||
});
|
||
});
|
||
} else if ("google" == value) {
|
||
//android 配置 https://developers.google.com/identity/sign-in/android/start
|
||
//https://developers.google.com/identity/sign-in/android/start
|
||
//JY-GoogleSignin
|
||
console.info("google init");
|
||
//JY-GoogleSignin
|
||
let JYGoogleSignin = uni.requireNativePlugin("JY-GoogleSignin");
|
||
JYGoogleSignin.jy_init(
|
||
{
|
||
client_id: that.connect.google_app_id,
|
||
},
|
||
(res) => {
|
||
// 这里不会有返回数据
|
||
|
||
console.info("google init ok");
|
||
}
|
||
);
|
||
|
||
JYGoogleSignin.jy_startLogin((res) => {
|
||
console.info(res);
|
||
if (res.errorCode == "0") {
|
||
that.$.request({
|
||
url: that.Config.URL.do_app_login,
|
||
type: "POST",
|
||
dataType: "json",
|
||
data: {
|
||
bind_name: "google",
|
||
code: res.data.idToken,
|
||
openId: res.data.userId,
|
||
user_email: res.data.email,
|
||
nickName: res.data.fullName,
|
||
avatarUrl: res.data.photoUrl,
|
||
authResponse: JSON.stringify(res["data"]),
|
||
client_info: that.client_info,
|
||
},
|
||
|
||
success: (data, status, msg, code) => {
|
||
console.info(data);
|
||
|
||
if (200 == status) {
|
||
var id = that.$.setStorageSync("uid", data.user_id);
|
||
var key = that.$.setStorageSync("ukey", data.key);
|
||
|
||
// #ifdef H5
|
||
$cookies.set("uid", data.user_id);
|
||
$cookies.set("ukey", data.key);
|
||
// #endif
|
||
|
||
that.toMain(data);
|
||
} else {
|
||
that.$.showToast({
|
||
icon: "none",
|
||
title: that.__("登录失败！"),
|
||
});
|
||
}
|
||
},
|
||
});
|
||
} else {
|
||
that.$.showToast({
|
||
icon: "none",
|
||
title: that.__("登录失败！"),
|
||
});
|
||
}
|
||
});
|
||
} else if ("sms" == value) {
|
||
this.sms_oauth(value);
|
||
} else {
|
||
this.wxAutoLogin();
|
||
|
||
return;
|
||
this.wechatConnectAuto = true;
|
||
this.wechatConnectBox = true;
|
||
|
||
that.$.login({
|
||
provider: value,
|
||
success: (res) => {
|
||
that.$.getUserInfo({
|
||
provider: value,
|
||
success: (infoRes) => {
|
||
if (infoRes.errMsg == "getUserInfo:ok") {
|
||
//console.info(JSON.stringify(infoRes));
|
||
//console.info(value);
|
||
|
||
/**
|
||
* 实际开发中，获取用户信息后，需要将信息上报至服务端。
|
||
* 服务端可以用 userInfo.openId 作为用户的唯一标识新增或绑定用户信息。
|
||
*/
|
||
//this.toMain(infoRes.userInfo.nickName);
|
||
var t = infoRes.userInfo;
|
||
t.bind_name = value;
|
||
|
||
//{"openId":"o6tGM1biEBK05U1f7-DjAhO8J864","nickName":"黄新泽","gender":1,"city":"闵行","province":"上海","country":"中国","avatarUrl":"http://thirdwx.qlogo.cn/mmopen/vi_32/PiajxSqBRaEJBP1wRhHlbGtp9FGR1go2f3hc21LRcruDqr5hncC4uSwCVYDuyReKSyic00E33sXOXeCWNhkVEHrQ/132","unionId":"ozDRT1vHoz4_NDw7xZ4vsRDasdYg"}
|
||
|
||
/*
|
||
if (value == 'weixin')
|
||
{
|
||
let rawData = JSON.parse(infoRes.rawData);
|
||
|
||
var encryptedData = encodeURIComponent(rawData.encryptedData); //一定要把加密串转成URI编码
|
||
var iv = encodeURIComponent(rawData.iv);
|
||
var code = t.openId;
|
||
|
||
t.code = code;
|
||
t.encryptedData = encryptedData;
|
||
t.iv = iv;
|
||
}
|
||
*/
|
||
t.code = t.openId;
|
||
|
||
t.source_store_id = that.$.getStorageSync("source_store_id");
|
||
t.source_user_id = that.$.getStorageSync("source_user_id");
|
||
t.source_ucc_code = that.$.getStorageSync("source_ucc_code");
|
||
t.client_info = that.client_info;
|
||
|
||
//请求服务器
|
||
that.$.request({
|
||
url: that.Config.URL.do_app_login,
|
||
data: t,
|
||
success: function (data, status, msg, code) {
|
||
if (status != 200) {
|
||
// 登录错误
|
||
that.$.showModal({
|
||
title: "提示",
|
||
content: "无法登录，请重试！",
|
||
showCancel: false,
|
||
});
|
||
|
||
//that.$.navigateBack();
|
||
return;
|
||
}
|
||
|
||
var id = that.$.setStorageSync("uid", data.user_id);
|
||
var key = that.$.setStorageSync("ukey", data.key);
|
||
|
||
that.toMain(data);
|
||
},
|
||
fail: function () {
|
||
// fail
|
||
// that.$.hideToast();
|
||
},
|
||
complete: function () {
|
||
// complete
|
||
},
|
||
});
|
||
} else {
|
||
}
|
||
},
|
||
});
|
||
},
|
||
fail: (err) => {
|
||
console.error("授权登录失败：" + JSON.stringify(err));
|
||
},
|
||
});
|
||
}
|
||
},
|
||
|
||
/* wap app 登录*/
|
||
plus_oauth(value) {
|
||
let that = this;
|
||
|
||
// 登录操作
|
||
function authLogin() {
|
||
//console.info('plusOauthWeixin')
|
||
//console.info(that.plusOauthWeixin)
|
||
var s = that.plusOauthWeixin;
|
||
|
||
if (!s.authResult) {
|
||
s.login(
|
||
function (e) {
|
||
authUserInfo();
|
||
},
|
||
function (e) {
|
||
alert("登录认证失败！");
|
||
}
|
||
);
|
||
} else {
|
||
//alert( "已经登录认证！" );
|
||
|
||
authUserInfo();
|
||
}
|
||
}
|
||
|
||
// 获取登录用户信息操作
|
||
function authUserInfo() {
|
||
var s = that.plusOauthWeixin;
|
||
|
||
if (!s.authResult) {
|
||
alert("未登录授权！");
|
||
} else {
|
||
s.getUserInfo(
|
||
function (res) {
|
||
////console.info( "获取用户信息成功："+JSON.stringify(res) );
|
||
//alert( "获取用户信息成功："+JSON.stringify(s.userInfo) );
|
||
|
||
var value = "weixin";
|
||
var infoRes = res.target;
|
||
|
||
if (true) {
|
||
/**
|
||
* 实际开发中，获取用户信息后，需要将信息上报至服务端。
|
||
* 服务端可以用 userInfo.openId 作为用户的唯一标识新增或绑定用户信息。
|
||
*/
|
||
//this.toMain(infoRes.userInfo.nickName);
|
||
var t = infoRes.userInfo;
|
||
t.bind_name = value;
|
||
|
||
//{"openId":"o6tGM1biEBK05U1f7-DjAhO8J864","nickName":"黄新泽","gender":1,"city":"闵行","province":"上海","country":"中国","avatarUrl":"http://thirdwx.qlogo.cn/mmopen/vi_32/PiajxSqBRaEJBP1wRhHlbGtp9FGR1go2f3hc21LRcruDqr5hncC4uSwCVYDuyReKSyic00E33sXOXeCWNhkVEHrQ/132","unionId":"ozDRT1vHoz4_NDw7xZ4vsRDasdYg"}
|
||
|
||
if (value == "weixin") {
|
||
/*
|
||
let rawData = JSON.parse(infoRes.rawData);
|
||
|
||
var encryptedData = encodeURIComponent(rawData.encryptedData); //一定要把加密串转成URI编码
|
||
var iv = encodeURIComponent(rawData.iv);
|
||
var code = t.openId;
|
||
|
||
t.encryptedData = encryptedData;
|
||
t.iv = iv;
|
||
*/
|
||
t.code = t.openid;
|
||
}
|
||
|
||
t.source_store_id = that.$.getStorageSync("source_store_id");
|
||
t.source_user_id = that.$.getStorageSync("source_user_id");
|
||
t.source_ucc_code = that.$.getStorageSync("source_ucc_code");
|
||
t.client_info = that.client_info;
|
||
|
||
//请求服务器
|
||
that.$.request({
|
||
url: that.Config.URL.do_app_login,
|
||
data: t,
|
||
success: function (data, status, msg, code) {
|
||
if (status != 200) {
|
||
// 登录错误
|
||
that.$.showModal({
|
||
title: "提示",
|
||
content: "无法登录，请重试！",
|
||
showCancel: false,
|
||
});
|
||
|
||
that.$.navigateBack();
|
||
return;
|
||
}
|
||
|
||
var id = that.$.setStorageSync("uid", data.user_id);
|
||
var key = that.$.setStorageSync("ukey", data.key);
|
||
|
||
that.toMain(data);
|
||
},
|
||
fail: function () {
|
||
// fail
|
||
// that.$.hideToast();
|
||
},
|
||
complete: function () {
|
||
// complete
|
||
},
|
||
});
|
||
} else {
|
||
}
|
||
},
|
||
function (e) {
|
||
alert("获取用户信息失败：" + e.message + " - " + e.code);
|
||
}
|
||
);
|
||
}
|
||
}
|
||
|
||
authLogin();
|
||
/*
|
||
that.$.login({
|
||
provider: value,
|
||
success: res => {
|
||
that.$.getUserInfo({
|
||
provider: value,
|
||
success: infoRes => {
|
||
if (infoRes.errMsg == 'getUserInfo:ok')
|
||
{
|
||
//console.info(JSON.stringify(infoRes));
|
||
//console.info(value);
|
||
|
||
//this.toMain(infoRes.userInfo.nickName);
|
||
var t = infoRes.userInfo;
|
||
t.bind_name = value;
|
||
|
||
//{"openId":"o6tGM1biEBK05U1f7-DjAhO8J864","nickName":"黄新泽","gender":1,"city":"闵行","province":"上海","country":"中国","avatarUrl":"http://thirdwx.qlogo.cn/mmopen/vi_32/PiajxSqBRaEJBP1wRhHlbGtp9FGR1go2f3hc21LRcruDqr5hncC4uSwCVYDuyReKSyic00E33sXOXeCWNhkVEHrQ/132","unionId":"ozDRT1vHoz4_NDw7xZ4vsRDasdYg"}
|
||
|
||
if (value == 'weixin')
|
||
{
|
||
let rawData = JSON.parse(infoRes.rawData);
|
||
|
||
var encryptedData = encodeURIComponent(rawData.encryptedData); //一定要把加密串转成URI编码
|
||
var iv = encodeURIComponent(rawData.iv);
|
||
var code = t.openId;
|
||
|
||
t.code = code;
|
||
t.encryptedData = encryptedData;
|
||
t.iv = iv;
|
||
}
|
||
|
||
t.source_store_id = that.$.getStorageSync('source_store_id');
|
||
t.source_user_id = that.$.getStorageSync('source_user_id');
|
||
|
||
//请求服务器
|
||
that.$.request({
|
||
url: that.Config.URL.do_app_login,
|
||
data: t,
|
||
success: function(data, status, msg, code) {
|
||
if (status != 200) {
|
||
// 登录错误
|
||
that.$.showModal({
|
||
title: '提示',
|
||
content: '无法登录，请重试！',
|
||
showCancel: false
|
||
});
|
||
|
||
that.$.navigateBack();
|
||
return;
|
||
}
|
||
|
||
var id = that.$.setStorageSync('uid', data.user_id);
|
||
var key = that.$.setStorageSync('ukey', data.key);
|
||
|
||
that.toMain(data);
|
||
},
|
||
fail: function() {
|
||
// fail
|
||
// that.$.hideToast();
|
||
},
|
||
complete: function() {
|
||
// complete
|
||
}
|
||
});
|
||
}
|
||
else
|
||
{
|
||
|
||
}
|
||
}
|
||
});
|
||
},
|
||
fail: err => {
|
||
console.error('授权登录失败：' + JSON.stringify(err));
|
||
}
|
||
});
|
||
*/
|
||
},
|
||
|
||
h5_oauth(id) {
|
||
let that = this;
|
||
|
||
if ("fb" == id) {
|
||
this.fb_oauth(id);
|
||
} else if ("google" == id) {
|
||
this.google_oauth(id);
|
||
} else if ("weixin" == id) {
|
||
this.weixin_h5_oauth(id);
|
||
} else if ("sms" == id) {
|
||
this.sms_oauth(id);
|
||
} else if ("qq" == id) {
|
||
this.qq_oauth(id);
|
||
}
|
||
},
|
||
|
||
weixin_h5_oauth(id) {
|
||
let that = this;
|
||
|
||
let uid = that.$.getStorageSync("uid");
|
||
let ukey = that.$.getStorageSync("ukey");
|
||
|
||
//判断Cookie是否登录
|
||
if (uid && ukey) {
|
||
that.$.request({
|
||
url: this.Config.URL.check_islogin,
|
||
data: { perm_id: uid, perm_key: ukey },
|
||
success: function (data, status, msg, code) {
|
||
if (200 == status) {
|
||
var id = that.$.setStorageSync("uid", uid);
|
||
var key = that.$.setStorageSync("ukey", ukey);
|
||
|
||
data["as"] = $cookies.get("as");
|
||
that.toMain(data);
|
||
|
||
//返回来源页面
|
||
} else {
|
||
that.logout();
|
||
}
|
||
},
|
||
fail: function (err, status) {
|
||
that.logout();
|
||
},
|
||
});
|
||
} else {
|
||
// 微信h5登录传参
|
||
let activity_id = that.$.getStorageSync("activity_id");
|
||
if (
|
||
getCurrentPages()[getCurrentPages().length - 1].route ==
|
||
"pages/login/login" ||
|
||
getCurrentPages()[getCurrentPages().length - 1].route ==
|
||
"/pages/login/login"
|
||
) {
|
||
//记录来源页面
|
||
if (getCurrentPages().length > 1) {
|
||
var prePage = getCurrentPages()[getCurrentPages().length - 2];
|
||
if (prePage) {
|
||
that.$.setStorageSync("pre_route", prePage.route);
|
||
|
||
if (prePage.options) {
|
||
that.$.setStorageSync("pre_options", prePage.options);
|
||
}
|
||
}
|
||
} else {
|
||
}
|
||
|
||
//是否企业微信
|
||
if (that.$.isQyWeixin()) {
|
||
window.location.href =
|
||
that.Config.URL.wx.mplogin +
|
||
"?wxwork=1&activity_id=" +
|
||
activity_id +
|
||
"&callback=" +
|
||
encodeURIComponent(
|
||
that.Config.CONFIG.base_url + "/h5/pages/login/login"
|
||
); //暂时注释
|
||
} else {
|
||
window.location.href =
|
||
that.Config.URL.wx.mplogin +
|
||
"?activity_id=" +
|
||
activity_id +
|
||
"&callback=" +
|
||
encodeURIComponent(
|
||
that.Config.CONFIG.base_url + "/h5/pages/login/login"
|
||
); //暂时注释
|
||
}
|
||
} else {
|
||
var prePage = getCurrentPages()[getCurrentPages().length - 1];
|
||
if (prePage) {
|
||
that.$.setStorageSync("pre_route", prePage.route);
|
||
|
||
if (prePage.options) {
|
||
that.$.setStorageSync("pre_options", prePage.options);
|
||
}
|
||
}
|
||
//记录来源页面
|
||
|
||
//是否企业微信
|
||
if (that.$.isQyWeixin()) {
|
||
window.location.href =
|
||
that.Config.URL.wx.mplogin +
|
||
"?wxwork=1&activity_id=" +
|
||
activity_id +
|
||
"&callback=" +
|
||
encodeURIComponent(
|
||
that.Config.CONFIG.base_url + "/h5/pages/login/login"
|
||
); //暂时注释
|
||
} else {
|
||
window.location.href =
|
||
that.Config.URL.wx.mplogin +
|
||
"?activity_id=" +
|
||
activity_id +
|
||
"&callback=" +
|
||
encodeURIComponent(
|
||
that.Config.CONFIG.base_url + "/h5/pages/login/login"
|
||
); //暂时注释
|
||
}
|
||
}
|
||
}
|
||
},
|
||
|
||
weibo_oauth(id) {
|
||
let that = this;
|
||
},
|
||
|
||
qq_oauth(id) {
|
||
let that = this;
|
||
|
||
// #ifdef H5
|
||
//H5调用 forcedLoginState: true, window.location 跳转
|
||
let pre_route = that.$.getStorageSync("pre_route");
|
||
let pre_options = that.$.getStorageSync("pre_options");
|
||
|
||
let base_url = that.cf.CONFIG.base_url + "/h5";
|
||
let return_url = base_url + "/pages/index/member";
|
||
let pre_url = "";
|
||
|
||
if (pre_route) {
|
||
pre_url = "/" + that.$.createUrl(pre_route, pre_options);
|
||
|
||
pre_url = "?jump=" + encodeURIComponent(pre_url);
|
||
} else {
|
||
}
|
||
|
||
return_url = return_url + pre_url;
|
||
|
||
let url = that.connect.qq_url;
|
||
|
||
/*
|
||
if ((url.indexOf("?") != -1))
|
||
{
|
||
url = url + '&enbed=hybird&callback=' + encodeURIComponent(return_url);
|
||
}
|
||
else
|
||
{
|
||
url = url + '?enbed=hybird&callback=' + encodeURIComponent(return_url);
|
||
}
|
||
|
||
url = url + '&rand=' + Math.random()
|
||
*/
|
||
|
||
// #endif
|
||
|
||
// #ifdef H5
|
||
setTimeout(() => {
|
||
window.location.href = url;
|
||
}, 100);
|
||
// #endif
|
||
},
|
||
|
||
fb_oauth(id) {
|
||
let that = this;
|
||
|
||
FB.login(function (response) {
|
||
console.info(response.authResponse);
|
||
if (response.authResponse) {
|
||
console.log("Welcome! Fetching your information.... ");
|
||
FB.api("/me", function (me) {
|
||
console.log("Good to see you, " + me.name + ".");
|
||
|
||
that.$.request({
|
||
url: that.Config.URL.do_app_login,
|
||
type: "POST",
|
||
dataType: "json",
|
||
data: {
|
||
bind_name: "fb",
|
||
code: response["authResponse"]["accessToken"],
|
||
openId: response["authResponse"]["userID"],
|
||
nickName: me.name,
|
||
authResponse: JSON.stringify(response["authResponse"]),
|
||
},
|
||
success: function (data, status, msg, code) {
|
||
console.info(data);
|
||
|
||
if (200 == status) {
|
||
var id = that.$.setStorageSync("uid", data.user_id);
|
||
var key = that.$.setStorageSync("ukey", data.key);
|
||
|
||
// #ifdef H5
|
||
$cookies.set("uid", data.user_id);
|
||
$cookies.set("ukey", data.key);
|
||
// #endif
|
||
|
||
that.toMain(data);
|
||
} else {
|
||
that.$.showToast({
|
||
icon: "none",
|
||
title: that.__("登录失败！"),
|
||
});
|
||
}
|
||
},
|
||
});
|
||
});
|
||
} else {
|
||
that.$.showToast({
|
||
icon: "none",
|
||
title: that.__("User cancelled login or did not fully authorize."),
|
||
});
|
||
}
|
||
});
|
||
},
|
||
|
||
google_oauth(id) {
|
||
let that = this;
|
||
|
||
// #ifdef H5
|
||
//H5调用 forcedLoginState: true, window.location 跳转
|
||
let pre_route = that.$.getStorageSync("pre_route");
|
||
let pre_options = that.$.getStorageSync("pre_options");
|
||
|
||
let base_url = that.cf.CONFIG.base_url + "/h5";
|
||
let return_url = base_url + "/pages/index/member";
|
||
let pre_url = "";
|
||
|
||
if (pre_route) {
|
||
pre_url = "/" + that.$.createUrl(pre_route, pre_options);
|
||
|
||
pre_url = "?jump=" + encodeURIComponent(pre_url);
|
||
} else {
|
||
}
|
||
|
||
return_url = return_url + pre_url;
|
||
|
||
let url = that.connect.google_url;
|
||
|
||
/*
|
||
if ((url.indexOf("?") != -1))
|
||
{
|
||
url = url + '&enbed=hybird&callback=' + encodeURIComponent(return_url);
|
||
}
|
||
else
|
||
{
|
||
url = url + '?enbed=hybird&callback=' + encodeURIComponent(return_url);
|
||
}
|
||
|
||
url = url + '&rand=' + Math.random()
|
||
*/
|
||
|
||
// #endif
|
||
|
||
// #ifdef H5
|
||
setTimeout(() => {
|
||
window.location.href = url;
|
||
}, 100);
|
||
// #endif
|
||
},
|
||
|
||
sms_oauth(id) {
|
||
let that = this;
|
||
|
||
that.$.gopage("/pagesub/login/sms");
|
||
},
|
||
|
||
showMpBindMobile() {
|
||
var that = this;
|
||
that.showMpBindMobileFlag = true;
|
||
},
|
||
|
||
goLoginBack() {
|
||
var that = this;
|
||
|
||
/**
|
||
* 强制登录时使用reLaunch方式跳转过来
|
||
* 返回首页也使用reLaunch方式
|
||
*/
|
||
if (that.forcedLoginState) {
|
||
that.$.reLaunch({
|
||
url: "/pages/index/member",
|
||
});
|
||
} else {
|
||
// #ifdef H5
|
||
if (that.$.isWeixin()) {
|
||
let pre_route = that.$.getStorageSync("pre_route");
|
||
let pre_options = that.$.getStorageSync("pre_options");
|
||
|
||
//console.info(pre_route);
|
||
//console.info(pre_options);
|
||
|
||
if (pre_route) {
|
||
let pre_url = "/" + that.$.createUrl(pre_route, pre_options);
|
||
that.$.gotopage(pre_url);
|
||
} else {
|
||
that.$.gotopage("/pages/index/member");
|
||
}
|
||
|
||
return;
|
||
}
|
||
// #endif
|
||
|
||
if (
|
||
getCurrentPages()[getCurrentPages().length - 1].route ==
|
||
"pages/login/login" ||
|
||
getCurrentPages()[getCurrentPages().length - 1].route ==
|
||
"/pages/login/login"
|
||
) {
|
||
if (getCurrentPages().length > 1) {
|
||
var prePage = getCurrentPages()[getCurrentPages().length - 2];
|
||
|
||
// #ifndef H5
|
||
if (
|
||
"pages/login/login" == prePage.route ||
|
||
"/pages/login/login" == prePage.route
|
||
) {
|
||
that.$.switchTab({
|
||
url: "/pages/index/member",
|
||
});
|
||
} else {
|
||
if (prePage.refreshData) {
|
||
prePage.refreshData(prePage.options);
|
||
that.$.navigateBack();
|
||
} else if (prePage.onLoad) {
|
||
prePage.onLoad(prePage.options);
|
||
that.$.navigateBack();
|
||
} else {
|
||
let pre_url =
|
||
"/" + that.$.createUrl(prePage.route, prePage.options);
|
||
that.$.gotopage(pre_url);
|
||
}
|
||
}
|
||
// #endif
|
||
|
||
// #ifdef H5
|
||
//修正 onLoad 不存在问题。
|
||
//console.info('++++++++++++++++++++++');
|
||
//console.info(prePage);
|
||
//console.info(prePage.onLoad);
|
||
//console.info(prePage.route);
|
||
//console.info(prePage.options);
|
||
|
||
if (
|
||
"pages/login/login" == prePage.route ||
|
||
"/pages/login/login" == prePage.route
|
||
) {
|
||
that.$.switchTab({
|
||
url: "/pages/index/member",
|
||
});
|
||
} else {
|
||
if (prePage.refreshData) {
|
||
prePage.refreshData(prePage.options);
|
||
that.$.navigateBack();
|
||
} else if (prePage.onLoad) {
|
||
prePage.onLoad(prePage.options);
|
||
that.$.navigateBack();
|
||
} else {
|
||
let pre_url =
|
||
"/" + that.$.createUrl(prePage.route, prePage.options);
|
||
that.$.gotopage(pre_url);
|
||
}
|
||
}
|
||
// #endif
|
||
} else {
|
||
//回到上个页面
|
||
that.$.switchTab({
|
||
url: "/pages/index/member",
|
||
});
|
||
}
|
||
} else {
|
||
var prePage = getCurrentPages()[getCurrentPages().length - 1];
|
||
|
||
if (
|
||
"pages/login/login" == prePage.route ||
|
||
"/pages/login/login" == prePage.route
|
||
) {
|
||
that.$.switchTab({
|
||
url: "/pages/index/member",
|
||
});
|
||
} else {
|
||
prePage.onLoad && prePage.onLoad(prePage.options);
|
||
}
|
||
|
||
//that.$.navigateBack();
|
||
}
|
||
}
|
||
},
|
||
|
||
cleanCache: function (e) {
|
||
var that = this;
|
||
const language = uni.getStorageSync("selang");
|
||
|
||
that.$.storage.clear();
|
||
|
||
//如果不在允许的语言内，可重置
|
||
uni.setStorageSync("selang", language);
|
||
},
|
||
|
||
getPhoneNumber: function (e) {
|
||
let isPssThrough = false;
|
||
var that = this;
|
||
// 允许授权
|
||
if (typeof e.detail.code !== "undefined") {
|
||
//调用接口利用 e.detail.encryptedData, e.detail.iv 信息来解密手机号
|
||
that.$.request({
|
||
url: this.Config.URL.wx.get_user_phone_number,
|
||
data: {
|
||
code: e.detail.code,
|
||
},
|
||
dataType: "json",
|
||
success: function (userInfo, status, msg, code) {
|
||
if (status == 200) {
|
||
that.$.request({
|
||
url: that.Config.URL.user.overview,
|
||
success: function (data, status, msg, code) {
|
||
userInfo = Object.assign(userInfo, data.member_info);
|
||
|
||
//that.cleanCache();
|
||
that.login(userInfo);
|
||
|
||
if (userInfo.im && that.plantformInfo.config.chat_global) {
|
||
that.$Socket.connectserver(userInfo.im);
|
||
}
|
||
|
||
that.notice.postNotificationName("RefreshCart", 0);
|
||
|
||
//判断是否需要进入激活页面
|
||
if (2 == userInfo.user_state) {
|
||
that.$.toActive();
|
||
}
|
||
|
||
debugger;
|
||
|
||
// that.goLoginBack();
|
||
//
|
||
},
|
||
});
|
||
} else {
|
||
that.$.confirm(msg);
|
||
}
|
||
},
|
||
});
|
||
} else {
|
||
that.$.confirm(that.__("请允许手机授权！"));
|
||
isPssThrough = false;
|
||
}
|
||
return isPssThrough;
|
||
},
|
||
|
||
toMain(userInfo) {
|
||
var that = this;
|
||
|
||
that.$.request({
|
||
url: this.Config.URL.user.overview,
|
||
success: function (data, status, msg, code) {
|
||
userInfo = Object.assign(userInfo, data.member_info);
|
||
|
||
that.login(userInfo);
|
||
|
||
if (userInfo.im && that.plantformInfo.config.chat_global) {
|
||
that.$Socket.connectserver(userInfo.im);
|
||
}
|
||
|
||
that.notice.postNotificationName("RefreshCart", 0);
|
||
|
||
//判断是否需要进入激活页面
|
||
if (2 == userInfo.user_state) {
|
||
that.$.toActive();
|
||
}
|
||
|
||
that.goLoginBack();
|
||
},
|
||
});
|
||
},
|
||
|
||
getUserProfile: function (e) {
|
||
var that = this;
|
||
wx.getUserProfile({
|
||
desc: "获取你的昵称、头像、地区及性别", // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
|
||
success: (res2) => {
|
||
console.log(res2);
|
||
that.data.userInfo = res2.userInfo;
|
||
that.data.userInfo.avatarUrl = that.user_avatar;
|
||
that.data.userInfo.nickName = that.user_nickname;
|
||
that.bindGetUserInfo({ detail: that.data });
|
||
},
|
||
fail: function (err) {
|
||
//微信授权取消后不让自动去绑定
|
||
that.$.switchTab({
|
||
url: "/pages/index/index",
|
||
});
|
||
|
||
return false;
|
||
console.log("获取失败: ", err);
|
||
that.bindGetUserInfo({ detail: that.data });
|
||
},
|
||
});
|
||
},
|
||
|
||
bindGetUserInfo: function (res2) {
|
||
var that = this;
|
||
|
||
if (!this.protocol_checked) {
|
||
this.$.showModal({
|
||
title: this.__("提示"),
|
||
content: this.__("请先阅读并同意用户协议"),
|
||
showCancel: false,
|
||
});
|
||
|
||
return;
|
||
}
|
||
|
||
let login_func = that.$.login;
|
||
if (this.wxwork) {
|
||
login_func = wx.qy.login;
|
||
|
||
//console.info(res2);
|
||
if (res2.detail.errMsg == "getUserInfo:ok") {
|
||
that.setData({ isAuthorizationed: false });
|
||
var wx_user = that.$.parseJSON(res2.detail.rawData);
|
||
login_func({
|
||
success: function (qy_datainfo) {
|
||
that.$.login({
|
||
success: function (res) {
|
||
var t = {
|
||
code: res.code,
|
||
wxwork: that.wxwork,
|
||
NickName: wx_user.nickName,
|
||
sex: wx_user.gender,
|
||
photo: wx_user.avatarUrl,
|
||
WXCountry: wx_user.country,
|
||
WXCity: wx_user.city,
|
||
WXProvince: wx_user.province,
|
||
Uid: 0,
|
||
storeId: 0,
|
||
};
|
||
|
||
var encryptedData = encodeURIComponent(
|
||
res2.detail.encryptedData
|
||
); //一定要把加密串转成URI编码
|
||
var iv = encodeURIComponent(res2.detail.iv);
|
||
var code = res.code;
|
||
|
||
//请求服务器
|
||
that.$.request({
|
||
url: that.Config.URL.wx.applogin,
|
||
data: {
|
||
qy_code: qy_datainfo.code,
|
||
code: code,
|
||
wxwork: that.wxwork,
|
||
encryptedData: encryptedData,
|
||
iv: iv,
|
||
source_store_id: that.$.getStorageSync("source_store_id"),
|
||
source_user_id: that.$.getStorageSync("source_user_id"),
|
||
source_ucc_code: that.$.getStorageSync("source_ucc_code"),
|
||
activity_id: that.$.getStorageSync("activity_id"),
|
||
client_info: that.client_info,
|
||
user_info: res2.detail.userInfo,
|
||
},
|
||
success: function (data, status, msg, code) {
|
||
if (status != 200) {
|
||
// 登录错误
|
||
that.$.showModal({
|
||
title: "提示",
|
||
content: "无法登录，请重试！",
|
||
showCancel: false,
|
||
});
|
||
|
||
that.$.navigateBack();
|
||
return;
|
||
}
|
||
|
||
var id = that.$.setStorageSync("uid", data.user_id);
|
||
var key = that.$.setStorageSync("ukey", data.key);
|
||
|
||
that.toMain(data);
|
||
},
|
||
fail: function () {
|
||
// fail
|
||
// that.$.hideToast();
|
||
},
|
||
complete: function () {
|
||
// complete
|
||
},
|
||
});
|
||
},
|
||
});
|
||
},
|
||
});
|
||
}
|
||
} else {
|
||
//console.info(res2);
|
||
if (res2.detail.errMsg == "getUserInfo:ok") {
|
||
that.setData({ isAuthorizationed: false });
|
||
var wx_user = that.$.parseJSON(res2.detail.rawData);
|
||
login_func({
|
||
success: function (res) {
|
||
var t = {
|
||
code: res.code,
|
||
wxwork: that.wxwork,
|
||
NickName: wx_user.nickName,
|
||
sex: wx_user.gender,
|
||
photo: wx_user.avatarUrl,
|
||
WXCountry: wx_user.country,
|
||
WXCity: wx_user.city,
|
||
WXProvince: wx_user.province,
|
||
Uid: 0,
|
||
storeId: 0,
|
||
};
|
||
|
||
var encryptedData = encodeURIComponent(res2.detail.encryptedData); //一定要把加密串转成URI编码
|
||
var iv = encodeURIComponent(res2.detail.iv);
|
||
var code = res.code;
|
||
|
||
//请求服务器
|
||
that.$.request({
|
||
url: that.Config.URL.wx.applogin,
|
||
data: {
|
||
code: code,
|
||
encryptedData: encryptedData,
|
||
iv: iv,
|
||
source_store_id: that.$.getStorageSync("source_store_id"),
|
||
source_user_id: that.$.getStorageSync("source_user_id"),
|
||
source_ucc_code: that.$.getStorageSync("source_ucc_code"),
|
||
activity_id: that.$.getStorageSync("activity_id"),
|
||
client_info: that.client_info,
|
||
user_info: res2.detail.userInfo,
|
||
},
|
||
success: function (data, status, msg, code) {
|
||
if (status != 200) {
|
||
// 登录错误
|
||
that.$.showModal({
|
||
title: "提示",
|
||
content: "无法登录，请重试！",
|
||
showCancel: false,
|
||
});
|
||
|
||
that.$.navigateBack();
|
||
return;
|
||
}
|
||
|
||
var id = that.$.setStorageSync("uid", data.user_id);
|
||
var key = that.$.setStorageSync("ukey", data.key);
|
||
|
||
//小程序下，强制提示手机授权绑定逻辑
|
||
if (that.isMpWeixin && false) {
|
||
that.setData({ isAuthorizationed: true });
|
||
that.showMpBindMobile();
|
||
} else {
|
||
that.toMain(data);
|
||
}
|
||
},
|
||
fail: function () {
|
||
// fail
|
||
// that.$.hideToast();
|
||
},
|
||
complete: function () {
|
||
// complete
|
||
},
|
||
});
|
||
},
|
||
});
|
||
}
|
||
}
|
||
},
|
||
|
||
onChangeProtocol: function (e) {
|
||
var values = e.detail.value;
|
||
|
||
if (values.length > 0) {
|
||
this.protocol_checked = true;
|
||
} else {
|
||
this.protocol_checked = false;
|
||
}
|
||
},
|
||
|
||
showProtocol: function (id) {
|
||
uni.navigateTo({
|
||
url: "/member/member/protocol?id=" + id,
|
||
});
|
||
},
|
||
startLogin: function () {
|
||
//登录
|
||
if (this.isRotate) {
|
||
//判断是否加载中，避免重复点击请求
|
||
return false;
|
||
}
|
||
|
||
if (this.account.length == "") {
|
||
uni.showToast({
|
||
icon: "none",
|
||
position: "bottom",
|
||
title: "用户名不能为空",
|
||
});
|
||
return;
|
||
}
|
||
if (this.password.length < 5) {
|
||
uni.showToast({
|
||
icon: "none",
|
||
position: "bottom",
|
||
title: "密码不正确",
|
||
});
|
||
return;
|
||
}
|
||
|
||
console.log("登录成功");
|
||
|
||
_this.isRotate = true;
|
||
setTimeout(function () {
|
||
_this.isRotate = false;
|
||
}, 3000);
|
||
},
|
||
wxAutoLogin() {
|
||
let that = this;
|
||
let login_func = that.$.login;
|
||
|
||
if (this.wxwork) {
|
||
login_func = wx.qy.login;
|
||
wx.getSetting({
|
||
success: function (res) {
|
||
if (res.authSetting["scope.userInfo"]) {
|
||
that.setData({ isAuthorizationed: false });
|
||
login_func({
|
||
success: function (qy_datainfo) {
|
||
that.$.login({
|
||
success: function (datainfo) {
|
||
//请求服务器
|
||
that.$.request({
|
||
url: that.Config.URL.wx.checkAppLogin,
|
||
data: {
|
||
qy_code: qy_datainfo.code,
|
||
code: datainfo.code,
|
||
wxwork: that.wxwork,
|
||
source_store_id:
|
||
that.$.getStorageSync("source_store_id"),
|
||
source_user_id:
|
||
that.$.getStorageSync("source_user_id"),
|
||
source_ucc_code:
|
||
that.$.getStorageSync("source_ucc_code"),
|
||
client_info: that.client_info,
|
||
},
|
||
success: function (data, status, msg, code) {
|
||
if (status == 200) {
|
||
that.setData({ isAuthorizationed: true });
|
||
|
||
var id = that.$.setStorageSync("uid", data.user_id);
|
||
var key = that.$.setStorageSync("ukey", data.key);
|
||
|
||
that.toMain(data);
|
||
} else {
|
||
that.setData({ isAuthorizationed: false });
|
||
}
|
||
},
|
||
fail: function () {
|
||
// fail
|
||
// that.$.hideToast();
|
||
},
|
||
complete: function () {
|
||
// complete
|
||
},
|
||
});
|
||
},
|
||
});
|
||
},
|
||
});
|
||
} else {
|
||
login_func({
|
||
success: function (qy_datainfo) {
|
||
that.$.login({
|
||
success: function (datainfo) {
|
||
//请求服务器
|
||
that.$.request({
|
||
url: that.Config.URL.wx.checkAppLogin,
|
||
data: {
|
||
qy_code: qy_datainfo.code,
|
||
code: datainfo.code,
|
||
wxwork: that.wxwork,
|
||
source_store_id:
|
||
that.$.getStorageSync("source_store_id"),
|
||
source_user_id:
|
||
that.$.getStorageSync("source_user_id"),
|
||
source_ucc_code:
|
||
that.$.getStorageSync("source_ucc_code"),
|
||
client_info: that.client_info,
|
||
},
|
||
success: function (data, status, msg, code) {
|
||
if (status == 200) {
|
||
that.setData({ isAuthorizationed: true });
|
||
|
||
var id = that.$.setStorageSync("uid", data.user_id);
|
||
var key = that.$.setStorageSync("ukey", data.key);
|
||
|
||
that.toMain(data);
|
||
} else {
|
||
that.setData({ isAuthorizationed: false });
|
||
}
|
||
},
|
||
fail: function () {
|
||
// fail
|
||
// that.$.hideToast();
|
||
},
|
||
complete: function () {
|
||
// complete
|
||
},
|
||
});
|
||
},
|
||
});
|
||
},
|
||
});
|
||
}
|
||
},
|
||
});
|
||
} else {
|
||
wx.getSetting({
|
||
success: function (res) {
|
||
if (res.authSetting["scope.userInfo"]) {
|
||
that.setData({ isAuthorizationed: false });
|
||
|
||
//console.log('是否授权！是');
|
||
//console.info(res);
|
||
|
||
login_func({
|
||
success: function (datainfo) {
|
||
//console.log('是否注册！否');
|
||
//console.info(datainfo);
|
||
//请求服务器
|
||
that.$.request({
|
||
url: that.Config.URL.wx.checkAppLogin,
|
||
data: {
|
||
code: datainfo.code,
|
||
wxwork: that.wxwork,
|
||
source_store_id: that.$.getStorageSync("source_store_id"),
|
||
source_user_id: that.$.getStorageSync("source_user_id"),
|
||
source_ucc_code: that.$.getStorageSync("source_ucc_code"),
|
||
client_info: that.client_info,
|
||
},
|
||
success: function (data, status, msg, code) {
|
||
if (status == 200) {
|
||
that.setData({ isAuthorizationed: true });
|
||
|
||
var id = that.$.setStorageSync("uid", data.user_id);
|
||
var key = that.$.setStorageSync("ukey", data.key);
|
||
|
||
that.toMain(data);
|
||
} else {
|
||
that.setData({ isAuthorizationed: false });
|
||
that.wechatConnectAuto = true;
|
||
that.wechatConnectBox = true;
|
||
}
|
||
},
|
||
fail: function () {
|
||
// fail
|
||
// that.$.hideToast();
|
||
},
|
||
complete: function () {
|
||
// complete
|
||
},
|
||
});
|
||
},
|
||
});
|
||
} else {
|
||
login_func({
|
||
success: function (t) {
|
||
//console.log('是否注册！否');
|
||
//console.info(t);
|
||
//请求服务器
|
||
that.$.request({
|
||
url: that.Config.URL.wx.checkAppLogin,
|
||
data: {
|
||
code: t.code,
|
||
wxwork: that.wxwork,
|
||
source_store_id: that.$.getStorageSync("source_store_id"),
|
||
source_user_id: that.$.getStorageSync("source_user_id"),
|
||
source_ucc_code: that.$.getStorageSync("source_ucc_code"),
|
||
client_info: that.client_info,
|
||
},
|
||
success: function (data, status, msg, code) {
|
||
if (status == 200) {
|
||
that.setData({ isAuthorizationed: true });
|
||
|
||
var id = that.$.setStorageSync("uid", data.user_id);
|
||
var key = that.$.setStorageSync("ukey", data.key);
|
||
|
||
that.toMain(data);
|
||
} else {
|
||
that.setData({ isAuthorizationed: false });
|
||
that.wechatConnectAuto = true;
|
||
that.wechatConnectBox = true;
|
||
}
|
||
},
|
||
fail: function () {
|
||
// fail
|
||
// that.$.hideToast();
|
||
},
|
||
complete: function () {
|
||
// complete
|
||
},
|
||
});
|
||
},
|
||
});
|
||
}
|
||
},
|
||
});
|
||
}
|
||
},
|
||
checkIsLogin() {
|
||
let that = this;
|
||
let uid = that.$.getStorageSync("uid");
|
||
let ukey = that.$.getStorageSync("ukey");
|
||
|
||
//判断Cookie是否登录
|
||
if (uid && ukey) {
|
||
that.$.request({
|
||
url: this.Config.URL.check_islogin,
|
||
data: { perm_id: uid, perm_key: ukey },
|
||
success: function (data, status, msg, code) {
|
||
if (200 == status) {
|
||
var id = that.$.setStorageSync("uid", uid);
|
||
var key = that.$.setStorageSync("ukey", ukey);
|
||
|
||
that.toMain(data);
|
||
|
||
//返回来源页面
|
||
} else {
|
||
that.logout();
|
||
}
|
||
},
|
||
fail: function (err, status) {
|
||
that.logout();
|
||
},
|
||
});
|
||
}
|
||
},
|
||
|
||
jy_facebookShareUrl() {
|
||
let jyappEvents = uni.requireNativePlugin("JY-FaceBookAppEvents");
|
||
jyappEvents.jy_facebookShareUrl(
|
||
{
|
||
shareUrl: "http://www.baidu.com",
|
||
sharePic: "随便写",
|
||
},
|
||
(res) => {
|
||
uni.showToast({
|
||
icon: "none",
|
||
title: JSON.stringify(res),
|
||
});
|
||
}
|
||
);
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
|
||
<style lang="scss">
|
||
@import "../../styles/reg.scss";
|
||
|
||
.cuIcon-item {
|
||
font-size: 64rpx;
|
||
|
||
image {
|
||
width: 64rpx;
|
||
height: 64rpx;
|
||
}
|
||
}
|
||
|
||
/* common/authorization-info.wxss */
|
||
.auth-pop {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
background-color: rgba(0, 0, 0, 0.5);
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
text-align: center;
|
||
flex-wrap: wrap;
|
||
z-index: 999;
|
||
}
|
||
|
||
.auth-box {
|
||
width: 600rpx;
|
||
background-color: #fff;
|
||
border-radius: 24rpx;
|
||
box-sizing: border-box;
|
||
padding: 110rpx 60rpx;
|
||
box-shadow: 0 10rpx 30rpx rgba(0, 0, 0, 0.5);
|
||
}
|
||
|
||
.auth-box image {
|
||
width: 112rpx;
|
||
height: 112rpx;
|
||
}
|
||
|
||
.auth-box label {
|
||
font-size: 32rpx;
|
||
color: #333;
|
||
margin: 20rpx 0;
|
||
display: inline-block;
|
||
width: 100%;
|
||
}
|
||
|
||
.auth-box text {
|
||
font-size: 24rpx;
|
||
color: #666;
|
||
}
|
||
|
||
.auth-box button {
|
||
margin-top: 80rpx;
|
||
}
|
||
|
||
.btn-row {
|
||
margin-top: 50px;
|
||
padding: 0px;
|
||
|
||
label {
|
||
font-size: 32rpx;
|
||
color: #333;
|
||
margin: 20rpx 0;
|
||
display: inline;
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
.btn_box {
|
||
padding: 20rpx;
|
||
}
|
||
|
||
.login-but {
|
||
background-color: red;
|
||
color: white;
|
||
}
|
||
|
||
.avatar-wrapper {
|
||
padding: 0;
|
||
width: 112rpx !important;
|
||
height: 112rpx !important;
|
||
border-radius: 16rpx;
|
||
margin-top: 80rpx;
|
||
margin-bottom: 80rpx;
|
||
}
|
||
|
||
.avatar {
|
||
display: block;
|
||
width: 112rpx;
|
||
height: 112rpx;
|
||
}
|
||
</style>
|