<template>
	<view class="processWrapper ">
		<scroll-view scroll-x class="bg-white nav text-center fixed" :style="[{top:CustomBar + 'px'}]">
			<view class="cu-item" :class="index==TabCur?'text-blue cur':''" v-for="(item,index) in tabNav" :key="index" @tap="tabSelect"
			 :data-id="index">
				{{tabNav[index]}}
			</view>
		</scroll-view>
		<block v-if="TabCur==0">
			<view class="processList">
				<view class="cu-list menu-avatar ">
					<view class="cu-item" v-for="(item,index) in 12" :key="index">
						<view class="cu-avatar lg" style="background-image:url(../../static/process-icon.png);"></view>
						<view class="content">
							<view class="pro-title">
								<view class="cut">[2020]HP第DZ4104号人工督查单</view>
							</view>
							<view class="pro-des  ">
								<view class="text-cut">
									事件未处理测试
								</view>
							</view>
							<view class="pro-date ">2020-01-08 15:15:12</view>
						</view>
						<view class="action">
							<view class="unprocess">未处理</view>
						</view>
					</view>
				</view>
			</view>
		</block>
		<block v-if="TabCur==1">
			<view class="processList">
				<view class="cu-list menu-avatar ">
					<view class="cu-item" v-for="(item,index) in 12" :key="index">
						<view class="cu-avatar lg" style="background-image:url(../../static/process-icon.png);"></view>
						<view class="content">
							<view class="pro-title">
								<view class="cut">[2020]HP第DZ4104号人工督查单</view>
							</view>
							<view class="pro-des  ">
								<view class="text-cut">
									事件未处理测试
								</view>
							</view>
							<view class="pro-date ">2020-01-08 15:15:12</view>
						</view>
						<view class="action">
							<view class="processed">已处理</view>
						</view>
					</view>
				</view>
			</view>
		</block>

	</view>
</template>

<script>
	export default {
		data() {
			return {


				modalName: null,
				listTouchStart: 0,
				listTouchDirection: null,




				CustomBar: this.CustomBar,
				TabCur: 0,
				avatar: ['https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg',
					'https://ossweb-img.qq.com/images/lol/web201310/skin/big81005.jpg',
					'https://ossweb-img.qq.com/images/lol/web201310/skin/big25002.jpg',
					'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg'
				],
				tabNav: ['未处理', '已处理']
			};
		},
		methods: {
			tabSelect(e) {
				this.TabCur = e.currentTarget.dataset.id;
				this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60
			}
		}
	}
</script>

<style>

</style>
