You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
143 lines
3.2 KiB
143 lines
3.2 KiB
<template> |
|
<view class="page-content my-bg"> |
|
<cu-custom class="main-topbar bg-main-oil" bgColor="bg-white"> |
|
<block slot="content">绑定星油云站</block> |
|
</cu-custom> |
|
<view class="pannel"> |
|
<view class="logo margin-top"> |
|
<img :src="baseURL+'/static/img/order-xy.png'" mode="" /> |
|
</view> |
|
<view class="bg-white margin padding radius shadow-warp"> |
|
<view class="text-bold padding-bottom text-center"> |
|
油站工作人员绑定油站 |
|
</view> |
|
<view class="text-grey padding-bottom text-center"> |
|
请确认您的手机号码已注册星油云站 |
|
</view> |
|
<view class="cu-form-group"> |
|
<view class="title">云站号</view> |
|
<input placeholder="请输入云站编号" name="input"></input> |
|
</view> |
|
</view> |
|
<view class="margin"> |
|
<button class="bg-main-oil" @tap="loginWeixin"> |
|
登录 |
|
</button> |
|
<button class="bg-main-oil" open-type="getUserInfo" @getuserinfo="getUserInfo"> |
|
登录测试getuserinfo |
|
</button> |
|
<button class="bg-main-oil" @tap="getMsg"> |
|
订阅消息 |
|
</button> |
|
<button class="bg-gradual-pink" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取微信绑定手机号</button> |
|
<button class="bg-gradual-pink" open-type="launchApp" @error="launchAppError">获取微信绑定手机号</button> |
|
</view> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
import loginApi from '@/api/login.js' |
|
export default { |
|
data() { |
|
return { |
|
baseURL: this.global.baseURL, |
|
forcedLogin: true |
|
}; |
|
}, |
|
created() { |
|
// this.loginWeixin() |
|
}, |
|
methods: { |
|
launchAppError(err){ |
|
console.log(err) |
|
}, |
|
getPhoneNumber(obj){ |
|
console.log(obj) |
|
}, |
|
getMsg() { |
|
uni.requestSubscribeMessage({ |
|
tmplIds: ['W5XD3NQVa6knC5jXHeWT8GS7q5CHrDUMY_sF79kLkKk'], |
|
success: (res) => { |
|
console.log(res) |
|
} |
|
}) |
|
}, |
|
getUserInfo({ |
|
detail |
|
}) { |
|
console.log('三方登录只演示登录api能力，暂未关联云端数据'); |
|
console.log('detail', detail) |
|
if (detail.userInfo) { |
|
this.loginLocal(detail.userInfo.nickName); |
|
} else { |
|
uni.showToast({ |
|
icon: 'none', |
|
title: '登陆失败' |
|
}); |
|
} |
|
|
|
}, |
|
loginLocal(nickName) { |
|
uni.setStorageSync('login_type', 'local') |
|
uni.setStorageSync('username', nickName) |
|
this.toMain(nickName); |
|
}, |
|
toMain(userName) { |
|
// this.login(userName) |
|
console.log(userName) |
|
/** |
|
* 强制登录时使用reLaunch方式跳转过来 |
|
* 返回首页也使用reLaunch方式 |
|
*/ |
|
if (this.forcedLogin) { |
|
uni.reLaunch({ |
|
url: '/pages/index/index', |
|
success: () => { |
|
console.log('success') |
|
}, |
|
fail: err => { |
|
console.log(err) |
|
} |
|
}); |
|
} else { |
|
uni.navigateBack(); |
|
} |
|
|
|
}, |
|
loginWeixin() { |
|
uni.login({ |
|
provider: 'weixin', |
|
success: loginRes => { |
|
const code = loginRes.code |
|
console.log(code) |
|
loginApi.loginWeixin(code).then(res => { |
|
console.log(res) |
|
}) |
|
}, |
|
fail: err => { |
|
console.log(err) |
|
} |
|
}); |
|
} |
|
} |
|
}; |
|
</script> |
|
|
|
<style scoped> |
|
.page-content { |
|
min-height: 100%; |
|
} |
|
|
|
.logo { |
|
min-width: 100%; |
|
text-align: center; |
|
} |
|
|
|
.logo img { |
|
width: 200upx; |
|
height: 200rpx; |
|
background-size: contain; |
|
margin: auto; |
|
} |
|
</style>
|
|
|