<template>
	<view class="box">
		<view lass="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.}}</view>
				</view> -->
				<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.ftoauditamt}}</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.projecttype}}</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.fdrgdoment}}</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 class="projectitem">
					<view class="projectitemleft">评审类型:</view>
					<view class="projectitemright">{{item.freviewtype}}</view>
				</view> -->
				<!-- <view class="projectitem">
					<view class="projectitemleft">任务进度:</view>
					<view class="projectitemright">已分配</view>
				</view> -->
			</view>

		</view>
		<view lass="renyaoqiu">
			<view class="projectinfo">
				<view class="projectinfoname">
					<image src="../../static/img/xinxi.png" mode=""></image>
				</view>
				<view class="projectname">人员要求</view>
			</view>
			<view class="projectlist">
				<view class="projectitem">
					<view class="renyuanleft">项目组:</view>


					<!-- <view class="renyuanright">
						<view class="renyuanshunum">
							{{item.fteam}}
						</view>
						<view class="renyuanshuimg">
							<image src="../../static/img/number.png" mode=""></image>
						</view>
					</view> -->

					<picker @change="bindPickerChange" :value="index" :range="projectarr" range-key="fname">
						<view class="renyuanright danweizi">
							<view class="uni-input xiangmuyuan">{{fname}}</view>
							<view class="xuanlei">
								<image src='../../static/img/number.png'></image>
							</view>
						</view>
					</picker>

				</view>
				<view class="projectitem">
					<view class="renyuanleft">项目经办人1:</view>
					<view class="renyuanright" v-if="fprjleader==null">

						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="项目经办人1"> -->
					</view>
					<view class="renyuanright" v-else>
						{{fprjleader}}
						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="项目经办人1"> -->
					</view>
				</view>
				<view class="projectitem">
					<view class="renyuanleft">项目经办人2:</view>
					<view class="renyuanright" v-if="fprjleadertwo==null">

						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="项目经办人2"> -->
					</view>
					<view class="renyuanright" v-else>
						{{fprjleadertwo}}
						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="项目经办人2"> -->
					</view>
				</view>
				<view class="projectitem">
					<view class="renyuanleft">专家:</view>
					<!-- <view class="renyuanright">
						<view class="renyuanshunum" v-if="item.fexname==undefined">

						</view>
						<view class="renyuanshunum" v-else>
							{{item.fexname}}
						</view>

						

					</view>
				
				 -->
					<!-- 专家 -->

					<picker @change="bindzPickerChange" :value="index" :range="zhuanprojectarr" range-key="fname">
						<view class="renyuanright danweizi">
							<view class="uni-input xiangmuyuan">{{zfname}}</view>
							<view class="xuanlei">
								<image src='../../static/img/number.png'></image>
							</view>
						</view>
					</picker>


				</view>
				<view class="projectitem">
					<view class="renyuanleft">专家手机号:</view>
					<view class="renyuanright" v-if="detaildata.fprjexpertphone==undefined">

						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="专家手机号"> -->
					</view>
					<view class="renyuanright" v-else>
						{{detaildata.fprjexpertphone}}
						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="专家手机号"> -->
					</view>
				</view>
				<view class="projectitem">
					<view class="renyuanleft">专家专业:</view>
					<view class="renyuanright">
						{{detaildata.expertreview==null?'':detaildata.expertreview}}
						<!-- {{item.}} -->
						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="专家专业"> -->
					</view>
				</view>
				<view class="projectitem">
					<view class="renyuanleft">典型案例概述:</view>
					<view class="renyuanright">
						{{detaildata.ftypicalname==null?'':detaildata.ftypicalname}}
						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="典型案例概述"> -->
					</view>
				</view>
				<view class="projectitem">
					<view class="renyuanleft">专家特长概述:</view>
					<view class="renyuanright">
						{{detaildata.expertcharacteristic==null?'':detaildata.expertcharacteristic}}
						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="专家特长概述"> -->
					</view>
				</view>
				<view class="projectitem">
					<view class="renyuanleft">专家证书概述:</view>
					<view class="renyuanright">
						{{detaildata.fcertificatename==null?'':detaildata.fcertificatename}}
						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="专家证书概述"> -->
					</view>
				</view>
				<view class="projectitem">
					<view class="renyuanleft">在审项目数:</view>
					<view class="renyuanright">
						{{detaildata.ftrialnumber==undefined?'':detaildata.ftrialnumber}}
						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="专家证书概述"> -->
					</view>
				</view>
				<view class="projectitem">
					<view class="renyuanleft">审结项目数:</view>
					<view class="renyuanright">
						{{detaildata.fconcludenumber==undefined?'':detaildata.fconcludenumber}}
						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="专家证书概述"> -->
					</view>
				</view>
			</view>

		</view>
		<view class="zixunbottom">
			<!-- <view class="zixunbotleft">保存</view> -->
			<view class="zixunbotright" @click="submit" v-if="item.fexpertstatus=='未分配'">提交分配</view>
		</view>

	</view>
