5 changed files with 262 additions and 79 deletions
-
3src/js/api.js
-
5src/pages.json
-
95src/pages/index/index.vue
-
205src/pages/login/login.vue
-
33src/subpackage/device/pages/login/login.vue
@ -0,0 +1,205 @@ |
|||||
|
<template> |
||||
|
<view class="login-container"> |
||||
|
<view class="lc-header"> |
||||
|
<view class="lh-logo"></view> |
||||
|
<view class="lh-name">欧轩智能场馆</view> |
||||
|
</view> |
||||
|
<view class="lc-form"> |
||||
|
<view class="lf-frame"><input placeholder="请输入品牌ID" v-model="formData.brand_id" /></view> |
||||
|
<view class="lf-frame"><input placeholder="请输入账号" v-model="formData.account" /></view> |
||||
|
<view class="lf-frame"><input placeholder="请输入密码" v-model="formData.password" password /></view> |
||||
|
</view> |
||||
|
|
||||
|
<button |
||||
|
class="lf-btn" |
||||
|
hover-class="hover-active" |
||||
|
open-type="getUserInfo" |
||||
|
lang="zh_CN" |
||||
|
@getuserinfo="submitBtn" |
||||
|
>登录</button> |
||||
|
<view class="lf-tip">提示：请联系管理员添加您为员工账号</view> |
||||
|
<view class="lf-bot-btn" @click="toWebView">成为商家</view> |
||||
|
|
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { API } from '../../js/api'; |
||||
|
import { servers } from '../../js/server'; |
||||
|
import util from '../../utils/util'; |
||||
|
const uniGetSetting = util.promisify(uni.getSetting); |
||||
|
const uniLogin = util.promisify(uni.login); |
||||
|
const APPID = uni.getAccountInfoSync().miniProgram.appId; |
||||
|
export default { |
||||
|
data(){ |
||||
|
return { |
||||
|
formData: { |
||||
|
brand_id: '', |
||||
|
account: '', |
||||
|
password: '', |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
async submitBtn(userRes){ |
||||
|
try{ |
||||
|
util.showLoad(); |
||||
|
if(!userRes.detail.userInfo){ |
||||
|
util.hideLoad(); |
||||
|
return util.showNone('获取用户信息失败！请稍后重试'); |
||||
|
} |
||||
|
|
||||
|
let loginRes = await uniLogin(); |
||||
|
|
||||
|
if(!loginRes.code){ |
||||
|
util.hideLoad(); |
||||
|
return util.showNone('获取登陆凭证失败！稍后重试'); |
||||
|
} |
||||
|
let userInfo = userRes.detail || {}; |
||||
|
console.log(userRes) |
||||
|
let { formData } = this; |
||||
|
servers.post({ |
||||
|
url: API.WechatMiniApplogin, |
||||
|
data: { |
||||
|
appid: APPID, |
||||
|
code: loginRes.code, |
||||
|
encryptedData: userInfo.encryptedData, |
||||
|
// is_details: 1, |
||||
|
// 后端解密错误，直接传用户信息 |
||||
|
user_info: userInfo.userInfo, |
||||
|
user_raw_data: userInfo.rawData, |
||||
|
...userInfo.userInfo, |
||||
|
username: formData.account, |
||||
|
password: formData.password, |
||||
|
brand_id: formData.brand_id, |
||||
|
}, |
||||
|
isDefaultGet: false, |
||||
|
}) |
||||
|
.then(res=>{ |
||||
|
util.hideLoad(); |
||||
|
let _data = res.data || {}; |
||||
|
if(_data.code == 0){ |
||||
|
util.showNone(_data.message || '操作成功！'); |
||||
|
|
||||
|
uni.setStorageSync('token',_data.data); |
||||
|
setTimeout(_=>{ |
||||
|
util.routeTo(`/pages/index/index`, rL); |
||||
|
}, 1200); |
||||
|
}else{ |
||||
|
util.showNone(_data.message || '操作失败！'); |
||||
|
} |
||||
|
|
||||
|
}) |
||||
|
.catch(util.hideLoad) |
||||
|
}catch(err){ |
||||
|
util.hideLoad(); |
||||
|
console.warn('login err', err); |
||||
|
} |
||||
|
}, |
||||
|
toWebView(){ |
||||
|
util.routeTo(`/pages/web_view/web_view`,'rL'); |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
@import '~style/public.scss'; |
||||
|
page{ |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
.login-container{ |
||||
|
padding-bottom: 0; |
||||
|
padding-bottom: calc( 0 + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */ |
||||
|
padding-bottom: calc( 0 + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */ |
||||
|
.lc-header{ |
||||
|
position: relative; |
||||
|
padding-top: 130upx; |
||||
|
margin-bottom: 86upx; |
||||
|
height: 470upx; |
||||
|
width: 100%; |
||||
|
overflow: hidden; |
||||
|
&::before{ |
||||
|
content: ''; |
||||
|
display: block; |
||||
|
position: absolute; |
||||
|
left: 50%; |
||||
|
bottom: 0upx; |
||||
|
z-index: -1; |
||||
|
transform: translateX(-50%); |
||||
|
background-color: $themeColor; |
||||
|
width: 3000upx; |
||||
|
height: 3000upx; |
||||
|
border-radius: 50%; |
||||
|
} |
||||
|
.lh-logo{ |
||||
|
margin: 0 auto 24upx; |
||||
|
width: 190upx; |
||||
|
height: 190upx; |
||||
|
border-radius: 50%; |
||||
|
background-color: #fff; |
||||
|
overflow: hidden; |
||||
|
>image{ |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
} |
||||
|
.lh-name{ |
||||
|
padding: 0 24upx; |
||||
|
text-align: center; |
||||
|
line-height: 50upx; |
||||
|
font-weight: 500; |
||||
|
font-size: 36upx; |
||||
|
color: #fff; |
||||
|
} |
||||
|
} |
||||
|
.lc-form{ |
||||
|
margin-bottom: 84upx; |
||||
|
.lf-frame{ |
||||
|
margin: 0 auto 28upx; |
||||
|
padding: 0 20upx; |
||||
|
width: 610upx; |
||||
|
height: 108upx; |
||||
|
border: 2upx solid #dddddd; |
||||
|
border-radius: 54upx; |
||||
|
>input{ |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
text-align: center; |
||||
|
font-size: 32upx; |
||||
|
color: #333; |
||||
|
} |
||||
|
&:last-child{ |
||||
|
margin-bottom: 0; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.lf-btn{ |
||||
|
margin-bottom: 16upx; |
||||
|
width: 610upx; |
||||
|
height: 108upx; |
||||
|
border-radius: 54upx; |
||||
|
border: none; |
||||
|
background-color: $themeColor; |
||||
|
font-size: 36upx; |
||||
|
line-height: 108upx; |
||||
|
color: #fff; |
||||
|
} |
||||
|
.lf-tip{ |
||||
|
margin-bottom: 118upx; |
||||
|
text-align: center; |
||||
|
line-height: 40upx; |
||||
|
text-align: center; |
||||
|
font-size: 28upx; |
||||
|
color: #9A9A9D; |
||||
|
} |
||||
|
.lf-bot-btn{ |
||||
|
margin-bottom: 20upx; |
||||
|
line-height: 40upx; |
||||
|
text-align: center; |
||||
|
font-size: 28upx; |
||||
|
color: $themeColor; |
||||
|
text-decoration: underline; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -1,33 +0,0 @@ |
|||||
<template> |
|
||||
<view class="login-container"> |
|
||||
<view class="lc-header"> |
|
||||
<view class="lh-logo"></view> |
|
||||
<view class="lh-name"></view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
export default { |
|
||||
|
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
@import '~style/public.scss'; |
|
||||
.login-container{ |
|
||||
.lc-header{ |
|
||||
padding-bottom: 136upx; |
|
||||
height: 236upx; |
|
||||
background-color: $themeColor; |
|
||||
.lh-log{ |
|
||||
margin: 0 auto 24upx; |
|
||||
width: 190upx; |
|
||||
height: 190upx; |
|
||||
} |
|
||||
.lh-name{ |
|
||||
font-size: 18upx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue