<template>
	<view class="nav-pages">
		<view class="nav-box">
			<view class="nav-title">巡店</view>
			<view class="nav-icon-list">
				<iconItemsList :list="listCy"></iconItemsList>
			</view>
		</view>
	</view>
</template>

<script>
	import iconItemsList from '@/components/icon-items-list/icon-items-list.vue'
	export default {
		components: {
			iconItemsList
		},
		data() {
			return {
				 // 巡店
				listCy: [
					{
						id: 'gdcx',
						icon: 'wodexundian',
						color: '#55aaff',
						name: '我的巡店',
						url:'/pages/myShopTour/myShopTour',
						target: 'page',
						auth: this.$hasPermissions("M_myShopTour_mobile")
					},
					{
						id: 'tcgl',
						icon: 'dianjianshezhi',
						color: '#ffaf69',
						name: '点检配置',
						url:'/pages/spotCheckConfigure/spotCheckList',
						target: 'page',
						auth: this.$hasPermissions("M_spotCheckConfig_mobile")
					},
					{
						id: 'dbd',
						icon: 'daiban',
						color: '#0e97ff',
						name: '待办单',
						url:'/pages/toDoList/toDoList',
						target: 'page',
						auth: this.$hasPermissions("M_todoList_mobile")
					},
				],
			}
		},
	}
</script>

<style lang="scss">
	page{
		height: 100%;
	}
	.nav-pages{
		height: 100%;
		.nav-box{
			margin-bottom: 20upx;
			background-color: #FFFFFF;
			padding: 5upx 20upx;
			border-radius: 5upx;
			.nav-title{
				font-size: 32upx;
				padding: 15upx;
				border-bottom: 1px solid #eee;
			}
			.nav-icon-list{
				padding: 10upx;
			}
		}
	}
</style>
