<template>
	<view class="content">
		<view class="card">
			<view class="items">
				<view class="item" v-for="(item,index) in baseList" :key="index" @click="fnNavigator(index)">
					<image :src="item.img" mode=""></image>
					<view class="text">
						<text>{{ item.title }}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				baseList: [
					{
						img: require('../../../static/icon-apps/i9.png'),
						title: '申请',
						url: '/pages/eight_assignments/select_corp_info',
						params: {
							type: 'confined_space'
						}
					},
					{
            img: require('../../../static/icon-apps/i10.png'),
						title: '待办',
						url: '/pages/eight_assignments/confined_space/index'
					},
					{
            img: require('../../../static/icon-apps/i11.png'),
						title: '已办',
						url: '/pages/eight_assignments/confined_space/index'
					},
				]
			};
		},
		methods: {
			fnNavigator(e) {
				uni.$u.route({
					url: this.baseList[e].url,
					params: this.baseList[e].params
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.items {
		background-color: #fff;
		display: flex;
		flex-wrap: wrap;
		margin-top: -20upx;

		.item {
			flex-basis: calc(100% / 3);
			text-align: center;
			margin-top: 20upx;

			image {
				width: 110upx;
				height: 110upx;
			}

			.text {
				width: 130upx;
				font-size: 28upx;
				margin: auto;
			}
		}
	}
</style>
