<template>
	<view class="zcbox">
		<view class="flex1 zctop">
			<view class="tit">请选择申报类型</view>
			<view class="txt">申报前请先按下方的《皖源融资担保有限公司担保材料清单》提 前准备各项资料，以便减少您的操作次数。</view>
			<view class="zclist" @click="getywFn">
				<image :src="grimg" class="headimg"></image>
				<view>个人用户申报</view>
				<image :src="rimg" class="rimg"></image>
			</view>
			<view class="zclist">
				<image :src="qyimg" class="headimg"></image>
				<view>企业用户申报</view>
				<image :src="rimg" class="rimg"></image>
			</view>
		</view>
		<view class="flex0 zctips">
			<view @click="getDbclFn">《皖源融资担保有限公司担保材料清单》</view>
		</view>
	</view>
</template>

<script>
	import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
	export default{
		components:{},
		data(){
			return{
				grimg: require('@/work/static/images/prove/zcgr.png'),
				qyimg: require('@/work/static/images/prove/zcqy.png'),
				rimg:require('@/work/static/images/rimg.png'),
			}
		},
		methods:{
			checkPermi, checkRole,
			getDbclFn(){
				this.$tab.navigateTo("/work/pages/prove/dbcltips")
			},
			getywFn(){
				this.$tab.navigateTo("/work/pages/business/limit")
			}
		}
	}
</script>

<style lang="scss" scoped>
.zcbox{display: flex;flex-direction: column;height: 100vh;
	.zctop{overflow: auto;padding: 96rpx 36rpx 0;
		.tit{font-weight: bold;font-size: 40rpx;color: #222327;margin-bottom: 24rpx;}
		.txt{font-weight: 400;font-size: 24rpx;color: #666666;line-height: 40rpx;margin-bottom: 64rpx;}
		.zclist{display: flex;align-items: center;padding: 30rpx 40rpx;box-sizing: border-box;
			width: 100%;min-height: 160rpx;background: #FFFFFF;border-radius: 10rpx;margin-bottom: 40rpx;
			.headimg{width: 102rpx;height: 102rpx;margin-right: 32rpx;flex: 0 0 auto;}
			.rimg{width: 12rpx;height: 18rpx;margin-left: 20rpx;flex: 0 0 auto;}
			view{font-weight: bold;font-size: 32rpx;color: #222327;flex: 1;}
		}
	}
	.zctips{padding: 0rpx 36rpx 154rpx;text-align: center;
		font-weight: 500;font-size: 26rpx;color: #00A9F0;
		view{padding: 10rpx 0;}
	}
}
</style>