<template>
	<view class="container">
		<view class="top-tabs">
			<view class="tab">
				<image class="img" src="/static/myTodo/shenpi.png" mode="" />
				带房审批
			</view>
			<view class="tab">
				<image class="img" src="/static/myTodo/tool.png" mode="" />
				开荒维修
			</view>
			<view class="tab">
				<image class="img" src="/static/myTodo/repair.png" mode="" />
				日常维修
			</view>
			<view class="tab">
				<image class="img" src="/static/myTodo/clear.png" mode="" />
				开荒保洁
			</view>
			<view class="tab" @click="topage('changePrice_check')">
				<image class="img" src="/static/myTodo/check.png" mode="" />
				改价审核
			</view>
			<view class="tab">
				<image class="img" src="/static/myTodo/repairMan.png" mode="" />
				维修员
			</view>
			<view class="tab" @click="topage('contact_check')">
				<image class="img" src="/static/myTodo/fitment.png" mode="" />
				合同审核
			</view>
			<view class="tab">
				<image class="img" src="/static/myTodo/djCheck.png" mode="" />
				定金审核
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {};
		},
		onLoad(options) {
		},
		onShow() {
		
		},
		methods: {
			topage(page){
				uni.navigateTo({
					url: '/pages/my/'+page
				})
			}
		}
	};
</script>

<style lang="scss" scoped>
.container{
	width: 100%;
	height: 100vh;
	background: #F8F8F8;
	overflow: auto;
	padding-top: 20rpx;
	.top-tabs{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		background: #fff;
		padding: 32rpx 45rpx;
		margin-bottom: 20rpx;
		.tab{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			font-size: 26rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
			margin-bottom: 9rpx;
			.img{
				width: 134rpx;
				height: 134rpx;
			}

		}
	}

}
</style>
