<template>
	<view class="zd_container">
		<nav-bar title="任务流转"></nav-bar>
		<view class="zd_content">
			<view class="flow_wrapper" v-for="e in dataList" :key="e.point_code">
				<view class="zd-row">
					<view class="zd-col-24">
						<view class="zd-row">
							<view class="zd-col-2">
								<view class="zd-row flow_icon_item_1">
									<view class="iconfont icon_start_point">&#xe820;</view>
								</view>
							</view>
							<view class="zd-col-22">
								<view class="zd-row flow_start_item" @tap="checkcode1(e)" :class="{'flow_start_item_checked': pkId1 === e.point_code}">
									<view class="zd-col-8 pdl20 pdr20 font-size-1">{{e.point_code}}</view>
									<view class="zd-col-16 pdr20 font-size-2">{{e.point_name}}</view>
									<view v-show="pkId1 === e.point_code" class="iconfont icon_choosed">&#xe66b;</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				<view class="zd-row">
					<view class="zd-col-24">
						<view class="zd-row flow_icon_item_2">
							<view class="iconfont icon_vdash_line">&#xe603;</view>
						</view>
					</view>
				</view>
				<view class="zd-row">
					<view class="zd-col-24">
						<view class="zd-row flexstart">
							<view class="zd-col-2">
								<view class="zd-row flow_icon_item_1">
									<view class="iconfont icon_start_point">&#xe61f;</view>
								</view>
							</view>
							<view class="zd-col-22">
								<view class="zd-row mgb10 flow_start_item" v-for="el in e.end_points" :key="el.point_code" @tap="checkcode2(el, e)" :class="{'flow_start_item_checked': pkId2 === el.point_code}">
									<view class="zd-col-8 pdl20 pdr20 font-size-1">{{el.point_code}}</view>
									<view class="zd-col-16 pdr20 font-size-2">{{el.point_name}}</view>
									<view v-show="pkId2 === el.point_code" class="iconfont icon_choosed">&#xe66b;</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="submit-bar_new">
			<button class="zd-col-24 submit-button_new" :class="{'btn-disabled': !pkId1}" :disabled="disabled" @tap="toSure">生成任务</button>
		</view>
	</view>
</template>

<script>
	import NavBar from '@/components/NavBar.vue'
	import SearchBox from '@/components/SearchBox.vue'
	import {queryAllPoints, createP2pTask} from '@/utils/getData2.js'
	export default {
		components: {
			NavBar,
			SearchBox
		},
		data() {
			return {
				dataList: [],
				disabled: false,
				pkId1: '',
				pkId2: '',
				pkId3: ''
			};
		},
		created () {
			this._queryAllPoints()
		},
		methods: {
			/** 初始化查询 */
			async _queryAllPoints () {
				let res = await queryAllPoints()
				this.dataList = [...res]	
			},
			checkcode1 (e) {
				if (this.pkId3 !== '' && e.point_code !== this.pkId3) {
					this.pkId2 = ''
					this.pkId3 = ''
				}
				this.pkId1 = this.pkId1 === e.point_code ? '' : e.point_code
			},
			checkcode2 (el, e) {
				if (this.pkId1 !== '' && this.pkId1 !== e.point_code) {
					return
				}
				this.pkId2 = this.pkId2 === el.point_code ? '' : el.point_code
				this.pkId3 = this.pkId2 === el.point_code ? e.point_code : ''
			},
			/** 重新下发 */
			async toSure () {
				this.disabled = true
				if (!this.pkId1) {
					this.disabled = false
					return
				}
				try {
					let res = await createP2pTask(this.pkId1, this.pkId2)
					this.disabled = false
					this.pkId1 = ''
					this.pkId2 = ''
					this._queryAllPoints()
					uni.showToast({
						title: res.message,
						icon: 'none'
					})
				} catch (e) {
					this.disabled = false
				}
			}
		}
	}
</script>

<style lang="stylus">
</style>
