|
@@ -1,1106 +0,0 @@
|
|
|
-<template>
|
|
|
- <view class="container">
|
|
|
- <view class="back-btn cuIcon-back" @click="navBack"></view>
|
|
|
-
|
|
|
- <view class="wrapper">
|
|
|
- <h2 class="Semibold">手机号注册</h2>
|
|
|
- <view style='width:100%;margin-top:50px;border-bottom:1px solid #E8E9ED;padding:10px;position:relative;' class="flex">
|
|
|
- <view class="NumberMedium" style='width:15%;border-right:1px solid #E8E9ED;'>+86</view>
|
|
|
- <view style='width:85%;'><input maxlength="11" v-model='phone' @input='phoneinput' style='padding-left:10px;' placeholder="请输入手机号码" type="number" class="Regular"></view>
|
|
|
- <image v-if='phone!=""' @click='phone=""' class='close' src='../../static/img/login/guanbi@2x.png'></image>
|
|
|
- </view>
|
|
|
- <view style='width:100%;border-bottom:1px solid #E8E9ED;position:relative;padding:10px;' class="flex">
|
|
|
- <view style='width:70%;position:relative;'>
|
|
|
- <input v-model='verifyCode' class="Regular" placeholder="请输入验证码" type="number">
|
|
|
- <image v-if='verifyCode!=""' @click='verifyCode=""' class='close1' src='../../static/img/login/guanbi@2x.png'></image>
|
|
|
- </view>
|
|
|
- <button :class='codestatus&&!sendDisabled?"active":""' @click='getcode' class='getcode Regular'>{{sendText}}</button>
|
|
|
- </view>
|
|
|
- <view style='border-bottom:1px solid #E8E9ED;padding:10px;position:relative;'>
|
|
|
- <u-input maxlength='16' class='Regular input-style' style='height:30px;' v-model='password' placeholder="请输入密码,6-16位字符" :type="type"/>
|
|
|
-<!-- <input maxlength='16' class='password Regular input-style' style='height:30px;' v-model='password' placeholder="请输入密码,6-16位字符" :type="type"> -->
|
|
|
- <!-- <image v-if='password!=""' @click='password=""' class='close2' src='../../static/img/login/guanbi@2x.png'></image> -->
|
|
|
- <!-- <view @click='switchover' style='position:absolute;right:0;top:38%;z-index:10;cursor:pointer;' class="iconfont " :class='type=="password"?"icon-yanjing-biyan":"icon-yanjing-zhengyan"'></view> -->
|
|
|
- </view>
|
|
|
- <button :class='phone!=""&&verifyCode!=""&&password!=""?"active":""' @click='register' class='verificationCode'>注册</button>
|
|
|
- <view style='color:#6A6A6A;margin-top:10px;text-align:center;'>
|
|
|
- <image @click='consent' style='width:14px;height:14px;position:relative;top:2px;margin-right:5px;' :src="consentStatus==true?'../../static/img/login/select@2x.png':'../../static/img/login/selected2.png'" alt=""></image>
|
|
|
- 已阅读并同意
|
|
|
- <navigator url="/pages/sale/webview?can_share=false&url=https://liangxin.zthymaoyi.com/userAgreement.html" class="path" hover-class="navigator-hover">《服务协议》</navigator>和<navigator url="/pages/sale/webview?can_share=false&url=https://liangxin.zthymaoyi.com/screctAgreement.html"
|
|
|
- class="path" hover-class="navigator-hover">《隐私政策》</navigator>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
- import {
|
|
|
- mapMutations
|
|
|
- } from 'vuex';
|
|
|
- import { openFSqlite, createFSQL, selectFSQL, addFSQL } from '../../util/f.js'
|
|
|
- import { queryData, upData, initData } from '../../util/dbUtil.js'
|
|
|
- export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- inputContent: null,
|
|
|
- loginType: "wechat",
|
|
|
- phone: '',
|
|
|
- password: '',
|
|
|
- logining: false,
|
|
|
- isPhone: false,
|
|
|
- isApple: true,
|
|
|
- accessToken:'',
|
|
|
- params:{
|
|
|
- encryptedData:'',
|
|
|
- session_key:'',
|
|
|
- iv:'',
|
|
|
- },
|
|
|
- userInfo:{
|
|
|
- nickName:'',
|
|
|
- avatarUrl:'',
|
|
|
- gender:'',
|
|
|
- phone:''
|
|
|
- },
|
|
|
- consentStatus:false,
|
|
|
- codestatus:false,
|
|
|
- type:'password',
|
|
|
- inputStatus:'none',
|
|
|
- verifyCode:null,
|
|
|
- sendText:'获取验证码',
|
|
|
- sendDisabled: false,
|
|
|
- system:'',
|
|
|
- platform:'',
|
|
|
- userData:undefined,
|
|
|
- canIUseProfile:false
|
|
|
- }
|
|
|
- },
|
|
|
- onShow() {
|
|
|
- // this.loginType = "wechat"
|
|
|
-
|
|
|
- // this.$api.logout()
|
|
|
- },
|
|
|
- onLoad(options) {
|
|
|
- if( wx.getUserProfile ){
|
|
|
- console.log('--check getUserProfile--OK');
|
|
|
- this.canIUseProfile = true;
|
|
|
- }
|
|
|
- console.log("login on load")
|
|
|
- var that = this
|
|
|
- that.$api.request('user', 'sendIsApple', {
|
|
|
- }).then(res => {
|
|
|
- that.isApple = res.data
|
|
|
- })
|
|
|
- uni.getSystemInfo({
|
|
|
- success:(res) => {
|
|
|
- // console.log(res)
|
|
|
- this.system = res.system // ios
|
|
|
- this.platform = res.platform // 14.3
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- methods: {
|
|
|
- // 随机数
|
|
|
- randomAccess(min,max){
|
|
|
- return Math.floor(Math.random() * (min - max) + max)
|
|
|
- },
|
|
|
- // 解码
|
|
|
- decodeUnicode(str) {
|
|
|
- //Unicode显示方式是\u4e00
|
|
|
- str = "\\u"+str
|
|
|
- str = str.replace(/\\/g, "%");
|
|
|
- //转换中文
|
|
|
- str = unescape(str);
|
|
|
- //将其他受影响的转换回原来
|
|
|
- str = str.replace(/%/g, "\\");
|
|
|
- return str;
|
|
|
- },
|
|
|
- /*
|
|
|
- *@param Number NameLength 要获取的名字长度
|
|
|
- */
|
|
|
- getRandomName(NameLength){
|
|
|
- let name = ""
|
|
|
- for(let i = 0;i<NameLength;i++){
|
|
|
- let unicodeNum = ""
|
|
|
- unicodeNum = this.randomAccess(0x4e00,0x9fa5).toString(16)
|
|
|
- name += this.decodeUnicode(unicodeNum)
|
|
|
- }
|
|
|
- return name
|
|
|
- },
|
|
|
- phoneinput(e){
|
|
|
- if(e.detail.value.length==11){
|
|
|
- this.codestatus=true
|
|
|
- }
|
|
|
- },
|
|
|
- getcode(){
|
|
|
- var that = this
|
|
|
- if(/^0?1[3|4|5|6|7|8][0-9]\d{8}$/.test(this.phone)){
|
|
|
- this.$api.doRequest('get','/commonUser/sendVerifyCode',{phone:this.phone}).then(res => {
|
|
|
- if(res.data.code==200){
|
|
|
- that.sendDisabled = true
|
|
|
- let sec = 60
|
|
|
- let interval = setInterval(() => {
|
|
|
- sec--;
|
|
|
- that.sendText = sec + 's后重发'
|
|
|
- if (sec <= 0) {
|
|
|
- that.sendDisabled = false
|
|
|
- that.sendText = "获取验证码"
|
|
|
- clearInterval(interval)
|
|
|
- }
|
|
|
- }, 1000)
|
|
|
- }else{
|
|
|
- uni.showToast({
|
|
|
- title: res.data.message,
|
|
|
- icon:'none',
|
|
|
- duration: 2000
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- .catch(res => {
|
|
|
- uni.showToast({
|
|
|
- title: res.data.message,
|
|
|
- icon:'none',
|
|
|
- duration: 2000
|
|
|
- })
|
|
|
- });
|
|
|
- }else{
|
|
|
- uni.showToast({
|
|
|
- title: '请输入正确的手机号',
|
|
|
- icon:'none',
|
|
|
- duration: 2000
|
|
|
- })
|
|
|
- }
|
|
|
-
|
|
|
- },
|
|
|
- register(){
|
|
|
- var that = this
|
|
|
- if(!this.consentStatus){
|
|
|
- uni.showToast({
|
|
|
- title: '请勾选协议',
|
|
|
- icon:'none',
|
|
|
- duration: 2000
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if(this.verifyCode.length>6){
|
|
|
- uni.showToast({
|
|
|
- title: '验证码错误',
|
|
|
- icon:'none',
|
|
|
- duration: 2000
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if(this.password.length<6){
|
|
|
- uni.showToast({
|
|
|
- title: '请输入正确的密码格式',
|
|
|
- icon:'none',
|
|
|
- duration: 2000
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- var username=this.getRandomName(3)
|
|
|
- this.$api.doRequest('post','/commonUser/register',{phone:this.phone,password:this.password,verifyCode:this.verifyCode,userName:username}).then(res => {
|
|
|
- if(res.data.code=='11002'){
|
|
|
- uni.showToast({
|
|
|
- title: '验证码错误或过期,请重新获取',
|
|
|
- icon:'none',
|
|
|
- duration: 2000
|
|
|
- })
|
|
|
- return
|
|
|
- }else if(res.data.code=='11004'){
|
|
|
- uni.showToast({
|
|
|
- title: '该手机号已注册,可直接登录',
|
|
|
- icon:'none',
|
|
|
- duration: 2000
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- else{
|
|
|
- uni.showLoading({
|
|
|
- title: '登录中',
|
|
|
- mask:true
|
|
|
- })
|
|
|
- this.$api.doRequest('get','/commonUser/login',{phone:this.phone,password:this.password,cid:this.clientId}).then(res => {
|
|
|
-
|
|
|
- if(res.data.code==200){
|
|
|
- // pc登录
|
|
|
- this.$api.doRequest('post','/commonUser/api/loginQuickly',{mobilePhone: this.phone,
|
|
|
- veriCode: "123456",}).then(res1 => {
|
|
|
- if(res1.data.code==200){
|
|
|
- uni.setStorageSync('pcUserInfo', res1.data.data)
|
|
|
- }
|
|
|
- else{
|
|
|
- that.$api.doRequest('post','/commonUser/api/loginQuickly',{mobilePhone: '13333333333',
|
|
|
- veriCode: "123456",}).then(res2 => {
|
|
|
- uni.setStorageSync('pcUserInfo', res2.data.data)
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- uni.setStorageSync('userInfo', res.data)
|
|
|
- that.$store.commit('login', res.data)
|
|
|
- // that.liangxinLogin()
|
|
|
- uni.switchTab({
|
|
|
- url: '/pages/sale/information'
|
|
|
- });
|
|
|
- }else{
|
|
|
- uni.showToast({
|
|
|
- title: res.data.message,
|
|
|
- icon:'none',
|
|
|
- duration: 2000
|
|
|
- })
|
|
|
- }
|
|
|
- uni.hideLoading()
|
|
|
- })
|
|
|
- .catch(res => {
|
|
|
- console.log(res);
|
|
|
- });
|
|
|
- }
|
|
|
- })
|
|
|
- .catch(res => {
|
|
|
- console.log(res);
|
|
|
- });
|
|
|
- },
|
|
|
- consent(){
|
|
|
- this.consentStatus=!this.consentStatus
|
|
|
- uni.setStorage({
|
|
|
- key: 'policyStorageKey',
|
|
|
- data: this.consentStatus
|
|
|
- });
|
|
|
- },
|
|
|
- switchover(){
|
|
|
- if(this.type=='password'){
|
|
|
- this.type='text'
|
|
|
- }else{
|
|
|
- this.type='password'
|
|
|
- }
|
|
|
- },
|
|
|
- gocode(){
|
|
|
- uni.navigateTo({
|
|
|
- url:'/pages/public/login'
|
|
|
- })
|
|
|
- },
|
|
|
- forgetpass(){
|
|
|
- uni.navigateTo({
|
|
|
- url:'/pages/public/reset'
|
|
|
- })
|
|
|
- },
|
|
|
- phonelogin(){
|
|
|
- var that=this
|
|
|
- uni.showLoading({
|
|
|
- title: '登录中',
|
|
|
- mask:true
|
|
|
- })
|
|
|
- console.log("clientid",that.clientId)
|
|
|
- this.$api.request('user', 'login',{
|
|
|
- password:that.password,
|
|
|
- phone:that.phone,
|
|
|
- cid:that.clientId
|
|
|
- }, failres => {
|
|
|
- that.$api.msg(failres.errmsg)
|
|
|
- uni.hideLoading()
|
|
|
- }).then(res => {
|
|
|
- console.log(res)
|
|
|
- uni.setStorageSync('userInfo', res.data)
|
|
|
- that.$store.commit('login', res.data)
|
|
|
- // that.liangxinLogin()
|
|
|
- uni.switchTab({
|
|
|
- url: '/pages/sale/information'
|
|
|
- });
|
|
|
- uni.hideLoading()
|
|
|
- })
|
|
|
- },
|
|
|
- appleLogin(){
|
|
|
- var that=this
|
|
|
- uni.getProvider({
|
|
|
- service: 'oauth',
|
|
|
- success: function (res) {
|
|
|
- // console.log(res.provider)
|
|
|
- if(~res.provider.indexOf('apple')) {
|
|
|
- uni.login({
|
|
|
- provider: 'apple',
|
|
|
- success: loginRes => {
|
|
|
- uni.getUserInfo({
|
|
|
- provider: 'apple',
|
|
|
- success: userInfoRes => {
|
|
|
-
|
|
|
- that.$api.request('user', 'thirdPartLogin', {
|
|
|
- loginType: 4/* */,
|
|
|
- raw: JSON.stringify(userInfoRes.userInfo)
|
|
|
- }, failres => {
|
|
|
- that.$api.msg(failres.errmsg)
|
|
|
- uni.hideLoading()
|
|
|
- }).then(res => {
|
|
|
- console.log("thirdPartLogin:"+res.data.phone)
|
|
|
- that.accessToken = res.data.accessToken
|
|
|
- that.logining = false
|
|
|
- uni.getUserInfo({
|
|
|
- lang: 'zh_CN',
|
|
|
- success: (e) => {
|
|
|
- uni.setStorageSync('userInfo', res.data)
|
|
|
- that.$store.commit('login', res.data)
|
|
|
- e.userInfo.nickname = e.userInfo.nickName
|
|
|
- e.userInfo.cid = uni.getStorageSync("clientId")
|
|
|
- that.$api.request('user', 'syncUserInfo', e.userInfo).then(syncRes => {
|
|
|
- //同步过后
|
|
|
- res.data.nickname = e.userInfo.nickName
|
|
|
- res.data.avatarUrl = e.userInfo.avatarUrl
|
|
|
- res.data.gender = e.userInfo.gender
|
|
|
-
|
|
|
- if(!res.data.phone){
|
|
|
- res.data.phone = e.userInfo.phone
|
|
|
- }
|
|
|
-
|
|
|
- uni.setStorageSync('userInfo', res.data)
|
|
|
- that.$store.commit('login', res.data)
|
|
|
- })
|
|
|
- },
|
|
|
- complete: (e) => {
|
|
|
- uni.hideLoading()
|
|
|
-
|
|
|
- if(!res.data.phone||res.data.phone==""||res.data.phone ==undefined){
|
|
|
- that.isPhone = true//显示自定义的获取手机权限提示框
|
|
|
- that.inputStatus = 'inline'
|
|
|
- that.inputContent = ''
|
|
|
- }
|
|
|
- else{
|
|
|
- uni.switchTab({
|
|
|
- url: '/pages/sale/sale'
|
|
|
- });
|
|
|
- console.log("complete")
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- })
|
|
|
- console.log('获取用户信息成功'+JSON.stringify(userInfoRes))
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- fail: err => {
|
|
|
- console.log('apple登录失败' + JSON.stringify(err))
|
|
|
- uni.showToast({
|
|
|
- title:'登录失败',
|
|
|
- icon:'none'
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- },
|
|
|
- fail: err => {
|
|
|
- uni.showToast({
|
|
|
- title:'登录失败',
|
|
|
- icon:'none'
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- doGetVerify() {
|
|
|
- const that = this
|
|
|
- var phone = this.inputContent;
|
|
|
- if (!phone || phone.length != 11) {
|
|
|
- uni.showToast({
|
|
|
- title:'请输入正确手机号!',
|
|
|
- icon:'none'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- that.$api.request('user', 'sendVerifyCode', {
|
|
|
- phone: phone,
|
|
|
- }).then(res => {
|
|
|
- that.sendDisabled = true
|
|
|
- let sec = 60
|
|
|
- let interval = setInterval(() => {
|
|
|
- sec--;
|
|
|
- that.sendText = sec + 's后重发'
|
|
|
- if (sec <= 0) {
|
|
|
- that.sendDisabled = false
|
|
|
- that.sendText = "获取验证码"
|
|
|
- clearInterval(interval)
|
|
|
- }
|
|
|
- }, 1000)
|
|
|
- })
|
|
|
-
|
|
|
- },
|
|
|
- verifyCodeInput(e){
|
|
|
- this.verifyCode = e.detail.value
|
|
|
- },
|
|
|
- cancel() {
|
|
|
- this.inputShow = false
|
|
|
- this.inputStatus = 'none'
|
|
|
- this.isPhone = false
|
|
|
- },
|
|
|
- confirm() {
|
|
|
- var that = this
|
|
|
- if (!this.inputContent || this.inputContent.length != 11) {
|
|
|
- uni.showToast({
|
|
|
- title:'请输入正确手机号!',
|
|
|
- icon:'none'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if (!this.verifyCode) {
|
|
|
- uni.showToast({
|
|
|
- title:'请输入验证码!',
|
|
|
- icon:'none'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- this.$api.request('user', 'mergeUser', {
|
|
|
- phone: that.inputContent,
|
|
|
- verifyCode:that.verifyCode
|
|
|
- },failres => {
|
|
|
- that.$api.msg(failres.errmsg)
|
|
|
- uni.hideLoading()
|
|
|
- }).then(res => {
|
|
|
- that.accessToken = res.data.accessToken
|
|
|
- that.$api.setUserInfo(res.data)
|
|
|
- that.logining = false
|
|
|
- uni.getUserInfo({
|
|
|
- lang: 'zh_CN',
|
|
|
- success: (e) => {
|
|
|
- uni.setStorageSync('userInfo', res.data)
|
|
|
- that.$store.commit('login', res.data)
|
|
|
- e.userInfo.nickname = e.userInfo.nickName
|
|
|
- e.userInfo.cid = uni.getStorageSync("clientId")
|
|
|
- console.log(e.userInfo)
|
|
|
- that.$api.request('user', 'syncUserInfo', e.userInfo).then(syncRes => {
|
|
|
- //同步过后
|
|
|
- res.data.nickname = e.userInfo.nickName
|
|
|
- res.data.avatarUrl = e.userInfo.avatarUrl
|
|
|
- res.data.gender = e.userInfo.gender
|
|
|
- res.data.phone = e.userInfo.phone
|
|
|
- uni.setStorageSync('userInfo', res.data)
|
|
|
- that.$store.commit('login', res.data)
|
|
|
- // that.liangxinLogin()
|
|
|
- })
|
|
|
- },
|
|
|
- complete: (e) => {
|
|
|
- uni.switchTab({
|
|
|
- url: '/pages/sale/information'
|
|
|
- });
|
|
|
- uni.hideLoading()
|
|
|
- that.isPhone=false
|
|
|
-
|
|
|
- uni.navigateBack()
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
-
|
|
|
- },
|
|
|
- ...mapMutations(['login']),
|
|
|
- inputChange(e) {
|
|
|
- const key = e.currentTarget.dataset.key;
|
|
|
- this[key] = e.detail.value;
|
|
|
- },
|
|
|
- chooseLoginType(type) {
|
|
|
- this.loginType = type
|
|
|
- },
|
|
|
- navBack() {
|
|
|
- uni.navigateBack();
|
|
|
- },
|
|
|
- toRegist() {
|
|
|
- uni.redirectTo({
|
|
|
- url: '/pages/public/register'
|
|
|
- })
|
|
|
- },
|
|
|
- ///发起消息订阅
|
|
|
- requestSubscribe(){
|
|
|
- const that = this
|
|
|
- wx.requestSubscribeMessage({
|
|
|
- tmplIds: ['xL_uZEqJz4QP1FbnlzQWAiO2zVBn3Qeu8JwLVOU3hU0','8cVkckXi_8zfHeScXRHhjN6cgZFYYCWIMPDTiPWagXY','IE7WxBsv-fDvPWSrng-97lGWtvZf9rHuECBlhRLlWxI'],//
|
|
|
- success :(res)=>{
|
|
|
- console.log("订阅消息 成功 "+res);
|
|
|
- },
|
|
|
- fail :(errMsg) =>{
|
|
|
- console.log("订阅消息 失败 "+errMsg.errMsg);
|
|
|
- },
|
|
|
- complete:(errMsg)=>{
|
|
|
- console.log("订阅消息 完成 "+errMsg);
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- });
|
|
|
- },
|
|
|
- getPhoneNumber(e) {
|
|
|
-
|
|
|
- console.log(e)
|
|
|
- if (e.mp.detail.errMsg==="getPhoneNumber:ok") {
|
|
|
- this.isPhone = false
|
|
|
- this.params.iv = e.mp.detail.iv
|
|
|
- this.params.encryptedData = e.mp.detail.encryptedData
|
|
|
- this.params.session_key = this.accessToken
|
|
|
- console.log(this.params)
|
|
|
- this.getTokenAsync(this.params)
|
|
|
- }
|
|
|
-
|
|
|
- },
|
|
|
- // 请求后获取token
|
|
|
- async getTokenAsync(params) {
|
|
|
- let that = this
|
|
|
- this.$api.request('user', 'getPhoneNumber', params).then(res => {
|
|
|
- if(res.data.phoneNumber){
|
|
|
- that.userInfo.phone = res.data.phoneNumber
|
|
|
- }
|
|
|
- if(res.data.unionId){
|
|
|
- that.userInfo.unionId = res.data.unionId
|
|
|
- }
|
|
|
-
|
|
|
- that.userInfo.cid = uni.getStorageSync("clientId")
|
|
|
- console.log(that.userInfo)
|
|
|
- that.$api.request('user', 'syncUserInfo', that.userInfo).then(syncRes => {
|
|
|
- uni.setStorageSync('userInfo', that.userInfo)
|
|
|
- that.$store.commit('login', that.userInfo)
|
|
|
- that.$api.setUserInfo(that.userInfo)
|
|
|
- uni.hideLoading()
|
|
|
- // that.liangxinLogin()
|
|
|
- })
|
|
|
- if(res.data.phoneNumber){
|
|
|
- uni.switchTab({
|
|
|
- url: '/pages/sale/information'
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
- })
|
|
|
- },
|
|
|
- async toLogin() {
|
|
|
- this.verifyCode = ''
|
|
|
- const that = this
|
|
|
- if (that.phone.length !== 11) {
|
|
|
- that.$api.msg('请输入11位中国手机号')
|
|
|
- } else if (that.password.length < 8) {
|
|
|
- that.$api.msg('密码至少8位')
|
|
|
- } else {
|
|
|
- that.logining = true;
|
|
|
- //#ifdef MP-WEIXIN
|
|
|
- //若是小程序平台,则获取到openId。整个过程是静默完成的
|
|
|
- uni.login({
|
|
|
- provider: 'weixin',
|
|
|
- success: (wxres => {
|
|
|
- that.$api.request('user', 'login', {
|
|
|
- phone: that.phone,
|
|
|
- password: that.password,
|
|
|
- loginType: 1,
|
|
|
- raw: JSON.stringify(wxres)
|
|
|
- }, failres => {
|
|
|
- that.logining = false
|
|
|
- uni.showToast({
|
|
|
- title: failres.errmsg,
|
|
|
- icon: "none"
|
|
|
- });
|
|
|
- }).then(res => {
|
|
|
- that.logining = false
|
|
|
- that.$store.commit('login', res.data)
|
|
|
- uni.setStorageSync('userInfo', res.data)
|
|
|
- if (that.$api.prePage().lodaData) {
|
|
|
- that.$api.prePage().loadData()
|
|
|
- }
|
|
|
- uni.navigateBack()
|
|
|
- })
|
|
|
- })
|
|
|
- })
|
|
|
- //#endif
|
|
|
- //#ifdef APP-PLUS || H5
|
|
|
- //若是App登录,则不需要保存OpenId。可直接登录
|
|
|
- that.$api.request('user', 'login', {
|
|
|
- phone: that.phone,
|
|
|
- password: that.password,
|
|
|
- }, failres => {
|
|
|
- that.logining = false
|
|
|
- uni.showToast({
|
|
|
- title: failres.errmsg,
|
|
|
- icon: "none"
|
|
|
- });
|
|
|
- }).then(res => {
|
|
|
- that.logining = false
|
|
|
- that.$store.commit('login', res.data)
|
|
|
- uni.setStorageSync('userInfo', res.data)
|
|
|
- if (that.$api.prePage().lodaData) {
|
|
|
- that.$api.prePage().loadData()
|
|
|
- }
|
|
|
- uni.navigateBack()
|
|
|
- })
|
|
|
- //#endif
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- miniWechatLogin(e) {
|
|
|
- const that = this
|
|
|
- //旧版本方式
|
|
|
- if( this.canIUseProfile == false ){
|
|
|
- console.log("旧版本方式")
|
|
|
- //获取授权信息
|
|
|
- if(e.detail.userInfo){
|
|
|
-
|
|
|
- console.log('用户允许了授权')
|
|
|
- console.log( e.detail.userInfo ); //1.拿到基本的微信信息!!
|
|
|
-
|
|
|
- uni.showLoading({
|
|
|
- title: '加载中',
|
|
|
- mask:true
|
|
|
- })
|
|
|
- that.logining = true
|
|
|
- let loginType = 1
|
|
|
- let userInfo = e.detail.userInfo
|
|
|
- uni.login({
|
|
|
- provider: 'weixin',
|
|
|
- success: (wxres => {
|
|
|
- that.logining = false
|
|
|
- that.$api.request('user', 'thirdPartLogin', {
|
|
|
- loginType: loginType,
|
|
|
- raw: JSON.stringify(wxres)
|
|
|
- }, failres => {
|
|
|
- that.$api.msg(failres.errmsg)
|
|
|
- uni.hideLoading()
|
|
|
- }).then(res => {
|
|
|
- that.accessToken = res.data.accessToken
|
|
|
- that.$api.setUserInfo(res.data)
|
|
|
- that.userInfo = res.data
|
|
|
- uni.getUserInfo({
|
|
|
- lang: 'zh_CN',
|
|
|
- provider: 'weixin',
|
|
|
- withCredentials:true,
|
|
|
- success: (e) => {
|
|
|
- that.params.iv = e.iv
|
|
|
- that.params.encryptedData = e.encryptedData
|
|
|
- that.params.session_key = that.accessToken
|
|
|
- console.log(this.params)
|
|
|
- that.getTokenAsync(this.params)
|
|
|
- uni.setStorageSync('userInfo', res.data)
|
|
|
- that.$store.commit('login', res.data)
|
|
|
- e.userInfo.nickname = e.userInfo.nickName
|
|
|
- if(e.userInfo.phone == undefined){
|
|
|
- e.userInfo.phone = ''
|
|
|
- }
|
|
|
- e.userInfo.cid = uni.getStorageSync("clientId")
|
|
|
- console.log(e.userInfo)
|
|
|
- that.$api.request('user', 'syncUserInfo', e.userInfo).then(syncRes => {
|
|
|
- //同步过后
|
|
|
- res.data.nickname = userInfo.nickName
|
|
|
- res.data.avatarUrl = userInfo.avatarUrl
|
|
|
- res.data.gender = userInfo.gender
|
|
|
- if(userInfo.phone){
|
|
|
- res.data.phone = userInfo.phone
|
|
|
- // that.liangxinLogin()
|
|
|
- }
|
|
|
- uni.setStorageSync('userInfo', res.data)
|
|
|
- that.$store.commit('login', res.data)
|
|
|
- that.$api.setUserInfo(res.data)
|
|
|
-
|
|
|
- uni.hideLoading()
|
|
|
- // uni.navigateBack()
|
|
|
- })
|
|
|
- },
|
|
|
- complete: (e) => {
|
|
|
- uni.hideLoading()
|
|
|
-
|
|
|
- if(!res.data.phone||res.data.phone==""||res.data.phone ==undefined){
|
|
|
- that.isPhone = true//显示自定义的获取手机权限提示框
|
|
|
- that.inputStatus = 'inline'
|
|
|
- that.inputContent = ''
|
|
|
- }
|
|
|
- else{
|
|
|
- uni.setStorageSync('PageCur', "sale");
|
|
|
- // uni.switchTab({
|
|
|
- // url: '/pages/sale/sale'
|
|
|
- // });
|
|
|
- uni.switchTab({
|
|
|
- url: '/pages/sale/information'
|
|
|
- });
|
|
|
- console.log("complete")
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- }),
|
|
|
-
|
|
|
- })
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- //新版本方式
|
|
|
- }else{
|
|
|
- console.log("新版本方式")
|
|
|
- uni.showLoading({
|
|
|
- title: '加载中',
|
|
|
- mask:true
|
|
|
- })
|
|
|
- that.logining = true
|
|
|
- let loginType = 1
|
|
|
- wx.getUserProfile({
|
|
|
- desc : '用于完善用户资料',
|
|
|
- lang : 'zh_CN',
|
|
|
- success : function( proRes ){
|
|
|
- console.log('proRes.userInfo',proRes.userInfo)
|
|
|
- uni.login({
|
|
|
- provider: 'weixin',
|
|
|
- success: (wxres => {
|
|
|
- that.logining = false
|
|
|
- that.$api.request('user', 'thirdPartLogin', {
|
|
|
- loginType: loginType,
|
|
|
- raw: JSON.stringify(wxres)
|
|
|
- }, failres => {
|
|
|
- that.$api.msg(failres.errmsg)
|
|
|
- uni.hideLoading()
|
|
|
- }).then(res => {
|
|
|
- console.log('res+++++',res)
|
|
|
- that.accessToken = res.data.accessToken
|
|
|
- that.$api.setUserInfo(res.data)
|
|
|
- that.userInfo = res.data
|
|
|
- // that.params.iv = proRes.iv
|
|
|
- // that.params.encryptedData = proRes.encryptedData
|
|
|
- // that.params.session_key = that.accessToken
|
|
|
- // console.log(that.params)
|
|
|
- // that.getTokenAsync(that.params)
|
|
|
- uni.setStorageSync('userInfo', res.data)
|
|
|
- that.$store.commit('login', res.data)
|
|
|
- if(proRes.userInfo.phone == undefined){
|
|
|
- proRes.userInfo.phone = ''
|
|
|
- }
|
|
|
- res.data.cid = uni.getStorageSync("clientId")
|
|
|
- that.$api.request('user', 'syncUserInfo', res.data).then(syncRes => {
|
|
|
- //同步过后
|
|
|
- res.data.nickname = proRes.userInfo.nickName
|
|
|
- res.data.avatarUrl = proRes.userInfo.avatarUrl
|
|
|
- res.data.gender = proRes.userInfo.gender
|
|
|
- if(proRes.userInfo.phone){
|
|
|
- res.data.phone = proRes.userInfo.phone
|
|
|
- }
|
|
|
- uni.setStorageSync('userInfo', res.data)
|
|
|
- that.$store.commit('login', res.data)
|
|
|
- that.$api.setUserInfo(res.data)
|
|
|
- uni.hideLoading()
|
|
|
- if(!that.userInfo.phone||that.userInfo.phone==""||that.userInfo.phone ==undefined){
|
|
|
- that.isPhone = true//显示自定义的获取手机权限提示框
|
|
|
- that.inputStatus = 'inline'
|
|
|
- that.inputContent = ''
|
|
|
- }
|
|
|
- else{
|
|
|
- uni.setStorageSync('PageCur', "sale");
|
|
|
- // uni.switchTab({
|
|
|
- // url: '/pages/sale/sale'
|
|
|
- // });
|
|
|
- uni.reLaunch({
|
|
|
- url: '/pages/sale/information'
|
|
|
- });
|
|
|
- console.log("complete")
|
|
|
- // that.liangxinLogin()
|
|
|
- }
|
|
|
- })
|
|
|
- console.log( 'wx.getUserProfile=>用户允许了授权' );
|
|
|
- })
|
|
|
- })
|
|
|
- })
|
|
|
-
|
|
|
- },
|
|
|
- fail : function( res ){
|
|
|
- console.log('wx.getUserProfile=>用户拒绝了授权');
|
|
|
- console.log( res );
|
|
|
-
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- // 获取用户的当前设置,判断是否点击了“总是保持以上,不在询问”
|
|
|
- // wx.getSetting({
|
|
|
- // withSubscriptions: true,//是否获取用户订阅消息的订阅状态,默认false不返回
|
|
|
- // success(res){
|
|
|
- //
|
|
|
- // if(res.subscriptionsSetting.mainSwitch){
|
|
|
-
|
|
|
- // }else{
|
|
|
-
|
|
|
- // }
|
|
|
- // }
|
|
|
- // })
|
|
|
- // uni.showModal({
|
|
|
- // title: '温馨提示',
|
|
|
- // content: '为更好的与您沟通,小程序需要向您发送通知消息',
|
|
|
- // confirmText:"同意",
|
|
|
- // cancelText:"拒绝",
|
|
|
- // showCancel: false,
|
|
|
- // success: function (res) {
|
|
|
- // if (res.confirm) {
|
|
|
- // //调用订阅消息
|
|
|
- // that.requestSubscribe();
|
|
|
- // } else if (res.cancel) {
|
|
|
- // ///显示第二个弹说明一下
|
|
|
- // wx.showModal({
|
|
|
- // title: '温馨提示',
|
|
|
- // content: '拒绝后您将无法获取实时的交易、物流消息',
|
|
|
- // confirmText:"知道了",
|
|
|
- // showCancel:false,
|
|
|
- // success: function (res) {
|
|
|
- // uni.openSetting({ // 打开设置页
|
|
|
- // success(res) {
|
|
|
- // console.log(res.authSetting)
|
|
|
- // }
|
|
|
- // });
|
|
|
- // }
|
|
|
- // });
|
|
|
- // }
|
|
|
- // }
|
|
|
- // });
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- },
|
|
|
- wechatLogin() {
|
|
|
- const that = this
|
|
|
- that.logining = true
|
|
|
- let loginType = 2
|
|
|
- uni.showLoading({
|
|
|
- title: '正在同步消息',
|
|
|
- mask:true
|
|
|
- })
|
|
|
- uni.login({
|
|
|
- provider: 'weixin',
|
|
|
- success: (wxres => {
|
|
|
- that.$api.request('user', 'thirdPartLogin', {
|
|
|
- loginType: loginType,
|
|
|
- raw: JSON.stringify(wxres)
|
|
|
- }, failres => {
|
|
|
- that.$api.msg(failres.errmsg)
|
|
|
- uni.hideLoading()
|
|
|
- }).then(res => {
|
|
|
- console.log("thirdPartLogin:"+res.data.phone)
|
|
|
- that.accessToken = res.data.accessToken
|
|
|
- that.logining = false
|
|
|
- uni.getUserInfo({
|
|
|
- lang: 'zh_CN',
|
|
|
- success: (e) => {
|
|
|
- uni.setStorageSync('userInfo', res.data)
|
|
|
- that.$store.commit('login', res.data)
|
|
|
- e.userInfo.nickname = e.userInfo.nickName
|
|
|
- e.userInfo.cid = uni.getStorageSync("clientId")
|
|
|
- console.log(e.userInfo)
|
|
|
- that.$api.request('user', 'syncUserInfo', e.userInfo).then(syncRes => {
|
|
|
- //同步过后
|
|
|
- res.data.nickname = e.userInfo.nickName
|
|
|
- res.data.avatarUrl = e.userInfo.avatarUrl
|
|
|
- res.data.gender = e.userInfo.gender
|
|
|
- if(res.data.phone){
|
|
|
- res.data.phone = e.userInfo.phone
|
|
|
- // that.liangxinLogin()
|
|
|
- }
|
|
|
-
|
|
|
- uni.setStorageSync('userInfo', res.data)
|
|
|
- that.$store.commit('login', res.data)
|
|
|
- })
|
|
|
- },
|
|
|
- complete: (e) => {
|
|
|
- uni.hideLoading()
|
|
|
-
|
|
|
- if(!res.data.phone||res.data.phone==""||res.data.phone ==undefined){
|
|
|
- that.isPhone = true//显示自定义的获取手机权限提示框
|
|
|
- that.inputStatus = 'inline'
|
|
|
- that.inputContent = ''
|
|
|
- }
|
|
|
- else{
|
|
|
- // uni.switchTab({
|
|
|
- // url: '/pages/sale/sale'
|
|
|
- // });
|
|
|
- uni.switchTab({
|
|
|
- url: '/pages/sale/information'
|
|
|
- });
|
|
|
- console.log("complete")
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- })
|
|
|
- })
|
|
|
- })
|
|
|
- },
|
|
|
- wechatH5Login() {
|
|
|
- const that = this
|
|
|
- let href = window.location.origin
|
|
|
- let page = that.$api.prePage()
|
|
|
- let prePath = '/pages/index/index'
|
|
|
- if (page) {
|
|
|
- prePath = page.__page__.path
|
|
|
- }
|
|
|
- window.location = 'https://open.weixin.qq.com/connect/oauth2/authorize?'
|
|
|
- + 'appid=' + that.$api.defConfig().h5Appid + '&redirect_uri=' + escape(href) + '&response_type=code&scope=snsapi_userinfo&state=' + escape(prePath) + '#wechat_redirect'
|
|
|
- },
|
|
|
- liangxinLogin(){
|
|
|
- const that = this
|
|
|
- var userInfoTmp = uni.getStorageSync("userInfo")
|
|
|
- console.log('userInfoTmp',userInfoTmp)
|
|
|
- that.$socket.login(userInfoTmp.phone, "123456", null, res=>{
|
|
|
- console.log('粮信登录',res)
|
|
|
- if (res.success) {
|
|
|
- that.$socket.showLoginDialog = false
|
|
|
- // 缓存用户
|
|
|
- that.userData = res.response.data
|
|
|
- console.log('userData',that.userData)
|
|
|
- that.$u.vuex("userData", that.userData);
|
|
|
- // 缓存通讯录
|
|
|
- that.$socket.listGuests(that.userData.user.operId, res => {
|
|
|
- // #ifdef APP-PLUS
|
|
|
- createFSQL(that.userData.user.operId).then();
|
|
|
- let contact = res.response.data;
|
|
|
- contact.forEach(c=>{
|
|
|
- c.members.forEach(m=>{
|
|
|
- m.name = c.name;
|
|
|
- addFSQL(m, that.userData.user.operId).then();
|
|
|
- })
|
|
|
- })
|
|
|
- // #endif
|
|
|
- that.$u.vuex('firendItem', res.response.data)
|
|
|
- });
|
|
|
-
|
|
|
- // 缓存消息列表
|
|
|
- that.$socket.queryOnlineMessage(that.userData.user.operId,q =>{
|
|
|
- let data = q.response.data;
|
|
|
- for(var i in data){
|
|
|
- initData(data[i].groupMsg.list, data[i].groupInfo.chatId);
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- // 缓存链接
|
|
|
- that.$socket.getLinks(that.userData.user.operId, res=>{
|
|
|
- that.$u.vuex('linkItem',res.response.data)
|
|
|
- });
|
|
|
-
|
|
|
-
|
|
|
- // // 跳转到消息列表
|
|
|
- // that.$u.route({
|
|
|
- // url: 'pages/home/home',
|
|
|
- // type: 'switchTab'
|
|
|
- // });
|
|
|
- } else {
|
|
|
- uni.showModal({
|
|
|
- title:res.reason + ",请稍后再试",
|
|
|
- showCancel:false
|
|
|
- })
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- }
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang='scss' scoped>
|
|
|
- .password{
|
|
|
- border:none;
|
|
|
- outline: none;
|
|
|
-
|
|
|
- }
|
|
|
- .apple{
|
|
|
- background: #000;
|
|
|
- width: 35px;
|
|
|
- height: 35px;
|
|
|
- padding: 8px;
|
|
|
- border-radius: 50%;
|
|
|
- vertical-align: middle;
|
|
|
- }
|
|
|
- page {
|
|
|
- background: #fff;
|
|
|
- }
|
|
|
- .cuIcon-weixin{
|
|
|
- background: #39b54a;
|
|
|
- color: #fff;
|
|
|
- font-size: 18px;
|
|
|
- padding: 9px;
|
|
|
- border-radius: 50%;
|
|
|
- vertical-align: middle;
|
|
|
- margin-right:5px;
|
|
|
- }
|
|
|
- .container {
|
|
|
- padding-top: 85px;
|
|
|
- position: relative;
|
|
|
- width: 100vw;
|
|
|
- height: 100vh;
|
|
|
- overflow: hidden;
|
|
|
- background: url('~@/static/img/login/bg.png');
|
|
|
- background-size:100%;
|
|
|
- }
|
|
|
- .close{
|
|
|
- width:20px;height:20px;position:absolute;
|
|
|
- right:0px;
|
|
|
- }
|
|
|
- .close1{
|
|
|
- width:20px;height:20px;position:absolute;
|
|
|
- right:10px;
|
|
|
- top:0;
|
|
|
- }
|
|
|
- .close2{
|
|
|
- width: 15px;
|
|
|
- height: 15px;
|
|
|
- position: absolute;
|
|
|
- right: 19px;
|
|
|
- top: 50%;
|
|
|
- transform: translateY(-45%);
|
|
|
- }
|
|
|
- .wrapper {
|
|
|
- position: relative;
|
|
|
- z-index: 90;
|
|
|
- padding-bottom: 40upx;
|
|
|
- height:100%;
|
|
|
- padding:0 30px;
|
|
|
- }
|
|
|
-
|
|
|
- .back-btn {
|
|
|
- position: absolute;
|
|
|
- left: 40upx;
|
|
|
- z-index: 9999;
|
|
|
- padding-top: var(--status-bar-height);
|
|
|
- top: 40upx;
|
|
|
- font-size: 40upx;
|
|
|
- color: $font-color-dark;
|
|
|
- }
|
|
|
- .verificationCode{
|
|
|
- margin-top:20px;
|
|
|
- background:#F5F6F9;
|
|
|
- color:#AFB3BF;
|
|
|
- }
|
|
|
- .verificationCode:after{
|
|
|
- border:none;
|
|
|
- }
|
|
|
- .register{
|
|
|
- position:absolute;
|
|
|
- bottom:20px;
|
|
|
- left:50%;
|
|
|
- transform: translateX(-50%);
|
|
|
- color:#333333;
|
|
|
- height:50px;
|
|
|
- line-height:50px;
|
|
|
- border-radius:30px;border: 1px solid #444444;
|
|
|
- }
|
|
|
- .register:after{
|
|
|
- border:none;
|
|
|
- }
|
|
|
- .verificationCode.active{
|
|
|
- background:#22C572;
|
|
|
- color:#fff;
|
|
|
- }
|
|
|
- .getcode{
|
|
|
- font-size:14px;
|
|
|
- position:absolute;
|
|
|
- right:0;
|
|
|
- top:50%;
|
|
|
- transform: translateY(-50%);
|
|
|
- color:#AFB3BF;
|
|
|
- background:#F5F6F9;
|
|
|
- height:30px;
|
|
|
- line-height:30px;
|
|
|
-
|
|
|
- }
|
|
|
- .getcode:after{
|
|
|
- border:none;
|
|
|
- }
|
|
|
- uni-navigator{
|
|
|
- display:inline-block;
|
|
|
- color:#22C572;
|
|
|
- }
|
|
|
- .getcode.active{
|
|
|
- background:#22C572;
|
|
|
- color:#fff;
|
|
|
- }
|
|
|
-</style>
|