wit-uniapp/pages/Workorder/Workorder.vue

<template>
	<view class="management">
		<view class="managelind">
			<view class="managename" @click="Tenantbill"  v-if="$has('app:TenantBill')">
				<view class="managename1">

					<u--image  mode="widthFix"  :src="srczuhu" width="48rpx" height="48rpx"></u--image>
				</view>
				<view class="managename2">
					租户账单
				</view>
			</view>
			<view class="managename" @click="Remotecontrol"  v-if="$has('app:RemoteControl')">
				<view class="managename1">
					<!-- <img :src='srcyuanc' alt=""> -->
						<u--image  mode="widthFix"  :src="srcyuanc" width="48rpx" height="48rpx"></u--image>
				</view>
				<view class="managename2">
					远程管控
				</view>
			</view>

	<view class="managename" @click="Videosurveillance" >
				<view class="managename1">
					<!-- <img :src='srcyuanc' alt=""> -->
				<u--image  mode="widthFix"  :src="srcshipin" width="48rpx" height="48rpx"></u--image>
				</view>
				<view class="managename2">
					视频监控
				</view>
			</view>

			<!-- v-if="$has('app:Arrearsrecord')" -->
			<!--<view class="managename" @click="Arrearsrecord" >-->
				<!--<view class="managename1">-->
					<!--&lt;!&ndash; <img :src='srcyuanc' alt=""> &ndash;&gt;-->
						<!--<u&#45;&#45;image  mode="widthFix"  :src="srcjilu" width="48rpx" height="48rpx"></u&#45;&#45;image>-->
				<!--</view>-->
				<!--<view class="managename2">-->
					<!--欠费记录-->
				<!--</view>-->
			<!--</view>-->

			<!-- <view class="managename" @click="pay">
				<view class="managename1">
					 <img :src='srcyuanc' alt="">
						<u--image  mode="widthFix"  :src="srcyuanc" width="48rpx" height="48rpx"></u--image>
				</view>
				<view class="managename2">
					支付功能
				</view>
			</view> -->
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
					srczuhu: require('@/static/management/zd.png'),
					srcyuanc: require('@/static/management/yc.png'),
					srcjilu: require('@/static/management/jl.png'),
					srcshipin: require('@/static/management/sp.png'),
			}
		},
		methods: {
			Tenantbill(){
				uni.navigateTo({
					url: '/pages/Workorder/Tenantbill/Tenantbill'
				})
			},
			Remotecontrol(){
				uni.navigateTo({
					url: '/pages/Workorder/Remotecontrol/Remotecontrol'
				})
			},
			// Arrearsrecord(){
			// 	uni.navigateTo({
			// 		url: '/pages/Workorder/Arrearsrecord/Arrearsrecord'
			// 	})
			// },
			Videosurveillance(){
				uni.navigateTo({
					url: '/pages/Workorder/Videosurveillance/Videosurveillance'
				})
			},
			// pay(){
			// 	uni.navigateTo({
			// 		url: '/pages/Workorder/pay/pay'
			// 	})
			// },
		}
	}
</script>

<style>
.management{}
.managelind{
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 690rpx;
	min-height: 130rpx;
	margin: 20rpx auto;
	background: #fff;
	border-radius: 10px;
}
.managename{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.managename1 img{
		width: 40rpx;
		height: 40rpx;
}
.managename2{
	padding-top: 15rpx;
	color: #666;
	font-size: 20rpx;
}


</style>