<template>
	<custom-nav-bar :left="true" title="运维"></custom-nav-bar>
	<view class="mine-container global-font" @touchmove.stop.prevent="() => {}">
		<!--功能菜单栏-->
		<view class="function-section">
			<u-cell-group>
				<u-cell class="cell" title="基站运维" size="large" isLink url="/pages/dev-ops/station" v-hasPermi="['iot:dev-ops:station']">
					<template #icon>
						<u--image style="margin: 0px 10px" src="../../../static/images/stationConfig.png" width="18px"
							height="18px" />
					</template>
				</u-cell>
				<!-- <u-cell class="cell" title="阀门运维" size="large" isLink url="/pages/dev-ops/valve" v-hasPermi="['dev-ops:valve']">
					<template #icon>
						<u--image style="margin: 0px 10px" src="../../../static/images/valveConfig.png" width="18px"
							height="18px" />
					</template>
				</u-cell> -->
				<!-- <u-cell class="cell" title="4g阀门运维" size="large" isLink v-hasPermi="['dev-ops:valve4g']">
					<template #icon>
						<u--image style="margin: 0px 10px" src="../../../static/images/network_cellular 4G_.png"
							width="18px" height="18px" />
					</template>
				</u-cell> -->
				<!-- <u-cell class="cell" title="预警" size="large" isLink v-if="user.userType==0">
					<template #icon>
						<u--image style="margin: 0px 10px" src="../../../static/images/warn.png" width="18px"
							height="18px" />
					</template>
				</u-cell>
				<u-cell class="cell" title="设备授权" size="large" isLink v-if="user.userType==0">
					<template #icon>
						<u--image style="margin: 0px 10px" src="../../../static/images/deviceaccredit.png" width="18px"
							height="18px" />
					</template>
				</u-cell>
				<u-cell class="cell" title="设备电量" size="large" isLink v-if="user.userType==0">
					<template #icon>
						<u--image style="margin: 0px 10px" src="../../../static/images/dianliang.png" width="18px"
							height="18px" />
					</template>
				</u-cell>
				<u-cell class="cell" title="设备状态统计" size="large" isLink v-if="user.userType==0">
					<template #icon>
						<u--image style="margin: 0px 10px" src="../../../static/images/tongji.png" width="18px"
							height="18px" />
					</template>
				</u-cell>
				<u-cell class="cell" title="地块打点" size="large" isLink v-if="user.userType==0">
					<template #icon>
						<u--image style="margin: 0px 10px" src="../../../static/images/dadian.png" width="18px"
							height="18px" />
					</template>
				</u-cell>
				<u-cell class="cell" title="测试蓝牙用" size="large" isLink v-if="user.userType==0">
					<template #icon>
						<u--image style="margin: 0px 10px" src="../../../static/images/valveConfig.png" width="18px"
							height="18px" />
					</template>
				</u-cell> -->
			</u-cell-group>
		</view>
		<version-upgrade></version-upgrade>
	</view>
</template>
<script setup>
	import {
		onShow,
		onLoad,
		onHide,
		onReady,
		onUnload
	} from "@dcloudio/uni-app"
	import storage from "@/utils/storage"
	import store from "@/store"
	import {
		ref
	} from "vue"
	const user = store.state.user.user
	onShow(() => {})
	onReady(() => {})
</script>
<style lang="scss">
	page {
		background-color: #f3f3f3;
	}

	.mine-container {
		width: 100%;
		height: 100%;
		overflow-y: auto;

		.header-section {
			display: flex;
			padding: 15px 15px 15px 15px;
			background: #f3f3f3;
			color: #333333;
			font-size: 14px;
			background-color: #fff;

			.user-info {
				margin: auto 20px;
				display: flex;
				flex-direction: column;

				.user-info-name {
					display: flex;
					align-items: center;
				}
			}
		}

		.function-section {
			margin: 0px 0px;
			background: white;

			.grid-text {
				font-size: 16px;
				color: black;
				padding: 20rpx 0 80rpx 0rpx;
				/* #ifndef APP-PLUS */
				box-sizing: border-box;
				/* #endif */
			}
		}

		.cell {
			color: #333333;
			margin: 0px 0px;
		}
	}
</style>