<template>
|
<view class="main_app">
|
<view class="hone_name title">{{ userInfo.name }}，欢迎登录</view>
|
<view class="home_con">
|
<image class="bg" src="@/static/home/home_bg.jpg" mode=""></image>
|
<view class="h1">阜宁文体中心</view>
|
<view class="h2">欢迎你</view>
|
</view>
|
<view class="title">业务办理</view>
|
<view class="list">
|
<view v-for="item in list1" class="item" @click="itemClick(item)">
|
<image :src="item.img"></image>
|
<view class="name">{{item.name}}</view>
|
</view>
|
</view>
|
<view class="title">业务查询</view>
|
<view class="list">
|
<view v-for="item in list2" class="item" @click="itemClick(item)">
|
<image :src="item.img"></image>
|
<view class="name">{{item.name}}</view>
|
</view>
|
</view>
|
</view>
|
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
userInfo: uni.getStorageSync('userInfo') || {},
|
list1: [{
|
name: '扫码巡检',
|
url: '',
|
img: require('@/static/home/ic_fangkebaobei@2x.png'),
|
auth: 'weixin:menu:visitcar'
|
},
|
{
|
name: '工单服务',
|
url: '/pages/workOrder/list',
|
img: require('@/static/home/ic_fangkeba.png'),
|
auth: 'weixin:menu:visitcar'
|
},
|
{
|
name: '设备运维',
|
url: '/pages/operation/device',
|
img: require('@/static/home/ic_fangkebaobe@2x.png'),
|
auth: 'weixin:menu:visitcar'
|
},
|
],
|
list2: [{
|
name: '巡检任务',
|
url: '/pages/polling/task',
|
img: require('@/static/home/ic_renwuzhongxin@2x.png'),
|
auth: 'weixin:menu:visitcar'
|
},
|
{
|
name: '运维记录',
|
url: '/pages/operation/record',
|
img: require('@/static/home/ic_wodehuiyi@2x.png'),
|
auth: 'weixin:menu:visitcar'
|
},
|
]
|
}
|
},
|
onLoad() {
|
|
},
|
methods: {
|
itemClick(item) {
|
uni.navigateTo({
|
url: item.url
|
})
|
},
|
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.main_app {
|
padding: 0 30rpx;
|
|
.hone_name {
|
|
height: 90rpx;
|
display: flex;
|
align-items: center;
|
}
|
|
.home_con {
|
width: 690rpx;
|
height: 270rpx;
|
border-radius: 8rpx;
|
margin-bottom: 40rpx;
|
padding: 36rpx 40rpx;
|
position: relative;
|
color: #fff;
|
|
.h1 {
|
font-weight: bold;
|
font-size: 44rpx;
|
margin-bottom: 14rpx;
|
}
|
}
|
|
.title {
|
font-weight: 500;
|
font-size: 34rpx;
|
}
|
|
.list {
|
margin-top: 30rpx;
|
margin-bottom: 80rpx;
|
display: flex;
|
|
.item {
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
width: 25%;
|
|
image {
|
width: 88rpx;
|
height: 88rpx;
|
margin-bottom: 20rpx;
|
}
|
|
.name {
|
font-size: 26rpx;
|
}
|
}
|
}
|
}
|
</style>
|
