<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="xiangmulist.length==0">暂无数据</view>

		<view class="fenzulist" v-else>
			<view class="fenzuitem" v-for="(item,index) in xiangmulist" :key="index">
				<view class="fenzutop">
					<view class="fenzutopleft">
						<view class="fenzutopshang">
							<text class="bianhao">项目编号：</text><text class="bianhaonum"> {{item.fnumber}}</text>
						</view>
						
					</view>
					<view class="fenzutopright">
						<view class="fenzunoimg">
							<image src="../../static/img/toupiao.png" mode="" v-if="item.fadvisorystatus=='投票中'"></image>
							<image src="../../static/img/yifen.png" mode="" v-else></image>
						</view>
						<view class="fenzunoname">{{item.fadvisorystatus}}</view>
					</view>
				</view>
				<view class="fenzuobottom">
					<view class="fenzutopshang">
						<text class="bianhao">项目名称：</text><text class="bianhaonum">
							{{item.fname}}
						</text>
					</view>
					<!-- <view class="fenzutopshang"  v-if="item.fprojecttype==null">
						<text class="bianhao">项目类型：</text><text class="bianhaonum"> 暂无</text>

					</view>
					<view class="fenzutopshang" v-else>
						<text class="bianhao">项目类型：</text><text class="bianhaonum"> {{item.fprojecttype}}</text>
					</view>
 -->

					<!-- <view class="fenzutopshang">
						<text class="bianhao">项目组：</text><text class="bianhaonum">{{item.fteam==null?'':item.fteam}}</text>
					</view>
					 -->

					<view class="fenzubottom">
						<view class="fenzubtn" @click="zixundanweifen" :data-item="item" :data-disid="item.disid" >咨询单位分配</view>
						<view class="fenzubtn" @click="vote" :data-itemid="item.fprojectid">投票日志{{item.fprojectid}}</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 class="fenzubtn">投票日志</view>
				</view>
			</view>
		
		
		</view>
				 -->
		</view>
	</view>


</template>

<script>
	import app from "../../App.vue";
	export default {
		data() {
			return {
				selshow: false,
				xiangmulist: [],
				keyword: '',
				end:"",
				querylist:[]
			}
		},
		onLoad() {
			this.getzixunlist()
		},
		methods: {
			// 咨询单位分配
			zixundanweifen(e) {
				console.log(e)
				let disid=e.target.dataset.disid;
				let item=e.target.dataset.item;
				console.log('999',item)
				let fteamid=item.ftemid;
				let fprojectid=item.fprojectid;
				console.log(fprojectid)
				item=JSON.stringify(item);
				console.log(item)
				uni.navigateTo({
					url: '../zixundanweifen/zixundanweifen?disid='+disid+'&item='+item+'&fteamid='+fteamid+'&fprojectid='+fprojectid+'&status='+this.end[0].status
				})
			},
			vote(e) {
				
				let id=e.target.dataset.itemid
				console.log('lalal',id)
				// let id=e.target.value;
				// console.log('lalalal',id)
				uni.navigateTo({
					url: '../danweivote/danweivote?id='+id
				})
			},
			getzixunlist() {
				console.log(999)
				let that = this;
				let url = "project/Get_advisory";
				let param={
					fuserid:uni.getStorageSync("userid"),
					role:uni.getStorageSync("role"),
					fprojectid:''
				}
				app.post(url, param, 'get').then(r => {
					console.log(r)
					// console.log(r)
					// console.log('1234567890',JSON.stringify(r))
					that.xiangmulist = r.data;
					that.querylist=r.data
					let end=that.xiangmulist.splice(-1);
					that.end=end
					console.log(that.end[0].status)
					console.log(JSON.stringify(end))
					console.log(that.xiangmulist)



				}).catch(err => {
					console.log(err)

				})
			},
			enterxiangmu(e) {
				console.log(e)
				this.keyword = e.target.value;


			},
			chaxun() {
				if(this.keyword==''){
					this.getzixunlist();
				}else{
					let newxiangmuarr = [];
					let newxiangmulist = this.querylist;
					let name=[]
					for (var obj of newxiangmulist) {
						name.push(obj.fname)
						
					}
					console.log('名称',name)
					for(var i=0;i<newxiangmulist.length;i++){
						for(var j=0;j<name.length;j++){
							
							if (name[j].indexOf(this.keyword)>=0) {
								if(j==i){
									newxiangmuarr.push(newxiangmulist[i])
								}
								// console.log(9999)
								
							}
						}
					}
					
					console.log('9999000777',newxiangmuarr);
					this.xiangmulist = newxiangmuarr;
					
				}
			}

		}
	}


</script>

<style>
	page {
		background: #F9F9F9;
	}

	.head {
		display: flex;
		align-items: center;
		padding: 20rpx 32rpx;
		box-sizing: border-box;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0
	}

	.fenzulist {
		margin-top: 100rpx;
		padding-bottom: 50rpx;
	}

	.headleft {
		width: 572rpx;
		height: 60rpx;
		background: rgba(238, 238, 238, 1);
		opacity: 1;
		border-radius: 8rpx;
		padding: 10rpx 24rpx;
		box-sizing: border-box;
		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;
	}



	.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;
		margin-right: 24rpx;
	}

	.fenzubtn:last-child {
		margin-right: 0
	}
</style>