星油云站
This commit is contained in:
caolc
312
pages/index/index.vue
Normal file
312
pages/index/index.vue
Normal file
@@ -0,0 +1,312 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user