LSM_OIL_SITE/pages/index/index.vue

<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" :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.setStorageSync('orderType', null)
			// uni.preloadPage({url: "/pages/station-info/scan-camera/scan-camera"});
			const token = uni.getStorageSync('Authorization')
			const openid = uni.getStorageSync('device')
			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() {
			const token = uni.getStorageSync('Authorization')
			if (!token) return
			let check = uni.getStorageSync('checkFirst')
			if (check) {
				this.checkUser = true
			}

			this.menusList = uni.getStorageSync('menusChangeList') || []

			// const Menus = uni.getStorageSync('userMenu')
			// let menusList = []
			// Menus.forEach((item, index, Menus) => {
			// 	if (item.roleName != 'ROOT') {
			// 		menusList.push(this.Splicing(item))
			// 	}
			// })
			// let check = uni.getStorageSync('checkFirst')
			// if (check) {
			// 	_that.checkUser = true
			// }
			// uni.setStorageSync('menusChangeList', menusList)
			// this.menusList = menusList



			this.longiCheck()
			this.getPosition()
		},
		methods: {
			checkLogin() {
				const token = uni.getStorageSync('Authorization')
				if (!token) {
					uni.showModal({
						content: '您还没有登录哦',
						confirmText: '前往登录',
						success: res => {
							if (res.confirm) {
								uni.reLaunch({
									url: '/pages/login/boforeLogin/boforeLogin'
								})
							}
						}
					})
					return false
				}
				return true
			},
			getPosition() {
				// console.log('getPositiongetPositiongetPositiongetPosition')
				let that = this
				uni.getLocation({
					type: 'gcj02',
					success: function(res) {
						uni.setStorage({
							key: 'location',
							data: res
						})
					}
				});
			},
			changMenus(data) {
				this.menusList = data
			},
			longiCheck() {
				let userInfo = uni.getStorageSync('loginUser')
				oliUserApi.getByPhone(userInfo.userPhone).then((res) => {
					if (res.code == 20000) {
						this.checkList = 'show'
						this.oliList = res.data
						this.changeChannel.username = this.loginUser.userPhone
						this.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)
			// },
			// getUserInfo() {
			// 	// 获取云站当前登录用户的基础资料
			// 	oliSiteApi.getSiteBasicData(this.channelId)
			// },
			NavChange: function(e) {
				if (!this.checkLogin()) return
				this.PageCur = e.currentTarget.dataset.cur
				if (this.PageCur == "scan") {
					this.scanQr()
				}
			},

			scanQr() {
				let scanUrl = ""
				this.menusList.forEach((item, index) => {
					if (item.name === '扫码加油') {
						scanUrl = '/pages/station-info/scan-camera/scan-camera'
						uni.navigateTo({
							url: scanUrl
						})
					}
					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>