<template>
	<view class="box">
		<view class='head'>
			<view class="headitem">项目编号</view>
			<view class="headitem minghcengx">项目名称</view>
			<view class="headitem">当前评审节点</view>
			<view class="headitem">项目状态</view>

		</view>
		<view class="xiangmlist">
			<view class="xiangmulistitem" v-for="(item,index) in list" :key="index" @click="detail" :data-item="item" >
				<view class="xiangmuhao">{{item.fnumber}}</view>
				<view class="xiangming">{{item.fname}}</view>
				<view class="pingshen">{{item.fcurrentname}}</view>
				<view :class="item.ffinauditstatus=='审核中'?'state':'finish'">{{item.ffinauditstatus }}</view>
			</view>
			<!-- <view class="xiangmulistitem">
				<view class="xiangmuhao">20191112011</view>
				<view class="xiangming">运动场维修及
					附属工程</view>
				<view class="pingshen">待审结</view>
				<view class="state">审核中</view>
			</view>
			<view class="xiangmulistitem">
				<view class="xiangmuhao">20191112011</view>
				<view class="xiangming">运动场维修及
					附属工程</view>
				<view class="pingshen">待审结</view>
				<view class="state">审核中</view>
			</view>
			<view class="xiangmulistitem">
				<view class="xiangmuhao">20191112011</view>
				<view class="xiangming">运动场维修及
					附属工程</view>
				<view class="pingshen">待审结</view>
				<view class="state">审核中</view>
			</view>
			<view class="xiangmulistitem">
				<view class="xiangmuhao">20191112011</view>
				<view class="xiangming">运动场维修及
					附属工程</view>
				<view class="pingshen">待审结</view>
				<view class="state">审核中</view>
			</view>
			<view class="xiangmulistitem">
				<view class="xiangmuhao">20191112011</view>
				<view class="xiangming">运动场维修及
					附属工程</view>
				<view class="pingshen">待审结</view>
				<view class="state">审核中</view>
			</view>
			<view class="xiangmulistitem">
				<view class="xiangmuhao">20191112011</view>
				<view class="xiangming">运动场维修及
					附属工程</view>
				<view class="pingshen">待审结</view>
				<view class="state">审核中</view>
			</view>
			<view class="xiangmulistitem">
				<view class="xiangmuhao">20191112011</view>
				<view class="xiangming">运动场维修及
					附属工程</view>
				<view class="pingshen">待审结</view>
				<view class="state">审核中</view>
			</view>
			<view class="xiangmulistitem">
				<view class="xiangmuhao">20191112011</view>
				<view class="xiangming">运动场维修及
					附属工程</view>
				<view class="pingshen">待审结</view>
				<view class="state">审核中</view>
			</view>
			<view class="xiangmulistitem">
				<view class="xiangmuhao">20191112011</view>
				<view class="xiangming">运动场维修及
					附属工程</view>
				<view class="pingshen">待审结</view>
				<view class="state">审核中</view>
			</view>
			<view class="xiangmulistitem"> -->
			<!-- <view class="xiangmuhao">20191112011</view>
			<view class="xiangming">运动场维修及
				附属工程</view>
			<view class="pingshen">待审结</view>
			<view class="state">审核中</view> -->
		</view>
	</view>

	</view>
</template>

<script>
	import app from "../../App.vue";
	export default {
		data() {
			return {
				list: []
			}
		},
		onLoad() {
			// 获取台账列表


		},
		onShow() {
			this.getlist()
		},
		methods: {

			getlist() {
				let that = this;
				console.log(9988776655)
				let url = "project/Get_Processtime";
				// console.log('8877665544',param)
				app.post(url, '', 'get').then(r => {
					// console.log(r)
					 // console.log(JSON.stringify(r.data));
					that.list = r.data

				}).catch(err => {
					console.log(err)
				})
			},
			// 项目过程详情
			detail(e){
				
				
				console.log(e)
				console.log(e)
				let item=e.currentTarget.dataset.item;
				
				item=JSON.stringify(item)
				console.log(item)
				// uni.navigateTo({
				// 	url:'../xiangmuprogress/xiangmuprogress'
				// })
				
				uni.navigateTo({
					url:'../xiangmuprogress/xiangmuprogress?item='+item
				})
				
			}
		
		
		
		}

	}
</script>

<style>
	.box {
		background: #F9F9F9;
		padding: 0 32rpx;
		box-sizing: border-box;
	}

	.head {
		width: 750rpx;
		background: #fff;
		display: flex;
		align-items: center;
		padding: 32rpx;
		box-sizing: border-box;
		justify-content: space-between;
		border-bottom: 2rpx solid #BDC4CE;
		position: fixed;
		left: 0;
		top: 0
	}

	.headitem {
		color: #06121E;
		font-size: 28rpx;
		font-weight: bold;

	}

	.xiangmulistitem {
		display: flex;
		align-items: center;
		padding: 22rpx 0 34rpx;
		box-sizing: border-box;
		border-bottom: 1rpx solid #EEEEEE
	}

	.xiangmuhao {
		width: 140rpx;
		color: #06121E;
		font-size: 24rpx;
	}

	.xiangming {
		width: 144rpx;
		color: #06121E;
		font-size: 24rpx;
		margin-left: 37rpx;
		text-align: center;
		line-height: 1.5;
		display: -webkit-box;
		
		-webkit-box-orient: vertical;
		
		-webkit-line-clamp: 2;
		
		overflow: hidden;
		
	}

	.pingshen {
		color: #06121E;
		font-size: 24rpx;
		margin-left: 78rpx;
		width:80rpx;;
	}

	.state {
		color: #D12324;
		font-size: 24rpx;
		margin-left: 128rpx;
	}
	.finish{
		color: #00AC00;
		font-size: 24rpx;
		margin-left: 128rpx;
	}
	.xiangmlist{
		margin-top:100rpx;
	}
</style>