WechatOwnerService/components/service/service-property.vue
2022-08-18 15:37:31 +08:00

179 lines
3.8 KiB
Vue

<template>
<view>
<view class="real_list">
<view class="title">物业服务</view>
<view class="list">
<view class="item" v-for="(item,index) in real_list" :key="index" @tap="to(item)">
<image :src="item.src"></image>
<view class="text">{{item.name}}</view>
</view>
</view>
</view>
</view>
</template>
<script>
import {
hasOwner
} from '@/api/owner/ownerApi.js'
export default {
name: "serviceProperty",
data() {
return {
real_list: [],
};
},
created() {
this._loadMenu();
},
methods: {
to: function(v) {
if (v.name == '商圈') {
uni.switchTab({
url: v.href
})
} else if (v.href != '') {
if(v.needLogin == 'N'){
this.vc.navigateTo({
url: v.href
});
return ;
}
hasOwner();
this.vc.navigateTo({
url: v.href
});
} else {
uni.showToast({
icon: 'none',
title: '此功能暂不开放'
})
}
},
_loadMenu: function() {
this.real_list = [{
name: '生活缴费',
src: this.imgUrl+'/h5/images/serve/1.png',
href: '/pages/oweFee/oweFee'
}, {
name: '房屋费',
src: this.imgUrl+'/h5/images/serve/5.png',
href: '/pages/roomFeeListNew/roomFeeListNew'
}, {
name: '停车费',
src: this.imgUrl+'/h5/images/serve/9.png',
href: '/pages/payParkingFeeList/payParkingFeeList'
}, {
name: '合同费',
src: this.imgUrl+'/h5/images/serve/12.png',
href: '/pages/contractFeeList/contractFeeList'
},
{
name: '家庭成员',
src: this.imgUrl+'/h5/images/serve/2.png',
href: '/pages/familyList/familyList'
},
{
name: '访客通行',
src: this.imgUrl+'/h5/images/serve/3.png',
href: '/pages/visit/visitList'
},
{
name: '投诉咨询',
src: this.imgUrl+'/h5/images/serve/4.png',
href: '/pages/complaint/complaint'
},
{
name: '报事维修',
src: this.imgUrl+'/h5/images/serve/6.png',
href: '/pages/repair/repair'
},
{
name: '社区公告',
src: this.imgUrl+'/h5/images/serve/7.png',
href: '/pages/notice/index'
},
{
name: '一键开门',
src: this.imgUrl+'/h5/images/serve/8.png',
href: '/pages/openDoor/openDoor'
},
{
name: '装修报备',
src: this.imgUrl+'/h5/images/serve/10.png',
href: '/pages/roomRenovation/roomRenovation'
},
{
name: '业主信息',
src: this.imgUrl+'/h5/images/serve/my1.png',
href: '/pages/viewBindOwner/viewBindOwner'
},
{
name: "车位申请",
src: this.imgUrl+"/h5/images/serve/my6.png",
href: "/pages/applyparking/applyparking"
},
{
name: "投票问卷",
src: this.imgUrl+"/h5/images/serve/my2.png",
href: "/pages/questionAnswer/questionAnswer"
}, {
name: "返省上报",
src: this.imgUrl+"/h5/images/serve/my3.png",
href: "/pages/reportInfoBack/reportInfoBack",
needLogin: 'N'
},
{
name: '空置房申请',
src: this.imgUrl+'/h5/images/serve/my9.png',
href: '/pages/applyRoom/applyRoom'
},
{
name: '房屋装修',
src: this.imgUrl+'/h5/images/serve/15.png',
href: '/pages/roomRenovation/roomRenovation'
}
];
}
}
}
</script>
<style lang="less">
.real_list,
.live_list {
background: #fff;
padding: 0 40upx;
margin-top: 20upx;
.title {
line-height: 32upx;
background: #fff;
font-size: 30upx;
font-weight: 600;
color: #333;
padding: 40upx 0;
margin-top: 10px;
}
.item {
width: 25%;
display: inline-block;
text-align: center;
margin-bottom: 40upx;
}
image {
height: 44upx;
width: 44upx;
margin-bottom: 10upx;
}
.text {
color: #333;
font-size: 28upx;
}
}
</style>