<template>
	<view class="box">
		<view class="head">
			<view class="headleft">
				<input type="text" placeholder="输入项目名称查询" @input="enterxiangmu" />
			</view>
			<view class="headright" @click="chaxun">查询</view>
		</view>

		<view class="nodata" v-if="zixunlist.length==0">暂无数据</view>
		<view class="fenzulist" v-else>
			<view class="fenzuitem" v-for="(item,index) in zixunlist" :key="index">
				<view class="fenzutop">
					<view class="fenzutopleft">
						<view class="fenzutopshang">
							<text class="bianhao">项目编号：</text><text class="bianhaonum"> {{item.fnumber}}</text>
						</view>
						<!-- <view class="fenzutopshang">
							<text class="bianhao">任务编号：</text><text class="bianhaonum"> {{item.fbillno}}</text>
						</view> -->
					</view>
					<!-- <view class="fenzutopright">
						<view class="fenzunoimg">
							<image src="../../static/img/yifen.png" mode="" v-if="item.ftaskprocess=='已分配'"></image>
							<image src="../../static/img/nofen.png" mode="" v-else></image>


						</view>
						<view class="fenzunoname">{{item.ftaskprocess}}</view>
					</view> -->
				</view>
				<view class="fenzuobottom">
					<view class="fenzutopshang">
						<text class="bianhao">项目名称：</text><text class="bianhaonum">
							{{item.fname}}
						</text>
					</view>
					<view class="fenzutopshang">
						<text class="bianhao">评审类型：</text><text class="bianhaonum">{{item.freviewtype}}</text>
					</view>
					
					
					<!-- 任务状态 -->
					<view class="statebox flexone">
						<view class="stateboxitem flexfour">
							<view class="stateboxitemtop">任务</view>
							<view class='stateboxitembot flexone'>
								<view class="stateimg">
									<image src="../../static/img/duigou.png" mode=""></image>
								</view>
								<view class="statename">{{item.ftaskstatus}}</view>
							</view>
						</view>
						<view class="stateboxitem flexfour">
							<view class="stateboxitemtop">经办人审核</view>
							<view class='stateboxitembot flexone'>
								<view class="stateimg" v-if="item.fdirstatus=='未提交'">
									
									<image src="../../static/img/wrong.png" mode=""></image>
								</view>
								<view class="stateimg" v-else>
									<image src="../../static/img/yifen.png" mode=""></image>
								</view>
								<view class="statename">{{item.fdirstatus}}</view>
							</view>
						</view>
						<view class="stateboxitem flexfour">
							<view class="stateboxitemtop">征求意见稿</view>
							<view class='stateboxitembot flexone'>
								<view class="stateimg" v-if="item.ffinauditstatus=='未提交'">
									<image src="../../static/img/wrong.png" mode=""></image>
								</view>
								<view class="stateimg" v-else>
									<image src="../../static/img/yifen.png" mode=""></image>
								</view>
								<view class="statename">{{item.ffinauditstatus}}</view>
							</view>
						</view>
						<view class="stateboxitem flexfour">
							<view class="stateboxitemtop">评审报告</view>
							<view class='stateboxitembot flexone'>
								<view class="stateimg" v-if="item.freporttatus=='未提交'">
									<image src="../../static/img/wrong.png" mode=""></image>
								</view>
								<view class="stateimg" v-if="item.freporttatus=='已提交'">
									<image src="../../static/img/report.png" mode=""></image>
								</view>
								<view class="stateimg" v-if="item.freporttatus=='已确认'">
									<image src="../../static/img/yifen.png" mode=""></image>
								</view>
								
								<view class="statename">{{item.freporttatus==null?'':item.freporttatus}}</view>
							</view>
						</view>
						<view class="stateboxitem flexfour">
							<view class="stateboxitemtop">合同发票</view>
							<view class='stateboxitembot flexone'>
								<view class="stateimg" v-if="item.fservicestatus=='未提交'">
									<image src="../../static/img/wrong.png" mode=""></image>
								</view>
								<view class="stateimg" v-if="item.fservicestatus=='已提交'">
									<image src="../../static/img/report.png" mode=""></image>
								</view>
								<view class="stateimg" v-if="item.fservicestatus=='已确认'">
									<image src="../../static/img/yifen.png" mode=""></image>
								</view>
								<view class="statename">{{item.fservicestatus==null?'':item.fservicestatus}}</view>
							</view>
						</view>
					</view>
					<!--  状态按钮-->
					<view class="btnlist">
						<view class="btnitem" @click="see(item)">查看</view>
						
						
						<!-- <view class="btnitem" @click="jingban(item)" v-if="showhide[4].status!=0">经办人审核</view>
						<view class="btnitem" @click="pingshen(item)" v-if="showhide[4].status!=0">评审报告确认</view>
						<view class="btnitem" @click="concatsure(item)" v-if="showhide[4].status!=0">合同发票确认</view>
						 -->
						<!-- 
						 <view class="btnitem" @click="question(item)">问题往来</view>
						<view class="btnitem" @click="jingban(item)" >经办人审核</view>
						<view class="btnitem" @click="pingshen(item)" >评审报告确认</view>
						<view class="btnitem" @click="concatsure(item)" >合同发票确认</view> -->
					</view>
					<!-- <view class="fenzutopshang">
						<text class="bianhao">项目类型：</text><text class="bianhaonum"> {{item.projecttype}}</text>
					</view>
					<view class="fenzutopshang">
						<text class="bianhao">项目组：</text><text class="bianhaonum">{{item.fteam==null?'':item.fteam}} </text>
					</view>
					<view class="fenzutopshang">
						<text class="bianhao">评审类型：</text><text class="bianhaonum">{{item.freviewtype}} </text>
					</view>
					<view class="fenzutopshang">
						<text class="bianhao">评审类型：</text><text class="bianhaonum">{{item.freviewtype}} </text>
					</view>
					<view class="fenzutopshang">

						<text class="bianhao">项目组分配状态：</text><text class="bianhaonum">{{item.ftaskprocess}}</text>
					</view>
					<view class="fenzutopshang">
						<text class="bianhao">任务状态：</text><text class="bianhaonum" v-if="item.ftaskstatus==null"></text><text class="bianhaonum"
						 v-else>{{item.ftaskstatus}}</text>
						
					</view>
					<view class="fenzutopshang">
						<text class="bianhao">评审报告状态：</text><text class="bianhaonum" v-if="item.freporttatus==null"></text><text class="bianhaonum"
						 v-else>{{item.freporttatus}}</text>
					</view>
					<view class="fenzutopshang">
						<text class="bianhao">合同发票状态：</text><text class="bianhaonum" v-if="item.fservicestatus==null"></text><text class="bianhaonum"
						 v-else>{{item.fservicestatus}}</text>
					</view>

					<view class="fenzubottom" @click="xiangmuzufen" :data-item="item">
						<view class="fenzubtn">项目组分配</view>
					</view> -->
				</view>
			</view>

			<!-- <view class="fenzuitem">
				<view class="fenzutop">
					<view class="fenzutopleft">
						<view class="fenzutopshang">
							<text class="bianhao">项目编号：</text><text class="bianhaonum"> 20191115001</text>
						</view>
						<view class="fenzutopshang">
							<text class="bianhao">任务编号：</text><text class="bianhaonum"> 20191115001</text>
						</view>
					</view>
					<view class="fenzutopright">
						<view class="fenzunoimg">
							<image src="../../static/img/yifen.png" mode=""></image>
						</view>
						<view class="fenzunoname">未分配</view>
					</view>
				</view>
				<view class="fenzuobottom">
					<view class="fenzutopshang">
						<text class="bianhao">项目名称：</text><text class="bianhaonum">
							机关服务中心会务处保安服务项目
						</text>
					</view>
					<view class="fenzutopshang">
						<text class="bianhao">项目类型：</text><text class="bianhaonum"> 预算</text>
					</view>
					<view class="fenzutopshang">
						<text class="bianhao">项目组：</text><text class="bianhaonum"> </text>
					</view>

					<view class="fenzubottom">
						<view class="fenzubtn">项目组分配</view>
					</view>
				</view>


			</view>

		 -->


		</view>
	</view>


