<template>
	<view class="box">
		<!-- <view class="headbox">
			<view class="headboxleft" :class="selact==1?'headactive':''" @click="fenhui" data-id="1">分类汇总</view>
			<view class="headboxleft" :class="selact==2?'headactive':''" @click="fenhui" data-id="2">分类明细</view>
		</view> -->

		<!-- <view class="hengping" @click="screenheng">点击横屏显示</view> -->
		<!-- <view class="nodata" v-if="huizonglist.length==1">暂无数据</view> -->
		<view class="nodata" v-if="huizonglist.length==0">暂无数据</view>
		<block v-else>
			<!-- 分类台账汇总 -->
			<view class="taizhangbox" v-if="huizong">
				<view class="taizhanghead">
					<view class="taizhangitem">专家</view>
					<view class="taizhangitem">
						<view class="shunum">项目数量</view>
						<view class="shenjie">(已审结)</view>
					</view>
					<view class="taizhangitem">总送审题</view>
					<view class="taizhangitem">总审定题</view>
					<view class="taizhangitem">总审减额</view>
					<view class="taizhangitem">综合审减率</view>
					<view class="taizhangitem">操作</view>
				</view>

				<view class="taizhanglist">
					<view class="taizhangflistitem" v-for="(item,index) in huizonglist" :key="index">
						<view class="taiitem itemname">{{item.fname}}
						</view>
						<view class="taiitem itemshu">{{item.prjnum}}</view>
						<view class="taiitem songshen">{{item.auduitsum}}</view>
						<view class="taiitem shending">{{item.amountsum}}</view>
						<view class="taiitem shenjian">{{item.freesum}}</view>
						<view class="taiitem shenlv">{{item.freerate}}</view>
						<view class="taiitem detailname" @click="detail" :data-id="item.id">详情</view>
					</view>



				</view>

			</view>

			<!-- 分类台账明细 -->
			<view class="taizhangbox" v-else>
				<view class="taizhanghead taizhangheadde">
					<view class="taizhangitem">项目编号</view>
					<!-- <view class="taizhangitem">
											<view class="shunum">项目名称</view>
											<view class="shenjie">(已审结)</view>
										</view> -->
					<view class="taizhangitem">专家</view>
					<!-- <view class="taizhangitem">送审年度</view> -->
					<view class="taizhangitem">项目名称</view>
					<view class="taizhangitem">评审类型</view>
					<view class="taizhangitem">送审金额</view>

					<view class="taizhangitem">送审单位</view>
					<view class="taizhangitem">项目类型</view>
					<view class="taizhangitem">送审时间</view>
					<view class="taizhangitem">审定金额</view>
					<view class="taizhangitem">审减率</view>
					<view class="taizhangitem">审减金额</view>

				</view>

				<view class="taizhanglist">
					<view class="taizhangflistitem taizhangflistitemde" v-for="(item,index) in huizonglist" :key="index">
						<view class="taiitem itemname">{{item.fprjnumber}}
						</view>
						<view class="taiitem itemshu">{{item.fintorgid}}</view>
						<view class="taiitem songshen">{{item.fprjname}}</view>
						<view class="taiitem shending">{{item.freviewtype}}</view>
						<view class="taiitem pingleixing">{{item.ftoauditamt}}</view>
						<view class="taiitem danwei">{{item.fdevorgid}}</view>
						<view class="taiitem protype">{{item.fprojecttype}}</view>

						<!-- <view class="taiitem itemname">{{item.fsubmitfindate}}
											</view> -->
						<view class="taiitem itemshu">{{item.fsubmitfindate}}</view>

						<view class="taiitem shendingmoney">{{item.fauditamount}}</view>
						<view class="taiitem shenjian">{{item.fauditratio}}</view>
						<view class="taiitem shenlv">{{item.fshenjianmoney}}</view>
						<!-- <view class="taiitem shenlv">{{item.fauditledername}}</view> -->


					</view>



				</view>



			</view>



		</block>

		<!-- 底部 -->
		<!-- <view class="dibu">
			<view class="dibuleft">
				<view class="dibuliteml">上一页</view>

				<view class="dibulitemm">
					<view class="di">第</view>
					<view class="dishu">
						<input type="number">
					</view>
					<view class="ye">页</view>

				</view>
				<view class="dibulitemx ">下一页</view>
			</view>

			<view class="diburight">
				共30页
			</view>
		</view>
 -->

		<view class="register" v-if="tizhangshow">
			<view class="taizhangwrap xiangmuzi">
				<view class="wrapbox">
					<view class="wrapitem">
						<view class="wrapitemleft">项目类型</view>
						<picker @change="bindPickerChange" :value="index" :range="projectlist" range-key="fname">
							<view class="wrapitemright">

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

								<!-- <input type="text" /> -->
							</view>
						</picker>
					</view>
					<view class="wrapitem">
						<view class="wrapitemleft">评审类型</view>

						<picker @change="danweichange" :value="danweiindex" :range="danweilist" range-key="fname">
							<view class="wrapitemright">

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

								<!-- <input type="text" /> -->
							</view>
						</picker>

					</view>
					<!-- <view class="wrapitem">
						<view class="wrapitemleft">咨询单位</view>
					
						<picker @change="danweichangez" :value="danweiindexz" :range="danweilistz" range-key="fname">
							<view class="wrapitemright">
					
								<view class="uni-input projectname">{{danweinamez}}</view>
					
								
							</view>
						</picker>
					
					</view> -->



					<view class="wrapitem">
						<view class="wrapitemleft">年度</view>
						<picker @change="yearchange" :value="yearindex" :range="yeararr">
							<view class="wrapitemright">



								<view class="nianduleft">
									<view class="uni-input projectname">{{yeararr[yearindex]}}</view>
									<!-- <input type="text" /> -->
								</view>

								<view class="nianduright">
									<image src="../../static/img/number.png" mode=""></image>
								</view>

							</view>
						</picker>
					</view>
					<view class="wrapitem">
						<view class="wrapitemleft">时间</view>
						<view class="time">

							<picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange">


								<view class="timeleft">
									{{startdate}}
									<!-- <input   placeholder="" /> -->
									<!-- <input type="text" placeholder="" /> -->
								</view>
							</picker>
							<view class="timemiddle"></view>
							<picker mode="date" :value="date" :start="startDate" :end="endDate" @change="endDateChange">


								<view class="timeleft">
									{{endate}}
									<!-- <input   placeholder="" /> -->
									<!-- <input type="text" placeholder="" /> -->
								</view>
							</picker>
						</view>
					</view>

				</view>

				<view class="zibot">
					<view class="reset" @click="reset">重置</view>
					<!-- <view class="chaxun" @click="search">查询</view> -->
					<view class="chaxun" @click="searchdetail">查询</view>
				</view>

			</view>
		</view>



	</view>
