<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.fnumber}}</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.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.ftoauditamt}}</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.ftaskprocess}}</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" v-if="detaildata.fname==null">
						
					</view>
					<view class="renyuanright" v-else>
						{{detaildata.fname}}
					</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>
						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="项目经办人1"> -->
						{{fprjleader}}
					</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>
						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="项目经办人2"> -->
						{{fprjleadertwo}}
					</view>
				</view>
				<view class="projectitem">
					<view class="renyuanleft">在审项目数:</view>
					<view class="renyuanright" v-if="detaildata.ftrialnumber==null">
						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="在审项目数"> -->
					</view>
					<view class="renyuanright" v-else>
						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="在审项目数"> -->
						{{detaildata.ftrialnumber}}
					</view>
				</view>
				<view class="projectitem">
					<view class="renyuanleft">审结项目数:</view>
					<view class="renyuanright" v-if="detaildata.fconcludenumber==null">
						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="在审项目数"> -->
					</view>
					<view class="renyuanright" v-else>
						<!-- <input type="text" placeholder-class="xiangmuyuan" placeholder="在审项目数"> -->
						{{detaildata.fconcludenumber}}
					</view>
				</view>
			</view>
		</view>
		<view class="zixunbottom">
			<!-- <view class="zixunbotleft">保存</view> -->
			<!-- v-if="item.ftaskprocess=='未分配'" -->
			<!-- v-if="showhide[4].status!=1" -->
			<view class="zixunbotright" @click="submit">提交分配</view>
		</view>

	</view>
</template>

<script>
	import app from "../../App.vue";
	import helper from '../../common/help.js'; 
	export default {
		data() {
			return {
				finorgid: '',
				finid: '',
				item: '',
				detaildata: '',
				projectarr: [],
				index: 0,
				projectid: '',
				fprjleader: '',
				fprjleadertwo: '',
				fname: '',
				showhide:'',
				fprojectid:''

			}
		}, 
		onLoad(options) {
			if(options.projectid!=undefined){
				this.fprojectid=options.projectid;
				this.getdanweilist()
			}else{
				this.item = JSON.parse(options.item);
				console.log(this.item)
				let newitem=this.item;
				newitem.ftoauditamt=helper.change(newitem.ftoauditamt);
				this.item=newitem
				// this.detail();
				// this.finid=item.finid;
				// this.finorgid=item.finorgid;
				// 显示项目组
				
				 // console.log(helper.unction(45622111))
			}
			this.getprojectkind();

			

			// 获取台账列表
		},
		onShow() {
		  this.showhide = uni.getStorageSync("showhide");
		  
		},
		methods: {

			detail() {
				let that = this;
				let url = "project/Get_Disfteam";
				let param = {
					finid: this.finorgid,
					fprojectid: this.item.projectid
				}
				// console.log('8877665544',param)
				app.post(url, param, 'get').then(r => {
					console.log('分配信息', r);
					that.detaildata = r.data[0];

				}).catch(err => {
					console.log(err)
				})
			},
			// 获取项目组列表
			getdanweilist() {
				let that = this;
				let url = "project/Get_Distribution";
				let param = {
					fprojectid:that.fprojectid,
					fuserid: uni.getStorageSync("userid")
				}
				// console.log('8877665544',param)
				app.post(url, param, 'get').then(r => {
			
					 console.log('项目组分配kkkk',r);
					 that.item=r.data[0]
					 // var list=r.data;
					 // list.forEach(function(value,index,array){
						//  if(value.projectid==that.fprojectid){
						// 	 that.item=value
						//  }
					 // })
					// that.zixunlist = r.data;
					// that.querylist = r.data;
				}).catch(err => {
					console.log(err)
				})
			},

			// 显示项目组
			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.ftaskprocess == '未分配') {

						this.fprjleader = '';
						this.fprjleadertwo = '';
						this.fname = ''
					} else {
						for (var obj of this.projectarr) {
							if (obj.fid == that.item.finorgid) {
								this.fprjleader = obj.fprjleader;
								this.fprjleadertwo = obj.fprjleadertwo;
								this.fname = obj.fname;
								this.finorgid = obj.fid
							}
						}
						this.detail()
						
					}

					// this.projectid=r.data[0].fid;
					// this.fprjleader=r.data[0].fprjleader;
					// this.fprjleadertwo=r.data[0].fprjleadertwo;

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

			bindPickerChange: function(e) {
				console.log('picker发送选择改变，携带值为', e.target.value)
				this.index = e.target.value;
				this.fname = this.projectarr[e.target.value].fname
				this.finorgid = this.projectarr[e.target.value].fid;
				this.fprjleader = this.projectarr[e.target.value].fprjleader;
				this.fprjleadertwo = this.projectarr[e.target.value].fprjleadertwo;
				this.detail()
				// this.detail();
				// 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 (that.fname == '') {
					uni.showToast({
						title: "请选择项目组",
						icon: "none"
					})

					return false
				}
				let url = "project/Submit_Disfteam";
				let param = {
					ftaskprocess:that.item.ftaskprocess,
					fuserid: uni.getStorageSync("userid"),
					fteamid:that.finorgid,
					fdisid: that.item.disid,
					fprojectid: that.item.fprojectid
				}

				console.log('8877665544', param)
				app.post(url, param, 'get').then(r => {
					console.log(r);
					if(r.data[0].message=='成功'){
						uni.showToast({
							title: '提交成功',
							icon: "none"
						})
					}else{
						uni.showToast({
							title: r.data[0].message,
							icon: "none"
						})
					}
						
					
					that.changestate()

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

				}).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: #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: 260rpx;
		height: 60rpx;
		/* background: #EEEEEE; */
		padding: 14rpx 28rpx;
		box-sizing: border-box;
		/* display: flex;
		align-items: center; */
		color: #3D444D;
		font-size: 28rpx;
		text-align: right;
		margin-left: 200rpx;
	}

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

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