</template>

<script>
	import app from "../../App.vue";
	import helper from '../../common/help.js'; 
	export default {
		data() {
			return {
				item: '',
				detaildata: '',
				projectarr: [],
				index: 0,
				fprjleader: '',
				fprjleadertwo: '',
				finorgid: "",
				fname: '',
				// 专家
				zhuanprojectarr: [],
				fexid:'',
				zfname:'',
				exid:''
			}
		},
		onLoad(options) {
			console.log(options)
			this.item = JSON.parse(options.item);
			let newitem=this.item;
			newitem.ftoauditamt=helper.change(newitem.ftoauditamt);
			this.item=newitem
			console.log(this.item);
			// 获取专家列表
			this.getzhuanjialist()
			// this.getdetail();
			this.getprojectkind();
			this.getzhuanjia();
			
			// 获取台账列表
		},
		methods: {

			getdetail() {
				let that = this;
				let url = "project/Get_ExDisfteam";
				let param = {
					disid: that.item.disid,
					exid: that.fexid,
					fprojectid: that.item.fprojectid

				}
				console.log('00998877', param)
				// console.log('8877665544',param)
				app.post(url, param, 'get').then(r => {
					console.log('专家分配信息', r);
					that.detaildata = r.data[0];
					// console.log(that.detaildata)

				}).catch(err => {
					console.log(err)
				})
			},
			// 获取专家列表
			getzhuanjialist(){
				console.log("我是专家")
				let that = this;
				let url = "project/Get_DevelopmentOrg";
				// console.log('8877665544',param)
				app.post(url, '', 'get').then(r => {
					console.log('握手', r);
					that.zhuanprojectarr = r.data;
					if(that.item.fexpertstatus=='未分配'){
						that.fexid='';
						that.detaildata=[]
						
					}else{
						that.fexid=that.item.fexid;
						that.zfname=that.item.fexname;
						that.getzhuanjia()
						// for(var obj of that.zhuanprojectarr){
						// 	if(obj.exid==that.item.fexid){
								
						// 		that.fexid=obj.exid
						// 		// that.zfname=obj.fname;
						// 		// that.detaildata=obj;
						// 		// console.log(that.detaildata.fprjexpertphone)
						// 	}
							
						// }
						
						// that.getdetail()
					}
					// console.log(that.detaildata)
				
				}).catch(err => {
					console.log(err)
				})
			},
			// 获取专家
			getzhuanjia() {

				let that = this;
				let url = "project/Get_ExDisfteam";
				let param = {
					disid: that.item.disid,
					exid: that.fexid,
					fprojectid: that.item.fprojectid

				}
				console.log('no', param)
				// console.log('8877665544',param)
				app.post(url, param, 'get').then(r => {
					console.log('专家分配信息', r);
					that.detaildata=r.data[0]
					
					
					
					// console.log(that.detaildata)

				}).catch(err => {
					console.log(err)
				})
			},
			bindzPickerChange: function(e) {
				console.log('picker发送选择改变，携带值为', e.target.value)

				this.index = e.target.value;
				
				this.fexid = this.zhuanprojectarr[e.target.value].exid;
				this.zfname = this.zhuanprojectarr[e.target.value].fname;
				console.log('987654', this.fname)
				this.getdetail()

				// this.danweiname = this.danweilist[e.target.value].fname;
				// this.fuzepeople = this.danweilist[e.target.value].fauthorizeman;
				// this.fuzephone = this.danweilist[e.target.value].fauthphone;
			},

			// 显示项目组
			getprojectkind() {
				let that = this;
				let url = "project/Get_Fteam";


				// console.log('8877665544',param)
				app.post(url, '', 'get').then(r => {
					console.log(r);
					this.projectarr = r.data;
					if (that.item.fexpertstatus == '未分配') {
						console.log(99887766554343)
						this.fprjleader = '';
						this.fprjleadertwo = '';
						this.fname = ''
					} else {
						console.log(999900999)
						for (var obj of this.projectarr) {
							if (obj.fid == that.item.finorgid) {
								this.fprjleader = obj.fprjleader;
								this.fprjleadertwo = obj.fprjleadertwo;
								this.fname = obj.fname
							}
						}

					}




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

			bindPickerChange: function(e) {
				console.log('picker发送选择改变，携带值为', e.target.value)

				this.index = e.target.value;
				this.fprjleader = this.projectarr[e.target.value].fprjleader;
				this.fprjleadertwo = this.projectarr[e.target.value].fprjleadertwo;
				this.finorgid = this.projectarr[e.target.value].fid;
				this.fname = this.projectarr[e.target.value].fname;
				console.log('987654', this.fname)

				// this.danweiname = this.danweilist[e.target.value].fname;
				// this.fuzepeople = this.danweilist[e.target.value].fauthorizeman;
				// this.fuzephone = this.danweilist[e.target.value].fauthphone;
			},

			submit() {
				let that = this;
				if (this.fname == '') {
					wx.showToast({
						title: "请选择项目组",
						icon: "none"
					})

					return false
				}
				if(that.zfname==''){
					wx.showToast({
						title: "请选择专家",
						icon: "none"
					})
					
					return false
				}
				console.log('998877665544', that.item)
				let url = "project/Get_SubmitExDisfteam";
				let param = {
					fuserid: uni.getStorageSync("userid"),
					finorgid: that.finorgid,
					fexid: that.fexid,
					fdisid: that.item.disid,
					fprojectid: that.item.fprojectid

				}
				console.log('00998877', param)
				// console.log('8877665544',param)
				app.post(url, param, 'get').then(r => {
					console.log(r);
					uni.showToast({
						title: '提交成功',
						icon: 'none'
					})

					setTimeout(function() {
						uni.navigateBack({
							checked: true
						})
					}, 1000)

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

	}
</script>

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

	.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 #BDC4CE;

	}

	.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
	}

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

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

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

	.renyuanright {
		width: 300rpx;
		height: 60rpx;
		/* background: #EEEEEE; */
		padding: 14rpx 28rpx;
		box-sizing: border-box;
		/* display: flex;
		align-items: center; */
		text-align: right;
		color: #3D444D;
		font-size: 28rpx;

	}

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

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

	.zixunbottom {
		display: flex;
		align-items: center;
		justify-content: 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;
	}

	.renyaoqiu {
		margin-top: 12rpx;
	}



	.renyuanshuimg {
		width: 14rpx;
		height: 24rpx;
		font-size: 0;
	}

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

	.danweizi {
		width: 360rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #EEEEEE;
	}

	.xuanlei {
		width: 20rpx;
		height: 22rpx;
		font-size: 0;
	}

	.xuanlei image {
		width: 100%;
		height: 100%;
	}
</style>