137 lines
4.1 KiB
Vue
137 lines
4.1 KiB
Vue
<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/device" v-hasPermi="['iot:dev-ops:list']">
|
|
<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/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>
|
|
</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> |