<template>
	<view class="total-page page-box task-bg">
		<Nav :title="'创建任务'" :genre="1" :fixedHeight="105"></Nav>
		<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">
			<TaskImgTab></TaskImgTab>
		</view>
		<view class="sys-background-fff m-20 p-20 r-20">
			<view class="creation_item row-justify-sb center line-60 sys-bg-BFD2CC r-20 p-30 m-b20"
				v-for="(item,index) in creationLsit" :key="index" @click="onCeationTask(item)">
				<view class="row-c">
					<image class="wh-60 m-r20" :src="item.icon" mode="aspectFill"></image>
					<text class="size-28 text-color-12 sys-weight-400">{{item.name}}</text>
				</view>
				<image class="wh-45" src="/static/img/task/task-arrows.png" mode="aspectFill"></image>
			</view>
		</view>
	</view>
</template>

<script>
	import TaskImgTab from "@/common/task/task_ima_tab.vue"

	export default {
		components: {
			TaskImgTab,
		},
		data() {
			return {
				creationLsit: [{
					name: '垫资还款-开发区',
					icon: '/static/img/task/task-repayment.png'
				}, {
					name: '提放业务',
					icon: '/static/img/task/task-put.png'
				}, {
					name: '垫还',
					icon: '/static/img/task/task-business.png'
				}, ]
			}
		},
		methods: {
			onCeationTask(item) {
				uni.navigateTo({
					url: `/page_task/information/information?title=${item.name}`
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.creation_item:last-child {
		margin-bottom: 0;
	}
</style>