karlcarlo
a5c5d753b6
- 新增大量图片资源，包括图标、背景图、海报等，用于页面展示 - 添加字体文件及样式配置，支持自定义字体 - 引入 uni-ui 组件库，包括图标、弹窗、日期选择器等常用组件 - 添加网络状态监听、加密工具等基础工具函数 - 配置 Vuex 状态管理，包括购物车数量、热门搜索词等 - 增加页面组件，如用户协议、分销信息、提现状态等 - 配置项目构建和忽略文件，优化开发体验
128 lines
2.4 KiB
Vue
128 lines
2.4 KiB
Vue
<template>
|
||
<view class="scan_login">
|
||
<view class="head">
|
||
<image :src="userInfo.avatar" mode=""></image>
|
||
<view class="big">{{userInfo.nickname}}</view>
|
||
<view class="small">点击授权登录您的客服工作台</view>
|
||
<view class="sub_btn btn" @click="scanLogin">授权登录</view>
|
||
<view class="out btn" @click="closePage">取消</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
getUserInfo,
|
||
} from '@/api/user.js';
|
||
import { codeStauts,kefuScanLogin } from '@/api/kefu.js'
|
||
export default{
|
||
name:'scan_login',
|
||
data(){
|
||
return {
|
||
code:'',
|
||
userInfo:{}
|
||
}
|
||
},
|
||
onLoad(optios) {
|
||
this.code = optios.key
|
||
this.codeStauts()
|
||
this.getUserInfo()
|
||
},
|
||
methods:{
|
||
codeStauts(){
|
||
codeStauts({
|
||
code:this.code
|
||
}).then(res=>{
|
||
|
||
}).catch(error=>{
|
||
this.openModel(error)
|
||
})
|
||
},
|
||
// 确认
|
||
scanLogin(){
|
||
if(this.code){
|
||
kefuScanLogin({
|
||
code:this.code
|
||
}).then(res=>{
|
||
uni.showToast({
|
||
title:res.msg,
|
||
icon:'success'
|
||
})
|
||
setTimeout(res=>{
|
||
WeixinJSBridge.call('closeWindow');
|
||
},2000)
|
||
}).catch(error=>{
|
||
this.openModel(error)
|
||
})
|
||
}else{
|
||
this.openModel('没有登录的code，请重新扫码')
|
||
}
|
||
|
||
},
|
||
openModel(data){
|
||
uni.showModal({
|
||
title:'提示',
|
||
content:data,
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
WeixinJSBridge.call('closeWindow');
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
})
|
||
},
|
||
closePage(){
|
||
WeixinJSBridge.call('closeWindow');
|
||
},
|
||
// 获取用户信息
|
||
getUserInfo(){
|
||
getUserInfo().then(res=>{
|
||
this.userInfo = res.data
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="stylus">
|
||
page{
|
||
height: 100%;
|
||
background: #fff;
|
||
}
|
||
.scan_login
|
||
.head
|
||
display flex
|
||
flex-direction column
|
||
align-items center
|
||
padding-top 96rpx
|
||
image
|
||
width 178rpx
|
||
height 178rpx
|
||
border-radius 50%
|
||
.big
|
||
margin 20rpx 0 10rpx
|
||
font-size 32rpx
|
||
color #282828
|
||
.small
|
||
color #9f9f9f
|
||
font-size 28rpx
|
||
.btn
|
||
display flex
|
||
align-items center
|
||
justify-content center
|
||
width 594rpx
|
||
height 86rpx
|
||
margin 28rpx auto 0
|
||
font-size 30rpx
|
||
color #fff
|
||
border-radius 43rpx
|
||
background: linear-gradient(90deg, #3875EA 0%, #1890FC 100%);
|
||
&.out
|
||
border 1px solid #3875EA
|
||
background none
|
||
color #3875EA
|
||
&.sub_btn
|
||
margin-top 96rpx
|
||
</style>
|