<template>
	<view class="box">
		<view class="renyuan">
			<view class="projectinfo">
				<view class="projectinfoname">
					<image src="../../static/img/renyuan.png" mode=""></image>
				</view>
				<view class="projectname">项目信息</view>
			</view>
			<view class="projectlist">

				<view class="projectitem">
					<view class="projectitemleft">项目编号:</view>
					<view class="projectitemright">{{item.fnumber}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">项目名称:</view>
					<view class="projectitemright">{{item.fname}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">项目类型:</view>

					<view class="projectitemright">{{item.fprojecttype==null?'':item.fprojecttype}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">送审金额:</view>
					<view class="projectitemright">{{item.ftoauditamt}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">送审单位:</view>
					<view class="projectitemright">{{item.fdrgdoment}}</view>
				</view>


				<view class="projectitem">
					<view class="projectitemleft">评审类型:</view>
					<view class="projectitemright">{{item.freviewtype}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">任务进程:</view>
					<view class="projectitemright">{{item.ftaskprocess}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">业主联系人:</view>
					<view class="projectitemright">{{item.fcontacter}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">业主联系人手机:</view>
					<view class="projectitemright">{{item.fstandbyphones}}</view>
				</view>
			</view>
		</view>
		<!-- 咨询单位 -->
		<view class="zixun">
			<view class="consult">
				<view class="consultdanwei">
					<view class="projectinfoname">
						<image src="../../static/img/zixundanwei.png" mode=""></image>
					</view>
					<view class="projectname">咨询单位</view>
				</view>
				<view class="head">
					<view class="headleft">
						<input type="text" placeholder="输入单位名称查询" @input="enterxiangmu" />
					</view>
					<view class="headright" @click="chaxun">查询</view>
				</view>

			</view>


			<view class="zixunbox">
				<view class="volistdata" v-if="votelist.length==0">暂无数据</view>
				<view class="votelist" v-else>
					<view class="voicehead">
						<view class="headitem danwei">咨询单位名称</view>
						<view class="headitem piao" v-if="status!=1">票数</view>
						<view class="headitem tou" v-if="showhide[4].status!=0">投票</view>
					</view>
					<view class="zixundan" v-for="(item,index) in votelist" :key="index">
						<view class="zixundanitem wei">{{item.finteroryname}}</view>
						<view class="zixundanitem tpiao" v-if="status!=1">{{item.ffilecount}}</view>
						<view class="zixundanitem zixuntou" @click="toupiao" :data-voiteitem="item" v-if="showhide[4].status!=0">投票</view>
					</view>
				</view>
			</view>
		</view>
		<view class="renyaoqiu">
			<view class="projectinfo zidan">
				<view class="projectinfoname">
					<image src="../../static/img/xinxi.png" mode=""></image>
				</view>
				<!-- <view class="projectname">人员要求</view> -->
				<view class="projectname">项目组和咨询单位</view>
			</view>
			<view class="projectlist">
				<view class="projectitem" v-if="daibanfprojectid==''">
					<view class="renyuanleft">咨询单位:</view>
					<!-- v-if="showhide[3].status==1" -->
					<picker @change="bindPickerChange" :value="index" :range="danweilist" range-key="fname" >
						<view class="renyuanright danweizi">

							<view class="uni-input xiangmuyuan">{{danweiname}}</view>

							<view class="xuanlei">
								<image src='../../static/img/number.png'></image>
							</view>
							<!-- <input type="number" placeholder-class="xiangmuyuan"> -->
						</view>
					</picker>
					<!-- <view class="renyuanright danweizi" v-else>
						<view class="uni-input xiangmuyuan">{{danweilist[index].fname}}</view>
						
					</view> -->
				</view>
				<view class="projectitem" v-else>
					<view class="renyuanleft">咨询单位:</view>
					<!-- v-if="item.ftaskprocess=='未分配'" -->
					<picker @change="bindPickerChange" :value="index" :range="danweilist" range-key="fname">
						<view class="renyuanright danweizi">
							<view class="uni-input xiangmuyuan">{{danweiname}}</view>
							<view class="xuanlei">
								<image src='../../static/img/number.png'></image>
							</view>
							<!-- <input type="number" placeholder-class="xiangmuyuan"> -->
						</view>
					</picker>
					<!-- <view class="renyuanright danweizi" v-else>
						<view class="uni-input xiangmuyuan">{{danweilist[index].fname}}</view>
						
					</view> -->
				</view>
				<view class="projectitem">
					<view class="renyuanleft">咨询单位负责人:</view>
					<!-- <view class="renyuanright">
						<input type="text" placeholder-class="xiangmuyuan" placeholder="咨询单位负责人">
					</view> -->
					<view class="zuxiangmu">
						{{fuzepeople}}
					</view>
				</view>

				<view class="projectitem">
					<view class="renyuanleft">咨询单位负责人手机:</view>
					<!-- <view class="renyuanright">
						<input type="number" placeholder-class="xiangmuyuan" placeholder="咨询单位负责人手机：">
					</view> -->
					<view class="zuxiangmu">
						{{fuzephone}}
					</view>
				</view>
				<view class="projectitem">
					<view class="renyuanleft">项目组:</view>
					<view class="zuxiangmu">
						{{item.fteam}}
					</view>
				</view>
				<view class="projectitem">
					<view class="renyuanleft">项目经办人1:</view>
					<view class="zuxiangmu">
						{{item.fprjleaderone}}
					</view>
				</view>
				<view class="projectitem">
					<view class="renyuanleft">项目经办人2:</view>
					<view class="zuxiangmu">
						{{item.fprjleadertwo}}
					</view>
				</view>
				<view class="projectitem">
					<view class="renyuanleft">在审项目数:</view>
					<view class="zuxiangmu">
						{{ftrialnumber}}
					</view>
				</view>
				<view class="projectitem">
					<view class="renyuanleft">审结项目数:</view>
					<view class="zuxiangmu">
						{{fconcludenumber}}
					</view>
				</view>
			</view>

		</view>
		<!-- v-if="showhide[3].status==0" -->
		<view class="zixunbottom" v-if="showhide[4].status!=1">
			<view class="querenfen" @click="surefenpei">确认分配</view>
		</view>
	</view>
</template>

<script>
	import app from "../../App.vue";
	import helper from '../../common/help.js';
	export default {
		data() {
			return {
				disid: '',
				item: '',
				fteamid: '',
				fprojectid: '',
				ftrialnumber: '',
				fconcludenumber: '',
				votelist: [],
				danweilist: [],
				index: 0,
				keyword: '',
				showhide: '',
				fuzepeople: '',
				fuzephone: '',
				status: '',
				subdisid: '',
				daibanfprojectid: '',
				touvotelist:[],
				fintorgid:" ",
				danweiname:'请选择咨询单位',
				//状态
				state:'',
			}
		},
		onLoad(options) {
				this.showhide = uni.getStorageSync("showhide");
			console.log('传的参数', options.dfprojectid,options)
			if (options.dfprojectid != undefined) {
				this.daibanfprojectid = options.dfprojectid;
				this.disid=options.disid;
				this.status=this.showhide[4].status;
				this.getdaibandetail();
			} else {
				this.item = JSON.parse(options.item);
				console.log('8888',this.item)
				let newitem=this.item;
				newitem.ftoauditamt=helper.change(newitem.ftoauditamt);
				this.item=newitem
				this.status = this.showhide[4].status;
				this.disid = options.disid;
				this.fteamid = options.fteamid;
				this.fprojectid = options.fprojectid;
				this.fintorgid=this.item.fintorgid,
				this.danweiname=this.item.fintorgname
			}


		
			this.getvotelist();
			// 在审项目数
			this.shenjienum();
			this.getzixundanwei();
			// 状态按钮
			// this.isshow()
		},
		methods: {

			// 获取代办事件的详情
			getdaibandetail() {
				console.log(999)
				let that = this;
				let url = "project/Get_advisory";
				let param = {
					fuserid: uni.getStorageSync("userid"),
					role: uni.getStorageSync("role"),
					fprojectid: this.daibanfprojectid
				}
				console.log('canshu',param)
				app.post(url, param, 'get').then(r => {
					console.log('代办事宜', r)
					that.item = r.data[0];
					let newitem=this.item;
					newitem.ftoauditamt=helper.change(newitem.ftoauditamt);
					this.item=newitem
					// 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)

				})
			},
			
			
			
			//咨询单位投票
			getvotelist() {
				let that = this;
				let url = "project/Get_intermediaryorg";
				
				let param = {
					disid: this.disid,
				}
				console.log('8877665544', param)
				app.post(url, param, 'get').then(r => {
					console.log('投票列表',r)
					this.votelist = r.data;
					this.touvotelist=r.data
				}).catch(err => {
					console.log(err)
				})
			},

			// 投票
			toupiao(e) {
				let that = this;
				console.log(e)
				let voteitem = e.target.dataset.voiteitem;
				console.log(voteitem.finteroryname)
				let url = "project/Get_vote";
				let param = {
					fname: voteitem.finteroryname,
					fid: that.item.disid,
					fprojectid: that.item.fprojectid,
					userid: uni.getStorageSync("userid"),
					fadvisoryid: voteitem.fadvisoryid,
					role:uni.getStorageSync("role")
				}
				console.log('8877665544', param)
				app.post(url, param, 'get').then(r => {
					console.log(r);
					console.log(JSON.stringify(r.data))
					uni.showToast({
						title: r.data[0].message,
						icon: 'none'
					})
					// that.getvotelist();
					that.voicesuccess();
					setTimeout(function(){
						uni.navigateBack({
							checked:true
						})
					},1500)

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


				})
			},
			
			// 投完票之后
			voicesuccess(){
				let that = this;
				
				let url = "project/Upadte_Agencymatters";
				let param = {
					userid:uni.getStorageSync("userid"),
					fdisid:that.item.disid
				}
				console.log('8877665544', param)
				app.post(url, param, 'get').then(r => {
					console.log('投票成功之后',r);
					
				
				}).catch(err => {
					console.log(err)
				
				
				})
			},

			// 审结项目数
			shenjienum() {
				let that = this;
				console.log(9988776655)
				let url = "project/Get_disnumber";
				let param = {
					fteamid: this.fteamid,
					fprojectid: this.fprojectid
				}
				// console.log('8877665544',param)
				app.post(url, param, 'get').then(r => {
					console.log(r);
					that.ftrialnumber = r.data[0].ftrialnumber;
					that.fconcludenumber = r.data[0].fconcludenumber;

					// console.log('1234567890',JSON.stringify(r))
					// that.rizhilist = r.data;
					// console.log(that.rizhilist)
				}).catch(err => {
					console.log(err)


				})
			},
			//获取咨询单位
			getzixundanwei() {
				let that = this;
				console.log(9988776655)
				let url = "project/Get_IntermediaryOrg";


				app.post(url, '', 'get').then(r => {
					console.log("咨询单位",r);
					that.danweilist = r.data;
					console.log(that.item.ftaskprocess)
					if (that.item.ftaskprocess=='投票中') {
						that.danweiname = '';
						that.fuzepeople = '';
						that.fuzephone = '';
						that.fintorgid=" ";
					} else {
						console.log(43848934)
						that.danweilist.forEach(function(value,indexk,array){
							if(value.fid==that.item.fintorgid){
								that.danweiname = value.fname;
								that.fuzepeople = value.fauthorizeman;
								that.fuzephone = value.fauthphone;
								that.fintorgid=value.fid;
								that.index=indexk;
								console.log('index',that.index)
							}
						})
						// for (var obj of that.danweilist) {
						// 	if (obj.fid==that.item.fintorgid) {
						// 		that.danweiname = obj.fname;
						// 		that.fuzepeople = obj.fauthorizeman;
						// 		that.fuzephone = obj.fauthphone;
						// 		that.fintorgid=obj.fid
						// 	}
						// }

					}
					console.log(that.danweilist)

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


				})
			},

			enterxiangmu(e) {

				this.keyword = e.target.value;
				console.log('776655443322', this.keyword)
			},
			// 查询
			chaxun() {

				if (this.keyword == '') {
					this.getvotelist();
				} else {
					let newxiangmuarr = [];
					let newxiangmulist = this.votelist;
					let name = []
					for (var obj of newxiangmulist) {
						name.push(obj.finteroryname)

					}
					
					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('9999000777', newxiangmuarr);
					this.votelist = newxiangmuarr;
				}

			},
			bindPickerChange: function(e) {
				console.log('picker发送选择改变，携带值为', e.target.value)
				this.index = e.target.value;
				this.danweiname = this.danweilist[e.target.value].fname;
				this.fuzepeople = this.danweilist[e.target.value].fauthorizeman;
				this.fuzephone = this.danweilist[e.target.value].fauthphone;
				this.fintorgid = this.danweilist[e.target.value].fid;
				console.log(JSON.stringify(this.danweilist))
				console.log(this.fintorgid)
			},
			// 确认分配
			surefenpei() {
				let that = this;
				console.log('咨询单位',that.fintorgid)
				if(that.fintorgid==" "){
					
					uni.showToast({
						title:"请选择咨询单位",
						icon:'none'
					})
					return false
				}
				let url = "project/Get_SubmitAdvisoryDisfteam";
				let param = {
					fadvisorystatus:that.item.fadvisorystatus,
					fuserid: uni.getStorageSync("userid"),
					disid: that.item.disid,
					fprojectid: that.item.fprojectid,
					fintorgid: that.fintorgid
				}
				console.log('咨询单位分配参数',param)
				app.post(url, param, 'get').then(r => {
					console.log(r);
					if(r.data[0].message=='成功'){
						uni.showToast({
							title: '提交成功',
							icon: "none"
						})
						this.changestate()
						setTimeout(function() {
							uni.navigateBack({
								checked: true
							})
						}, 1000)
					}else{
						uni.showToast({
							title: r.data[0].message,
							icon: "none"
						})
					}
					
					
					
				}).catch(err => {
					console.log(err)
				})
			},
			changestate(){
				let that = this;
				let url = "project/Get_Fteam";
				let params={
					userid:uni.getStorageSync("userid"),
					fdisid:that.item.disid
				}
				// console.log('8877665544',param)
				app.post(url, '', 'get').then(r => {
					console.log('修改状态',r);
				}).catch(err => {
					console.log(err)
				})
			}

		}

	}
</script>

<style>
	.box {
		background: #fff;
	}

	.projectinfo {
		display: flex;
		align-items: center;

	}

	.projectinfoname {
		width: 44rpx;
		height: 44rpx;
		font-size: 0;
	}

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

	.projectname {
		color: #3D444D;
		font-size: 28rpx;
		font-weight: bold;
		margin-left: 16rpx;
	}

	.projectinfo {
		padding: 36rpx 32rpx 16rpx;
		box-sizing: border-box;
		border-bottom: 1rpx solid #eee;
	}

	.projectlist {
		padding: 0 32rpx;
		box-sizing: border-box;
	}

	.projectitem {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 32rpx 0;
		box-sizing: border-box;
		border-bottom: 1rpx solid #EEEEEE
	}

	.projectitem:last-child {
		border-bottom: none;
	}

	.projectitemleft {
		color: #8C9198;
		font-size: 28rpx;
	}

	.projectitemright {
		color: #3D444D;
		font-size: 28rpx;
	}

	.renyuanleft {
		color: #8C9198;
		font-size: 28rpx;
	}

	.renyuanright {
		width: 300rpx;
		height: 60rpx;
		background: #EEEEEE;
		padding: 14rpx 28rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}

	.danweizi {
		width: 500rpx;
		text-align: right;
	}

	.renyuanright input {
		width: 100%;
		height: 40rpx;
		color: #8C9198;
		font-size: 24rpx;
	}

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

	.zixunbottom {
		display: flex;
		align-items: center;
		padding: 28rpx 32rpx 34rpx;
	}

	.zixunbotleft {
		width: 130rpx;
		height: 80rpx;
		background: rgba(232, 80, 0, 1);
		opacity: 1;
		border-radius: 8rpx;
		color: #fff;
		font-size: 28rpx;
		text-align: center;
		line-height: 80rpx;
	}

	.zixunbotright {
		width: 532rpx;
		height: 80rpx;
		background: rgba(0, 147, 255, 1);
		opacity: 1;
		border-radius: 8rpx;
		color: #fff;
		font-size: 28rpx;
		text-align: center;
		line-height: 80rpx;
		margin-left: 24rpx;
	}

	/* .renyuan{
		border-bottom:16rpx solid #f9f9f9;
	} */
	.renyaoqiu {
		margin-top: 12rpx;
	}

	.zixundan {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 24rpx 42rpx 16rpx 0;
		box-sizing: border-box;
		/* border-bottom: 1rpx solid #BDC4CE; */
	}

	.zixundanitem {
		color: #06121E;
		font-size: 28rpx;
	}

	.zixunbox {
		padding: 0 32rpx;
		box-sizing: border-box;
	}

	.zixundanboxlist {
		display: flex;
		align-items: center;
		padding: 20rpx 0;
		box-sizing: border-box;
		/* justify-content: space-between; */
	}

	.zixunname {
		width: 320rpx;
		color: #06121E;
		font-size: 24rpx;
		line-height: 1.5;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.zixunshu {
		width: 105rpx;
		/* margin-left: 52rpx; */
		text-align: center;
		color: #06121E;
		font-size: 24rpx;
	}

	.zixuntou {
		width: 108rpx;
		height: 40rpx;
		background: rgba(0, 147, 255, 1);
		opacity: 1;
		border-radius: 8rpx;
		color: #F9F9F9;
		font-size: 24rpx;
		text-align: center;
		line-height: 40rpx;
		margin-left: 100rpx
	}


	.zuxiangmu {
		color: #3D444D;
		font-size: 28rpx;
		/* font-weight: bold; */
	}

	.querenfen {
		width: 686rpx;
		height: 80rpx;
		background: rgba(0, 147, 255, 1);
		opacity: 1;
		border-radius: 8rpx;
		color: #fff;
		font-size: 28rpx;
		text-align: center;
		line-height: 80rpx;
	}

	.zidan {
		border-top: 16rpx solid #f9f9f9;
	}

	.danweizi {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

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

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

	.headleft {
		width: 372rpx;
		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: 100rpx;
		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: 372rpx;
		/* 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;

	}

	.consult {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 32rpx;
		box-sizing: border-box;
		border-bottom: 1rpx solid #eee;

	}

	.consultdanwei {
		display: flex;
		align-items: center;
	}

	.volistdata {
		color: #999;
		font-size: 30rpx;
		text-align: center;
		margin-top: 20rpx;
	}

	.xuanlei {
		width: 18rpx;
		height: 25rpx;
		font-size: 0;
	}

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

	.voicehead {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20rpx 0;
		box-sizing: border-box;
		border-bottom: 1rpx solid #eee;
	}

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

	.piao {
		margin-left: 20rpx;
	}

	.danwei {
		width: 50%;
		text-align: left;

	}

	.piao {
		width: 20%;
		text-align: center;
	}

	.tou {
		width: 30%;
		text-align: center;
	}

	.wei {
		width: 60%;
		text-align: left;
	}

	.tpiao {
		width: 10%;
		text-align: center;
		margin-left: 30rpx;

	}

	.votelist {
		height: 500rpx;
		overflow-y: scroll;
	}
</style>