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.
313 lines
8.4 KiB
313 lines
8.4 KiB
3 years ago
|
<template>
|
||
|
|
<view class="page-content " :class="(PageCur=='home'||PageCur=='scan')?'my-bg':''">
|
||
|
|
<!-- <uni-nav-bar left-icon="back" left-text="返回" right-text="菜单" title="导航栏组件"></uni-nav-bar> -->
|
||
|
|
<home ref='homecheck' v-if="PageCur=='home'||PageCur=='scan'" :user-account="userAccount" @changMenus='changMenus' :site="userAccount" :menusList = 'menusList' :checkUser = 'checkUser'></home>
|
||
|
|
<setup v-if="PageCur=='setup'"></setup>
|
||
|
|
<view class="bottom-view">
|
||
|
|
<view class="padding-top radius shadow bottom-bar-fixed">
|
||
|
|
<view class="cu-bar tabbar bg-white">
|
||
|
|
<view class="action text-gray" @tap="NavChange" data-cur="home">
|
||
|
|
<view class="cuIcon-homefill sl" :class="PageCur=='home'?'text-red':'text-gray'"></view>
|
||
|
|
<text :class="PageCur=='home'?'text-red':'text-gray'">
|
||
|
|
加油站
|
||
|
|
</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="action text-gray add-action" @tap="NavChange" data-cur="scan">
|
||
|
|
<button class="cu-btn cuIcon-scan sl shadow" :class="PageCur=='scan'?'bg-main-oil':'bg-gradual-orange'"></button>
|
||
|
|
<text :class="PageCur=='scan'?'text-red':'text-gray'">
|
||
|
|
一键扫码
|
||
|
|
</text>
|
||
|
|
</view>
|
||
|
|
<view class="action text-gray" @tap="NavChange" data-cur="setup">
|
||
|
|
<view class="cuIcon-peoplefill sl" :class="PageCur=='setup'?'text-red':'text-gray'"></view>
|
||
|
|
<text :class="PageCur=='setup'?'text-red':'text-gray'">
|
||
|
|
我的
|
||
|
|
</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import cloudSiteApi from '@/api/cloud-site.js'
|
||
|
|
import oliSiteApi from '@/api/oli-site.js'
|
||
|
|
import oliUserApi from '@/api/oli-user.js'
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
checkUser:false,
|
||
|
|
changeChannel:{
|
||
|
|
username:'',
|
||
|
|
channelId:'',
|
||
|
|
unionId:''
|
||
|
|
},
|
||
|
|
PageCur: 'home',
|
||
|
|
userAccount: {
|
||
|
|
totalCount: 0,
|
||
|
|
totalMoney: 0.00
|
||
|
|
},
|
||
|
|
loginUser: uni.getStorageSync('loginUser'),
|
||
|
|
channelId:uni.getStorageSync('channelId'),
|
||
|
|
menusList:[],
|
||
|
|
site: {},
|
||
|
|
userMenu: uni.getStorageSync('userMenu')
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onPullDownRefresh() {
|
||
|
|
// this.getUserInfo()
|
||
|
|
this.$refs.homecheck.checkInfo()
|
||
|
|
uni.redirectTo({
|
||
|
|
url: '../../packageOrders/pages/printTicket/printTicket'
|
||
|
|
})
|
||
|
|
},
|
||
|
|
onShow() {
|
||
|
|
// uni.showToast({
|
||
|
|
// title:'这里是show'
|
||
|
|
// })
|
||
|
|
//console.log('这里是indexonshow')
|
||
|
|
uni.setStorageSync('orderType',null)
|
||
|
|
// uni.preloadPage({url: "/pages/station-info/scan-camera/scan-camera"});
|
||
|
|
const token = uni.getStorageSync('Authorization')
|
||
|
|
const openid = uni.getStorageSync('device')
|
||
|
|
// //console.log('++++++++++++')
|
||
|
|
// //console.log(token)
|
||
|
|
// //console.log(openid)
|
||
|
|
// //console.log('++++++++++++')
|
||
|
|
if (token && openid) {
|
||
|
|
// this.getUserInfo()
|
||
|
|
// this.getSiteInfo()
|
||
|
|
} else {
|
||
|
|
uni.showToast({
|
||
|
|
title: '您还没有登录哦',
|
||
|
|
icon: "none"
|
||
|
|
})
|
||
|
|
setTimeout(function() {
|
||
|
|
uni.reLaunch({
|
||
|
|
url: '/pages/login/boforeLogin/boforeLogin',
|
||
|
|
success: () => {
|
||
|
|
//console.log('跳转成功')
|
||
|
|
},
|
||
|
|
fail: (err) => {
|
||
|
|
//console.log(err)
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}, 1500);
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onLoad() {
|
||
|
|
// uni.showToast({
|
||
|
|
// title:'这里是onLoad'
|
||
|
|
// })
|
||
|
|
// uni.navigateTo({
|
||
|
|
// url:'/pages/stationDetail/ZYSite'
|
||
|
|
// })
|
||
|
|
let _that =this
|
||
|
|
const Menus = uni.getStorageSync('userMenu')
|
||
|
|
//console.log('这里是接收menus处',Menus)
|
||
|
|
let menusList = []
|
||
|
|
Menus.forEach((item,index,Menus)=>{
|
||
|
|
if(item.roleName != 'ROOT' ){
|
||
|
|
// this.Splicing(item)
|
||
|
|
menusList.push(this.Splicing(item))
|
||
|
|
}
|
||
|
|
})
|
||
|
|
//console.log('这里是menusLisPush',menusList)
|
||
|
|
// uni.setStorageSync('menusLists',menusList)
|
||
|
|
let check = uni.getStorageSync('checkFirst')
|
||
|
|
//console.log(check)
|
||
|
|
if(check){
|
||
|
|
_that.checkUser = true
|
||
|
|
}
|
||
|
|
uni.setStorageSync('menusChangeList',menusList)
|
||
|
|
this.menusList = menusList
|
||
|
|
//console.log('这里是menusfor循环完成处',this.menusList)
|
||
|
|
// this.getUserInfo()
|
||
|
|
this.longiCheck()
|
||
|
|
// //console.log('++++++++')
|
||
|
|
//console.log('这里是传值处menus',this.menusList)
|
||
|
|
this.getPosition()
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
getPosition(){
|
||
|
|
let that = this
|
||
|
|
uni.getLocation({
|
||
|
|
type: 'gcj02',
|
||
|
|
success: function(res) {
|
||
|
|
uni.setStorage({
|
||
|
|
key:'location',
|
||
|
|
data:res
|
||
|
|
})
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
changMenus(data){
|
||
|
|
//console.log('这里是获取子级数据的地方+++++',data)
|
||
|
|
this.menusList =data
|
||
|
|
},
|
||
|
|
longiCheck(){
|
||
|
|
let userInfo = uni.getStorageSync('loginUser'),
|
||
|
|
_that =this
|
||
|
|
//console.log(userInfo)
|
||
|
|
oliUserApi.getByPhone(userInfo.userPhone).then((res)=>{
|
||
|
|
//console.log('调用')
|
||
|
|
if(res.code == 20000){
|
||
|
|
_that.checkList = 'show'
|
||
|
|
_that.oliList = res.data
|
||
|
|
_that.changeChannel.username = _that.loginUser.userPhone
|
||
|
|
_that.changeChannel.unionId = uni.getStorageSync('unionId')
|
||
|
|
}else{
|
||
|
|
uni.showToast({
|
||
|
|
title:'请求失败,请稍后再试',
|
||
|
|
icon:'none'
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
})
|
||
|
|
},
|
||
|
|
Splicing(list){
|
||
|
|
let obj = {
|
||
|
|
cuIcon: '',
|
||
|
|
path: '',
|
||
|
|
color: '',
|
||
|
|
badge: 0,
|
||
|
|
name:''
|
||
|
|
}
|
||
|
|
if(list.roleName == '扫码加油'){
|
||
|
|
obj.cuIcon = 'scan',
|
||
|
|
obj.path= '/pages/station-info/scan-camera/scan-camera',
|
||
|
|
obj.color= 'olive',
|
||
|
|
obj.badge= 0,
|
||
|
|
obj.name=list.roleName
|
||
|
|
}else if(list.roleName == '经营分析'){
|
||
|
|
obj.cuIcon = 'new',
|
||
|
|
obj.path= '',
|
||
|
|
obj.color= 'orange',
|
||
|
|
obj.badge= 0,
|
||
|
|
obj.name=list.roleName
|
||
|
|
}else if(list.roleName == '加油订单'){
|
||
|
|
obj.cuIcon = 'form',
|
||
|
|
obj.path= '/packageOrders/pages/orderList/orderList',
|
||
|
|
obj.color= 'yellow',
|
||
|
|
obj.badge= 0,
|
||
|
|
obj.name=list.roleName
|
||
|
|
}else if(list.roleName == '油站二维码'){
|
||
|
|
obj.cuIcon = 'qr_code',
|
||
|
|
obj.path= '/packageQr/pages/qrsite/QrCode_xy',
|
||
|
|
obj.color= 'cyan',
|
||
|
|
obj.badge= 0,
|
||
|
|
obj.name=list.roleName
|
||
|
|
}else if(list.roleName == '员工管理'){
|
||
|
|
obj.cuIcon = 'expressman',
|
||
|
|
obj.path= '/packageStaff/pages/staff/List/List',
|
||
|
|
obj.color= 'mauve',
|
||
|
|
obj.badge= 0,
|
||
|
|
obj.name=list.roleName
|
||
|
|
}else if(list.roleName == '油站信息'){
|
||
|
|
obj.cuIcon = 'punch',
|
||
|
|
obj.path= '/packageQr/pages/partnership/partnership',
|
||
|
|
obj.color= 'blue',
|
||
|
|
obj.badge= 0,
|
||
|
|
obj.name=list.roleName
|
||
|
|
}else if(list.roleName == '交易统计'){
|
||
|
|
obj.cuIcon = 'punch',
|
||
|
|
obj.path= '/pages/TransactionStatistics/TransactionStatistics',
|
||
|
|
obj.color= 'blue',
|
||
|
|
obj.badge= 0,
|
||
|
|
obj.name=list.roleName
|
||
|
|
}else if(list.roleName == '星油云站超级管理员'){
|
||
|
|
obj.cuIcon = 'punch',
|
||
|
|
obj.path= ' ',
|
||
|
|
obj.color= 'blue',
|
||
|
|
obj.badge= 0,
|
||
|
|
obj.name=list.roleName
|
||
|
|
}
|
||
|
|
return obj
|
||
|
|
},
|
||
|
|
// getSiteInfo() {
|
||
|
|
// //获取油站基本资料
|
||
|
|
// oliSiteApi.getSiteDetail(this.channelId).then(res => {
|
||
|
|
// //console.log('油站基本资料', res)
|
||
|
|
// uni.stopPullDownRefresh();
|
||
|
|
// if (res.code === 20000) {
|
||
|
|
// // this.userAccount = res.data.oil
|
||
|
|
// this.site = res.data.site
|
||
|
|
// }
|
||
|
|
// })
|
||
|
|
// },
|
||
|
|
// getUserInfo() {
|
||
|
|
// // 获取云站当前登录用户的基础资料
|
||
|
|
// oliSiteApi.getSiteBasicData(this.channelId).then(res => {
|
||
|
|
// //console.log('用户资料', res)
|
||
|
|
// uni.stopPullDownRefresh();
|
||
|
|
// if (res.code === 20000) {
|
||
|
|
// uni.setStorageSync('ueserList',res.data)
|
||
|
|
// this.userAccount = res.data
|
||
|
|
// }
|
||
|
|
// })
|
||
|
|
|
||
|
|
// },
|
||
|
|
NavChange: function(e) {
|
||
|
|
this.PageCur = e.currentTarget.dataset.cur
|
||
|
|
if (this.PageCur == "scan") {
|
||
|
|
this.scanQr()
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
scanQr() {
|
||
|
|
var scanUrl
|
||
|
|
let _that = this
|
||
|
|
this.menusList.forEach((item, index) => {
|
||
|
|
//console.log('1')
|
||
|
|
//console.log(index)
|
||
|
|
//console.log(_that.userMenu)
|
||
|
|
//console.log(item.name)
|
||
|
|
//console.log('2')
|
||
|
|
if (item.name === '扫码加油') {
|
||
|
|
// scanUrl = item.path
|
||
|
|
scanUrl = '/pages/station-info/scan-camera/scan-camera'
|
||
|
|
uni.navigateTo({
|
||
|
|
url: scanUrl,
|
||
|
|
fail: (err) => {
|
||
|
|
// //console.log(err)
|
||
|
|
},
|
||
|
|
success: (res) => {
|
||
|
|
// //console.log('chengg', res)
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
if ((index == this.userMenu.length - 1) && !scanUrl) {
|
||
|
|
uni.showToast({
|
||
|
|
title: '抱歉，您没有扫码权限',
|
||
|
|
icon: 'none'
|
||
|
|
})
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
.bottom-bar {
|
||
|
|
position: relative;
|
||
|
|
padding-top: 50px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottom-bar-fixed {
|
||
|
|
position: fixed;
|
||
|
|
bottom: 0;
|
||
|
|
padding-top: 70rpx;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottom-view {
|
||
|
|
max-height: 200rpx;
|
||
|
|
}
|
||
|
|
</style>
|