</template>

<script>
	import app from "../../App.vue";
	export default {
		data() {
			return {
				zixunlist: [],
				keyword: '',
				querylist: [],
				type:'',
				showhide:''
			}
		},
		onLoad(options) {
				this.showhide = uni.getStorageSync("showhide");
				console.log('4389489',JSON.stringify(this.showhide))
			this.type=options.type;
			this.type=Number(this.type)
			switch(this.type){
				case 1:
				console.log(this.type)
				uni.setNavigationBarTitle({
				　　title:'预算项目审核'
				})
				this.project='prj_toaudit_budget'
				break;
				case 2:
				console.log(this.type)
				uni.setNavigationBarTitle({
				　　title:'结算项目审核'
				})
				this.project='prj_toaudit_settlement'
				break;
				case 3:
				uni.setNavigationBarTitle({
				　　title:'决算项目审核'
				})
				this.project='prj_toaudit_change'
				break;
				case 4:
				uni.setNavigationBarTitle({
				　　title:'土地成本项目审核'
				})
				this.project='prj_toaudit_land'
				break;
			}
		},
		methods: {
			// 项目组分配
			xiangmuzufen(item) {
				// let item = e.currentTarget.dataset.item;
				 let newitem = JSON.stringify(item)
				console.log(item)
				let finorgid = item.finorgid;
				let fprojectid = item.fprojectid;

				uni.navigateTo({
					url: '../zixunfenpei/zixunfenpei?item=' + newitem
				})
			},
			
			question(item){
				console.log(item)
				let questionid=item.fprojectid
				uni.setStorageSync("questionid",questionid)
				uni.navigateTo({
					url:'/pages/question/question?quesprojectid='+questionid
				})
			},
			getbudgetlist() {
				let that = this;
				let url = "project/Get_ProjectInventory";
				
				let param = {
					fprojectcategory:that.project,
					fuserid: uni.getStorageSync("userid"),
					fprojectid:'',
					role:uni.getStorageSync("role"),
				}
				 console.log('8877665544',param)
				app.post(url, param, 'get').then(r => {
					console.log(r)
					  // console.log('数组',JSON.stringify(r.data));
					that.zixunlist = r.data;
					that.querylist = r.data;
				}).catch(err => {
					console.log(err)
				})
			},
			// 查看
			see(item){
				 let newitem=JSON.stringify(item);
				// console.log(newitem)
				uni.navigateTo({
					url:'/pages/projectziliao/projectziliao?item='+newitem
				})
				
			},
			enterxiangmu(e) {
				console.log(e)
				this.keyword = e.target.value;

			},
			// 经办人
			jingban(item){
				let newitem=JSON.stringify(item)
				uni.navigateTo({
					url:'/pages/examinejingban/examinejingban?item='+newitem
				})
			},
			// 评审报告
			pingshen(item){
				let newitem=JSON.stringify(item)
				uni.navigateTo({
					url:'/pages/reviewreport/reviewreport?item='+newitem
				})
			},
			// 合同发票确认
			concatsure(item){
				let newitem=JSON.stringify(item)
				uni.navigateTo({
					url:'/pages/concat/concat?item='+newitem
				})
			},	
			chaxun() {
				if (this.keyword == '') {
					this.getbudgetlist();
				} else {
					console.log(9988776655)
					let newxiangmuarr = [];
					let newzixunlist = this.querylist;
					let name = [];
					for (var obj of newzixunlist) {
						
						name.push(obj.fname);
					}
					 console.log('名称', name)
					for (var i = 0; i < newzixunlist.length; i++) {
						for (var j = 0; j < name.length; j++) {

							if (name[j].indexOf(this.keyword) >= 0) {
								if (j == i) {
									newxiangmuarr.push(newzixunlist[i])
								}
								// console.log(9999)
							}
						}
					}
					console.log('9999000777', newxiangmuarr);
					this.zixunlist = newxiangmuarr;
				}
			}

		},
		onShow:function(){
			this.getbudgetlist();
		}

	}
