<template>
	<view>
		<view 
			class="single-fetch"
			v-for="(fetch, index) in fetchMaterialList"
			:key="index"
		>
			<view class="fetch-upper">
				<checkbox-group 
					v-show="fetch.taskStatus == 58" 
					style="margin-right: 15rpx;"
					@change="checkClick(fetch)"
				>
					<checkbox :checked="fetch.checked" />
				</checkbox-group>
				<view class="upper-lef">
					{{ fetch.createBy == null ? '' : fetch.createBy.slice(0, 1) }}
				</view>
				<view class="upper-rig">
					<h4 style="font-size: 16px;">{{ fetch.createBy }}</h4>
					<h4 style="color: #989898;">{{ fetch.unitName }}</h4>
				</view>
			</view>
			<view class="fetch-lower">
				<view>
					<span>预报废单号</span>
					<h4>{{ fetch.scrapNum }}</h4>
				</view>
				<view>
					<span>报废来源</span>
					<h4>{{ fetch.projectName }}</h4>
				</view>
				<view>
					<span>设备类型</span>
					<h4>{{ fetch.itemType }}</h4>
				</view>
				<view>
					<span>申请时间</span>
					<h4>{{ fetch.createTime }}</h4>
				</view>
			</view>
			<view class="fetch-btns">
				<view 
					style="background-color: #3788FF;" 
					@click="seeDetail(fetch.taskId, fetch.taskStatus, 0)"
				>
					<uni-icons style="color: #fff;" type="eye"></uni-icons>
					查看
				</view>
				<view 
					style="background-color: #FCA30D;" 
					v-show="fetch.taskStatus == 58"
					@click="seeDetail(fetch.taskId, fetch.taskStatus, 1)"
				>
					<uni-icons style="color: #fff;" type="auth"></uni-icons>
					审核
				</view>
			</view>
			<view class="sticky-area">
				<image src="/static/passed.png" v-show="fetch.taskStatus == 59" mode=""></image>
				<image src="/static/noPass.png" v-show="fetch.taskStatus == 61" mode=""></image>
				<image src="/static/noExam.png" v-show="fetch.taskStatus == 58" mode=""></image>
			</view>
		</view>
		<view class="btm-sticky">
			<view class="checked">
				<checkbox-group @tap="checkAll" style="margin-right: 15rpx;">
					<checkbox :checked="allChecked" />
				</checkbox-group>
				<text>全选</text>
			</view>
			<view 
				class="exam"
				@click="toggleExam"
			>
				审核
			</view>
		</view>
		<uni-popup
			ref="popup" 
			type="center"
			:mask-click="false"
		>
			<view class="popup">
				<view class="pop-top">
					<h4>审批</h4>
					<uni-icons 
						style="color: #AAAAAA; font-weight: bold;" 
						type="closeempty" 
						@click="closePopup"
					>
					</uni-icons>
				</view>
				<h4 style="width: 85%; margin: 2vh auto; font-weight: normal; text-align: center;">是否通过审批？</h4>
				<view class="select-area">
					<view @click="modalConfirm">通过</view>
					<view @click="modalReject">驳回</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
