mirror of
https://gitee.com/java110/PropertyApp.git
synced 2026-02-24 05:46:09 +08:00
92 lines
2.0 KiB
Vue
92 lines
2.0 KiB
Vue
<template>
|
|
<view>
|
|
<view class="header flex justify-around align-center">
|
|
<view class="header-item " v-for="(item,index) in headerMenus" :key="index" @click="_toPage(item)">
|
|
<view style="position: relative;">
|
|
<image :src="item.icon"></image>
|
|
<view><text>{{item.name}}</text></view>
|
|
<view class="cu-tag badge" v-if="item.undoCount>0">
|
|
<block>{{item.undoCount>99?'99+':item.undoCount}}</block>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "indexHeader",
|
|
data() {
|
|
return {
|
|
headerMenus: []
|
|
};
|
|
},
|
|
methods: {
|
|
_initData:function(_data){
|
|
this.headerMenus = [{
|
|
icon: '/static/image/index/i_complaint.png',
|
|
name: '投诉待办',
|
|
url: '/pages/complaintList/complaintList',
|
|
undoCount:_data.complaint,
|
|
pri:'502021012519810021'
|
|
}, {
|
|
icon: '/static/image/index/i_repair.png',
|
|
name: '报修待办',
|
|
url: '/pages/repairDispatch/repairDispatch',
|
|
undoCount:_data.repair,
|
|
pri:'502021012507510017'
|
|
}, {
|
|
icon: '/static/image/index/i_inspection.png',
|
|
name: '巡检打卡',
|
|
url: '/pages/inspection/inspection',
|
|
undoCount:_data.inspectionTaskCount,
|
|
pri:'502021012567490019'
|
|
}, {
|
|
icon: '/static/image/index/i_machine.png',
|
|
name: '设备保养',
|
|
url: '/pages/maintainance/maintainance',
|
|
undoCount:_data.maintainanceTaskCount,
|
|
pri:'502022110923120007'
|
|
}]
|
|
},
|
|
_toPage: function(_item) {
|
|
if(!this.java110Context.hasPrivilege(_item.pri)){
|
|
uni.showToast({
|
|
icon:'none',
|
|
title:'无权限，联系管理员'
|
|
});
|
|
return ;
|
|
}
|
|
uni.navigateTo({
|
|
url: _item.url
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.header {
|
|
width: 100%;
|
|
/** #ifndef H5 **/
|
|
height: 220upx;
|
|
/** #endif **/
|
|
/** #ifdef H5 **/
|
|
height: 300upx;
|
|
/** #endif **/
|
|
background-color: #368CFE;
|
|
color: #FFFFFF;
|
|
|
|
.header-item {
|
|
//margin-top: 50upx;
|
|
text-align: center;
|
|
|
|
image {
|
|
height: 80upx;
|
|
width: 80upx;
|
|
}
|
|
}
|
|
}
|
|
</style>
|