</script>

<style>
	page {
		background: #F9F9F9;
	}
	image{
		width:100%;
		height:100%;
	}
	.btnlist{
		display:flex;
		align-items: center;
		flex-wrap: wrap;
		margin-top:20rpx;
	}
	.btnitem{
		width:194rpx;
		height:64rpx;
		background:rgba(0,147,255,1);
		opacity:1;
		border-radius:8rpx;
		color:#fff;
		font-size: 24rpx;
		text-align: center;
		line-height: 64rpx;
		margin-right:12rpx;
		margin-bottom:30rpx;
	}
	.statebox{
		flex-wrap: wrap;
		margin-top:32rpx;
	}
	
	.stateboxitem{
		width:188rpx;
		height:132rpx;
		border:1rpx solid rgba(189,196,206,1);
		opacity:1;
		border-radius:8rpx;
		margin-right:15rpx;
		margin-bottom:28rpx;
	}
	.stateboxitemtop{
		color:#06121E;
		font-size: 24rpx;
	}
	.stateboxitembot{
		margin-top:10rpx;
	}

	.head {
		display: flex;
		align-items: center;
		padding: 20rpx 32rpx;
		box-sizing: border-box;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index:999;
	}
	.stateimg{
		width:28rpx;
		height:28rpx;
		font-size: 0;
	}
	.statename{
		color:#06121E;
		font-size: 24rpx;
		margin-left:5rpx;
	}

	.fenzulist {
		margin-top: 100rpx;
	}

	.headleft {
		width: 572rpx;
		height: 60rpx;
		background: rgba(238, 238, 238, 1);
		opacity: 1;
		border-radius: 8rpx;
		padding: 10rpx 24rpx;
		box-sizing: border-box;
		display: felex;
		align-items: center;
		display: flex;
		align-items: center;
	}

	.headleft input {
		color: #BDC4CE;
		font-size: 28rpx;
	}

	.headright {
		width: 98rpx;
		height: 60rpx;
		background: rgba(0, 147, 255, 1);
		opacity: 1;
		border-radius: 8rpx;
		color: #fff;
		font-size: 22rpx;
		text-align: center;
		line-height: 60rpx;
		margin-left: 16rpx;
	}

	.fenzuitem {
		width: 686rpx;
		/* height: 484rpx; */
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 6rpx 6rpx rgba(0, 0, 0, 0.03);
		opacity: 1;
		border-radius: 20rpx;
		margin: 20rpx auto 0;
		padding: 28rpx 32rpx 40rpx;
		box-sizing: border-box;
	}

	.fenzutopright {}

	.fenzunoimg {
		width: 28rpx;
		height: 28rpx;
		font-size: 0;
		margin-right: 10rpx;
	}

	.fenzunoimg image {
		width: 100%;
		height: 100%;
	}

	.bianhao {
		color: #8C9198;
		font-size: 24rpx;

	}

	.bianhaonum {
		color: #06121E;
		font-size: 24rpx;
		letter-spacing: 2rpx;
	}

	.fenzunoname {
		color: #3D444D;
		font-size: 24rpx;
	}

	.fenzutopright {
		display: flex;
		align-items: center;
		width: 126rpx;
		height: 48rpx;
		border: 1rpx solid rgba(189, 196, 206, 1);
		opacity: 1;
		border-radius: 8rpx;
		padding: 0 5rpx;
		box-sizing: border-box;

	}

	.fenzutop {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 16rpx;
		border-bottom: 1rpx solid #f5f5f5;
	}

	.fenzuobottom {
		margin-top: 16rpx
	}

	.fenzubottom {
		display: flex;
		justify-content: flex-end;
		margin-top: 16rpx
	}

	.fenzubtn {
		width: 200rpx;
		height: 64rpx;
		background: rgba(0, 147, 255, 1);
		opacity: 1;
		border-radius: 8rpx;
		color: #F9F9F9;
		font-size: 24rpx;
		text-align: center;
		line-height: 64rpx;
	}
</style>