crm-xcx/pages/workbench/index.vue

<template>
	<view class="workbench-page">
		<view class="section white-wrap" @click="handleGoNext('custome')">
			<image src="../../static/icon-1.png" mode="aspectFill" class="icon"></image>
			<view class="label">客户审批</view>
		</view>
		<view class="section white-wrap" @click="handleGoNext('contract')">
			<image src="../../static/icon-2.png" mode="aspectFill" class="icon"></image>
			<view class="label">合同审批</view>
		</view>
		<view class="section white-wrap" @click="handleGoNext('seal')">
			<image src="../../static/icon-3.png" mode="aspectFill" class="icon"></image>
			<view class="label">用印审批</view>
		</view>
	</view>
</template>

<script>
	export default{
		data() {
			return {
				
			}
		},
		methods: {
			handleGoNext(type) {
				if(type==='custome'){
					uni.navigateTo({
						url:"/pages-approve/custome/list"
					})
				}
				
				if(type==='contract'){
					uni.navigateTo({
						url:"/pages-approve/contract/list"
					})
				}
				
				if(type==='seal'){
					uni.navigateTo({
						url:"/pages-approve/seal/list"
					})
				}
			}
		},
	}
</script>

<style lang="scss">
	.workbench-page{
		padding: 20rpx;
	}
	.section{
		padding: 50rpx 0;
		text-align: center;
		font-size: 16px;
		font-weight: 400;
		color: #666;
		box-shadow: 0px 3px 12px rgba(175, 175, 175, 0.16);
		border-radius: 8px;
		margin-bottom: 20rpx;
		.icon{
			width: 128rpx;
			height: 128rpx;
			margin-bottom: 14rpx;
		}
	}
</style>