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="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'),
			}
		},
		methods: {
			Tenantbill(){
				uni.navigateTo({
					url: '/pages/Workorder/Tenantbill/Tenantbill'
				})				
			},
			Remotecontrol(){
				uni.navigateTo({
					url: '/pages/Workorder/Remotecontrol/Remotecontrol'
				})
			},
			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>