uu
This commit is contained in:
parent
eafbc58bc0
commit
48e9782c38
6
common/loginHandle.js
Normal file
6
common/loginHandle.js
Normal file
@ -0,0 +1,6 @@
|
||||
|
||||
import { goto } from "./untool"
|
||||
|
||||
export const goLogin = ()=> {
|
||||
// goto("login/login", 2)
|
||||
}
|
||||
@ -2,6 +2,8 @@ import { goto, getImageTempFilePath } from "./untool";
|
||||
import { showToast, showLoading, hideLoading, downloadFile } from "./untool"
|
||||
import { setSessionXToken, getSessionXToken } from "@/session"
|
||||
import { textEncoder, textDecoder } from "./util"
|
||||
import { goLogin } from "@/common/loginHandle"
|
||||
|
||||
const getCommonReqData = ()=> {
|
||||
const xToken = getSessionXToken()
|
||||
return {
|
||||
@ -84,7 +86,7 @@ async function handleResponse(options) {
|
||||
setSessionXToken()
|
||||
msg = '登录失效,请重新登录'
|
||||
showToast(msg)
|
||||
goto("login/login", 2)
|
||||
goLogin()
|
||||
return reject({
|
||||
code: {}
|
||||
});
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { showToast } from "./untool"
|
||||
const checkParams = (param, validConfig, showErrMsg = true)=> {
|
||||
return new Promise((resolve)=> {
|
||||
return new Promise((resolve, reject)=> {
|
||||
let errMsg = ''
|
||||
Object.keys(validConfig).map(key=> {
|
||||
const itemConf = validConfig[key]
|
||||
@ -14,6 +14,7 @@ const checkParams = (param, validConfig, showErrMsg = true)=> {
|
||||
})
|
||||
if(errMsg) {
|
||||
showErrMsg && showToast(errMsg)
|
||||
reject()
|
||||
} else {
|
||||
resolve()
|
||||
}
|
||||
|
||||
72
components/buns-api/login/index.vue
Normal file
72
components/buns-api/login/index.vue
Normal file
@ -0,0 +1,72 @@
|
||||
<template>
|
||||
<tpx-dialog v-model:show="lgDialog.show">
|
||||
<LoginComponent @succeedBack="handleLoginedBack" @needLoginInput="handleShowLogin"></LoginComponent>
|
||||
</tpx-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { USERKEY } from "@/store/actionKey"
|
||||
import { getSessionLoginInfo, setSessionLoginInfo, setSessionXToken } from "@/session"
|
||||
import { encrypt } from "@/common/libs/jsencrypt_utils"
|
||||
import { promiseTimeout, showToast } from "@/common/untool"
|
||||
|
||||
// #ifdef MP
|
||||
import LoginComponent from "@/components/buns-api/login/mp-login"
|
||||
// #endif
|
||||
|
||||
// #ifndef MP
|
||||
import LoginComponent from "@/components/buns-api/login/com-login"
|
||||
// #endif
|
||||
|
||||
export default {
|
||||
components: { LoginComponent },
|
||||
data() {
|
||||
return {
|
||||
lgDialog: { show: false },
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
||||
},
|
||||
created() {
|
||||
// setSessionXToken() // 登录前先清除xtoke
|
||||
},
|
||||
methods: {
|
||||
async handleLoginedBack() {
|
||||
await promiseTimeout(300)
|
||||
await this.$store.dispatch(USERKEY.GETUSERINFO)
|
||||
showToast("登录成功")
|
||||
this.reloadCurrentPage(this) // 刷新当前页面
|
||||
},
|
||||
handleShowLogin() {
|
||||
this.lgDialog.show = true
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.lgn-page {
|
||||
background-color: #B12D29;
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
background-size: 100% auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.yunduo{
|
||||
position: absolute;
|
||||
bottom: 0rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.avatar-empty{
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
line-height: 100rpx;
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 10rpx;
|
||||
font-size: 28rpx;
|
||||
color: $uni-color-primary;
|
||||
}
|
||||
</style>
|
||||
@ -1,54 +1,40 @@
|
||||
<template>
|
||||
<view class="lgn-page">
|
||||
<view class="pos-abt-all" style="z-index: 0;overflow: hidden;">
|
||||
<tpx-image width="750" mode="widthFix" :src="getCdnUrl('login/bg.png')"></tpx-image>
|
||||
<view class="yunduo">
|
||||
<tpx-image width="750" mode="widthFix" :src="getCdnUrl('login/bg-yun.png')"></tpx-image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="pos-rlt" style="z-index: 1;">
|
||||
<view>
|
||||
<u-image custom-style="margin: 160rpx auto 0 auto;" width="140" height="140" :src="getCdnUrl('logo.png')"></u-image>
|
||||
<u-text margin="70rpx 0 0 0" size="60" text="探路物流 速运全球" color="#fff" bold="true" align="center"></u-text>
|
||||
</view>
|
||||
<view style="margin-top: 90rpx;" class="pl-30 pr-30">
|
||||
|
||||
<u-row custom-style="margin-top: 30rpx;">
|
||||
<u-input type="nickname" v-model="submitLogin.nickName" placeholder="昵称"
|
||||
color="#fff" font-size="30" placeholder-style="color: #FFF;"
|
||||
custom-style="padding: 20rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;"
|
||||
></u-input>
|
||||
<view class="ml-40">
|
||||
<button class="btn-open avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
|
||||
<u-image v-if="submitLogin.avatarUrl" :src="submitLogin.avatarUrl" width="100" height="100" mode="aspectFill"/>
|
||||
<view v-else class="avatar-empty">头像</view>
|
||||
</button>
|
||||
</view>
|
||||
</u-row>
|
||||
|
||||
<u-row custom-style="margin-top: 30rpx;">
|
||||
<u-input v-model="submitLogin.phoneNumber" placeholder="手机号"
|
||||
color="#fff" font-size="30"
|
||||
custom-style="padding: 20rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;"
|
||||
placeholder-style="color: #FFF;"
|
||||
>
|
||||
<template #suffix>
|
||||
<button class="btn-open clr-wht font-28" open-type="getPhoneNumber"
|
||||
@getphonenumber="getPhoneNumber" style="background: rgba(255,255,255,0.2);"
|
||||
>
|
||||
获取手机号
|
||||
</button>
|
||||
</template>
|
||||
</u-input>
|
||||
</u-row>
|
||||
|
||||
<view style="margin-top: 70rpx;">
|
||||
<u-button v-if="!pageLoading" @click="handleConfirmLogin" custom-style="height:90rpx;font-size:32rpx;color: #B12D29;font-weight: bold;;box-shadow: 0rpx 12rpx 21rpx 0rpx rgba(177,45,41,0.32);border-radius: 16rpx;">登录</u-button>
|
||||
<tpx-layout>
|
||||
<template #body>
|
||||
<u-row custom-style="margin-top: 30rpx;">
|
||||
<u-input type="nickname" v-model="submitLogin.nickName" placeholder="昵称"
|
||||
color="#fff" font-size="30" placeholder-style="color: #FFF;"
|
||||
custom-style="padding: 20rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;"
|
||||
></u-input>
|
||||
<view class="ml-40">
|
||||
<button class="btn-open avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
|
||||
<u-image v-if="submitLogin.avatarUrl" :src="submitLogin.avatarUrl" width="100" height="100" mode="aspectFill"/>
|
||||
<view v-else class="avatar-empty">头像</view>
|
||||
</button>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-row>
|
||||
|
||||
<u-row custom-style="margin-top: 30rpx;">
|
||||
<u-input v-model="submitLogin.phoneNumber" placeholder="手机号"
|
||||
color="#fff" font-size="30"
|
||||
custom-style="padding: 20rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;"
|
||||
placeholder-style="color: #FFF;"
|
||||
>
|
||||
<template #suffix>
|
||||
<button class="btn-open clr-wht font-28" open-type="getPhoneNumber"
|
||||
@getphonenumber="getPhoneNumber" style="background: rgba(255,255,255,0.2);"
|
||||
>
|
||||
获取手机号
|
||||
</button>
|
||||
</template>
|
||||
</u-input>
|
||||
</u-row>
|
||||
</template>
|
||||
|
||||
<template #footer>
|
||||
<u-button v-if="!pageLoading" @click="handleConfirmLogin" custom-style="height:66rpx;font-size:32rpx;border-radius: 16rpx;">登录</u-button>
|
||||
</template>
|
||||
</tpx-layout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@ -58,7 +44,7 @@
|
||||
import * as apiService from "@/common/api"
|
||||
import { getCommonReqData } from "@/common/manageServer"
|
||||
import { doRequest } from "@/common/upload"
|
||||
import { getSessionUserInfo } from "@/session"
|
||||
import { getSessionUserInfo, getSessionXToken } from "@/session"
|
||||
|
||||
export default {
|
||||
data() {
|
||||
@ -76,6 +62,7 @@
|
||||
phoneNumber: { required: true, requiredMsg: '手机号不能为空' },
|
||||
},
|
||||
token: '',
|
||||
isLogined: !!getSessionXToken()
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
@ -97,21 +84,25 @@
|
||||
}
|
||||
},
|
||||
async initData(){
|
||||
await this.autoLogin()
|
||||
if(this.token) {
|
||||
// 如果用户信息已绑定,直接触发登录成功
|
||||
const res = await apiService.getInfoByApp({ _loading: true }, this.commodHeaders())
|
||||
let userInfo = res?.user || {}
|
||||
Object.assign(this.submitLogin , {
|
||||
nickName: userInfo.nickName,
|
||||
avatarUrl: userInfo.avatar,
|
||||
phoneNumber: userInfo.phonenumber,
|
||||
})
|
||||
// let seInfo = getSessionUserInfo()
|
||||
// // 手动退出的场景,不做自动登录
|
||||
// if(!seInfo.logout){}
|
||||
await checkParams(this.submitLogin, this.submitValidConfig, false)
|
||||
this.loginSucceed()
|
||||
if(!this.isLogined) {
|
||||
await this.autoLogin()
|
||||
if(this.token) {
|
||||
// 如果用户信息已绑定,直接触发登录成功
|
||||
const res = await apiService.getInfoByApp({ _loading: true }, this.commodHeaders())
|
||||
let userInfo = res?.user || {}
|
||||
Object.assign(this.submitLogin , {
|
||||
nickName: userInfo.nickName,
|
||||
avatarUrl: userInfo.avatar,
|
||||
phoneNumber: userInfo.phonenumber,
|
||||
})
|
||||
try{
|
||||
await checkParams(this.submitLogin, this.submitValidConfig, false)
|
||||
this.loginSucceed()
|
||||
}catch(err){
|
||||
this.$emit("needLoginInput")
|
||||
console.error("auto login checkParams err=====", err)
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
async onChooseAvatar(res) {
|
||||
@ -158,11 +149,8 @@
|
||||
|
||||
<style scoped lang="scss">
|
||||
.lgn-page {
|
||||
background-color: #B12D29;
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
background-size: 100% auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.yunduo{
|
||||
position: absolute;
|
||||
|
||||
@ -33,7 +33,7 @@
|
||||
<view class="edm-input-item">
|
||||
<u-row justify="between" align="top">
|
||||
<text class="font-28 pt-20 font-weight">总体积</text>
|
||||
<view v-if="totalVolume || true">
|
||||
<view>
|
||||
<tpx-input v-model:value="modelInfo.totalVolume" placeholder="" inputAlign="right" suffix="m³" _digit="5"></tpx-input>
|
||||
</view>
|
||||
</u-row>
|
||||
|
||||
@ -50,8 +50,9 @@
|
||||
// 取消选中
|
||||
remark = remark.replace(val, "")
|
||||
} else {
|
||||
remark += `${val}`
|
||||
remark += `,${val}`
|
||||
}
|
||||
remark = remark.split(",").filter(v=> !!v).join(",") // 去除多余,
|
||||
this.modelInfo.remark = remark
|
||||
}, 300)
|
||||
},
|
||||
|
||||
@ -2,11 +2,15 @@
|
||||
<view @click="handleClick" style="height: 100%;">
|
||||
<slot></slot>
|
||||
</view>
|
||||
<LoginComponent ref="loginRef"></LoginComponent>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { pageEventNames } from "@/common/enum"
|
||||
import LoginComponent from "@/components/buns-api/login/index"
|
||||
|
||||
export default {
|
||||
components: { LoginComponent },
|
||||
props: {
|
||||
|
||||
},
|
||||
|
||||
@ -82,7 +82,7 @@
|
||||
<tpx-select v-model:value="submitParam.paymentType" :list="dicData.emis_payment_type"
|
||||
mode="drop"
|
||||
>
|
||||
<tpx-text-item label="付款方式" :value="submitParam.paymentType" :list="dicData.emis_payment_type"></tpx-text-item>
|
||||
<tpx-text-item :required="true" label="付款方式" :value="submitParam.paymentType" :list="dicData.emis_payment_type"></tpx-text-item>
|
||||
</tpx-select>
|
||||
</view>
|
||||
<template v-if="isShowYueJie">
|
||||
@ -368,6 +368,7 @@
|
||||
if(this.isEdit) { }
|
||||
let params = JSON.parse(JSON.stringify(this.submitParam));
|
||||
params.goodsPics = params.goodsPics.join(",")
|
||||
params.totalVolume = params.totalVolume || 0
|
||||
await saveServerHand(params)
|
||||
await this.saveSuccessBack()
|
||||
},
|
||||
|
||||
@ -64,6 +64,7 @@
|
||||
import { dealBtnMap } from "@/common/enum"
|
||||
import { USERKEY } from "@/store/actionKey"
|
||||
import * as apiService from "@/common/api"
|
||||
import { goLogin } from "@/common/loginHandle"
|
||||
|
||||
export default {
|
||||
computed: {
|
||||
@ -118,7 +119,7 @@
|
||||
},
|
||||
async handleUnlogin() {
|
||||
await this.$store.dispatch(USERKEY.LOGOUT)
|
||||
this.goto(`login/login?isConfirmLogin=true`, 2)
|
||||
goLogin()
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
@ -7,6 +7,7 @@ import {
|
||||
} from "@/session"
|
||||
import * as apiService from "@/common/api"
|
||||
import { goto } from "@/common/untool"
|
||||
import { goLogin } from "@/common/loginHandle"
|
||||
|
||||
export default {
|
||||
state: {
|
||||
@ -75,9 +76,8 @@ export default {
|
||||
}, options) {
|
||||
if(!state.token) {
|
||||
console.log('缺少token')
|
||||
// TODO
|
||||
setTimeout(()=> {
|
||||
goto("login/login", 2)
|
||||
goLogin()
|
||||
}, 200)
|
||||
return
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user