</template>

<script>
	import app from "../../App.vue";
	import helper from '../../common/help.js';
	export default {
		data() {
			return {
				selact: 1,
				tizhangshow: false,
				danweiindex: 0,

				danweilist: [],
				projectlist: [],

				index: 0,
				yeararr: [],
				yearindex: -1,
				startdate: '开始时间',
				endate: '结束时间',
				danweiname: '评审类型',
				projectname: '项目类型',
				danweilistz: [],
				danweiindexz: 0,
				danweinamez: '咨询单位',
				toaudit: '',
				fintorg: '',
				fprojectcategory: '',
				submitdateone: '',
				submitdatetwo: '',
				sendyear: '',
				huizonglist: [],
				type: '',
				fid: '',
				huizong: false,

			}
		},
		onLoad(options) {
			this.fid = options.fid;

			// 获取今年
			var date = new Date();
			var jinyear = date.getFullYear();
			console.log(jinyear);
			var qianyear = jinyear - 19
			for (var i = qianyear; i <= jinyear; i++) {
				this.yeararr.push(i)
			}


			// 获取评审类型
			this.getpingtype();
			// 获取项目类型
			this.getprojectkind();
			// 获取咨询单位
			this.getzixundanwei();
			// 获取分类汇总数据
			// this.getfenhuilist()
			this.getdetail()


		},
		methods: {
			reset() {
				this.yearindex = -1,
					this.startdate = '开始时间';
				this.endate = '结束时间';
				this.danweiname = '评审类型';
				this.projectname = '项目类型';
				this.toaudit = '';
				this.fprojectcategory = '';
				this.sendyear = '';
				this.submitdateone = '';
				this.submitdatetwo = ''

			},
			// 筛选
			onNavigationBarButtonTap() {
				this.tizhangshow = !this.tizhangshow
				// 点击筛选
			},
			// 年改变
			yearchange(e) {
				this.yearindex = e.target.value;
				this.sendyear = this.yeararr[e.target.value]
			},
			// 修改日期

			bindDateChange: function(e) {
				this.startdate = e.target.value;
				this.submitdateone = e.target.value;
			},

			endDateChange(e) {
				this.endate = e.target.value;
				this.submitdatetwo = e.target.value;
			},

			fenhui(e) {
				console.log(e)
				let id = e.currentTarget.dataset.id;
				console.log(id)
				this.selact = id;
			},
			// 横屏显示
			screenheng() {
				console.log(999)
				// plus.screen.lockOrientation('landscape-primary');
			},

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


				app.post(url, '', 'get').then(r => {
					console.log(r);
					that.danweilistz = r.data;

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


				})
			},
			danweichangez: function(e) {

				console.log('picker发送选择改变，携带值为', e);
				console.log('998877654', this.danweilistz);
				console.log('09988776545', this.danweilistz[e.target.value].fname)
				this.danweiindexz = e.target.value;
				this.fintorg = this.danweilistz[e.target.value].fname;
				this.danweinamez = this.danweilistz[e.target.value].fname;
			},
			// 获取评审类型
			getpingtype() {
				let that = this;
				console.log(9988776655)
				let url = "project/Get_ToAuditType";
				// console.log('8877665544',param)
				app.post(url, '', 'get').then(r => {
					console.log(r)
					that.danweilist = r.data;
					// 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)


				})
			},
			danweichange: function(e) {
				console.log('picker发送选择改变，携带值为', e.target.value)
				this.danweiindex = e.target.value;
				this.toaudit = this.danweilist[e.target.value].fname;
				this.danweiname = this.danweilist[e.target.value].fname;
			},

			// 显示项目类型
			getprojectkind() {
				let url = "project/Get_ProjectType";

				app.post(url, '', 'get').then(r => {
					console.log(r)
					this.projectlist = r.data;
					console.log(this.projectlist);

					// this.xiangmulist=r.data;
					// console.log(this.xiangmulist)

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

			// 选择项目
			bindPickerChange: function(e) {
				console.log('picker发送选择改变，携带值为', e.target.value)
				this.index = e.target.value;
				this.fprojectcategory = this.projectlist[e.target.value].fname;
				this.projectname = this.projectlist[e.target.value].fname
			},


			// 获取分类汇总的数据
			getfenhuilist() {
				let that = this;
				console.log(9988776655)
				let url = "project/Get_ExpertgorprjySum";
				let param = {
					toaudit: that.toaudit,
					fprojectcategory: that.fprojectcategory,
					sendyear: that.sendyear,
					submitdateone: that.submitdateone,
					submitdatetwo: that.submitdatetwo,

				}
				console.log(param)
				// console.log('8877665544',param)
				app.post(url, param, 'get').then(r => {
					console.log(r);
					that.huizonglist = r.data;
					// 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)
				})
			},
			detail(e) {
				this.fid = e.target.dataset.id;
				this.huizong = false;
				this.getdetail()
			},
			getdetail() {
				let that = this;
				console.log(9988776655)
				let url = "project/Get_Expertgorprjy";
				let param = {
					fid: that.fid,
					toaudit: that.toaudit,
					fprojectcategory: that.fprojectcategory,
					sendyear: that.sendyear,
					submitdateone: that.submitdateone,
					submitdatetwo: that.submitdatetwo,

				}
				console.log(param)
				// console.log('8877665544',param)
				app.post(url, param, 'get').then(r => {
					console.log(r);
					that.huizonglist = r.data;
					let newhuizonglist = that.huizonglist;
					for (var obj of newhuizonglist) {
						obj.fauditamount = helper.change(obj.fauditamount);
						obj.fshenjianmoney = helper.change(obj.fshenjianmoney);
						obj.ftoauditamt = helper.change(obj.ftoauditamt);
						obj.fsubmitfindate = obj.fsubmitfindate.split("T");
						obj.fsubmitfindate = obj.fsubmitfindate[0]

					}
					this.huizonglist = newhuizonglist
					// 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)
				})
			},


			search() {
				this.getfenhuilist();
				this.tizhangshow = false;
			},
			searchdetail() {
				this.getdetail();
				this.tizhangshow = false;
			}
		},

	}
</script>

<style>
	page {
		background: #f9f9f9;
	}

	.headbox {
		background: #fff;
		height: 100rpx;
		display: flex;
		align-items: center;


	}

	.headboxleft {
		width: 350rpx;
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		color: #06121E;
		font-size: 28rpx;
	}

	.headactive {
		color: #0093FF;
		border-bottom: 1rpx solid #0093FF;
	}

	.hengping {
		width: 144rpx;
		color: #0093FF;
		font-size: 24rpx;
		border-bottom: 1rpx solid #0093FF;
		margin: 34rpx auto 0;
	}

	.taizhangbox {
		width: 700rpx;
		overflow-x: scroll;
		margin: 28rpx;
		padding: 0 20rpx;
		box-sizing: border-box;
		background: #fff;
	}

	.taizhanghead {
		width: 1400rpx;
		overflow-x: scroll;
		display: flex;
		align-items: center;
		padding: 16rpx 0;
		box-sizing: border-box;
		border-bottom: 1rpx solid #BDC4CE
	}

	.taizhangitem {

		color: #06121E;
		font-size: 22rpx;
		margin-right: 118rpx;
		font-weight: bold;
	}

	.shenjie {
		text-align: center;
		margin-top: 5rpx;
		font-size: 20rpx;
	}

	.taizhangflistitem {
		width: 1400rpx;
		overflow-x: scroll;
		padding: 18rpx 0;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		border-bottom: 1rpx solid #BDC4CE
	}

	.taiitem {
		color: #06121E;
		font-size: 24rpx;
	}

	.itemname {
		width: 86rpx
	}

	.itemshu {
		width: 150rpx;
		text-align: center;
		margin-left: 72rpx
	}

	.songshen {
		width: 200rpx;
		text-align: center;
		margin-left: 1rpx;
	}

	.shending {
		width: 200rpx;
		text-align: center;
		margin-left: 5rpx
	}

	.shenjian {
		width: 200rpx;
		text-align: center;
		margin-left: 10rpx
	}

	.shenlv {
		width: 200rpx;
		text-align: center;
		margin-left: 15rpx
	}

	.dibu {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 750rpx;
		height: 104rpx;
		padding: 0 32rpx;
		box-sizing: border-box;
		background: #fff;
		position: fixed;
		bottom: 0;
		left: 0
	}

	.dibuleft {
		display: flex;
		align-items: center;
		margin-right: 72rpx;
	}

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

	.dishu {
		width: 40rpx;
		height: 30rpx;
		border: 1rpx solid #707070;
		border-radius: 4rpx;
		margin: 0 6rpx;
		font-size: 0;
		display: flex;
		align-items: center;
		justify-content: center;


	}

	.dishu input {
		width: 100%;
		height: 30rpx;
		line-height: 30rpx;
		padding: 5rpx 0;
		box-sizing: border-box;
		text-align: center;
		font-size: 26rpx;
		color: #8C9198;
		/* height:20rpx; */

	}

	.dibuliteml,
	.di,
	.ye,
	.dibulitemx,
	.diburight {
		color: #06121E;
		font-size: 28rpx;
	}

	.dibuliteml {
		margin-right: 36rpx
	}

	.dibulitemx {
		margin-left: 36rpx
	}

	.xiangmuzi {
		height: 784rpx;
	}

	.detailname {
		color: #0093FF;
		font-size: 24rpx;
		width: 120rpx;
		margin-left: 20rpx;
	}

	.taizhangheadde {
		width: 3200rpx;
		overflow-x: scroll;
		display: flex;
		align-items: center;
		padding: 16rpx 0;
		box-sizing: border-box;
		border-bottom: 1rpx solid #BDC4CE
	}

	.taizhangflistitemde {
		width: 3200rpx;
		overflow-x: scroll;
		padding: 18rpx 0;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		border-bottom: 1rpx solid #BDC4CE
	}

	.pingleixing {
		width: 160rpx;
		text-align: center;
		margin-left: 10rpx;
	}

	.danwei {
		width: 250rpx;
		margin-left: 40rpx
	}

	.protype {
		width: 100rpx;

	}

	.shendingmoney {
		width: 150rpx;
		text-align: center;
		margin-left: 50rpx
	}
</style>