<template>
	<view class="box">
		<view class="topheadk">
			<view class="shaiselecttop">
				<view class='shaiselect' @click="shai">筛选</view>
			</view>
		</view>
		<!-- <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==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="nodata" v-if="huizonglist.length==1">暂无数据</view>

				<view class="taizhanglist" v-else>
					<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.fid">详情</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 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.fprjname}}</view>
						<view class="taiitem songshen">{{item.ftoauditamt}}</view>
						<view class="taiitem shending">{{item.freviewtype}}</view>
						<view class="taiitem shenjian">{{item.fdevorgid}}</view>
						<view class="taiitem shenlv">{{item.fprojecttype}}</view>

						<view class="taiitem itemname">{{item.fsubmitfindate}}
						</view>
						<!-- <view class="taiitem itemname">{{item.fsubmitfindate}}
									</view> -->
						<view class="taiitem itemshu">{{item.fauditamount}}</view>
						<view class="taiitem songshen">{{item.fauditratio}}</view>
						<view class="taiitem shending">{{item.fshenjianmoney}}</view>
						<view class="taiitem shenjian">{{item.flordintorgid}}</view>
						<view class="taiitem shenlv">{{item.fyear}}</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" @click="hide">
			<view class="taizhangwrap xiangmuzi" @click.stop="hidek">
				<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="bindstationrChange" :value="stationindex" :range="stationlist" range-key="fname">
							<view class="wrapitemright">

								<view class="uni-input projectname">{{stationname}}</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">{{yearname}}</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" v-if="huizong">查询</view>
					<view class="chaxun" @click="searchdetail" v-else>查询</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: [],
				danweiname: '评审类型',
				projectname: '项目类型',
				startdate: '开始时间',
				endate: '结束时间',
				danweinamez: '咨询单位',
				yearindex: -1,
				index: 0,
				yeararr: [],
				danweilistz: [],
				danweiindexz: 0,
				toaudit: '',
				fintorg: '',
				fprojectcategory: '',
				submitdateone: '',
				submitdatetwo: '',
				sendyear: '',
				huizonglist: [],
				type: '',
				huizong: true,
				fid: '',
				stationname: '请选择主管部门',
				stationindex: 0,
				document: '',
				stationlist: [],
				yearname: '请选择年度',
			}
		},
		onLoad(options) {
			this.type = options.type;

			// 获取今年
			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.getzhugaunlist();


		},
		computed: {
			startDate() {
				return this.getDate('start');
			},
			endDate() {
				return this.getDate('end');
			}
		},
		methods: {
			hide(){
				this.tizhangshow=false
			},
			hidek(){
				
			},
			getDate(type) {
				const date = new Date();
				let year = date.getFullYear();
				let month = date.getMonth() + 1;
				let day = date.getDate();

				if (type === 'start') {
					year = year - 60;
				} else if (type === 'end') {
					year = year + 2;
				}
				month = month > 9 ? month : '0' + month;;
				day = day > 9 ? day : '0' + day;
				return `${year}-${month}-${day}`;
			},
			// 获取主管部门列表
			getzhugaunlist() {
				let that = this;
				console.log(9988776655)
				let url = "project/Get_ComDepartment";
				// console.log('8877665544',param)
				app.post(url, '', 'get').then(r => {
					console.log(r);
					that.stationlist = r.data

				}).catch(err => {
					console.log(err)
				})
			},
			//选择主管部门

			bindstationrChange: function(e) {
				console.log('picker发送选择改变，携带值为', e.target.value)
				this.stationindex = e.target.value;
				this.stationname = this.stationlist[e.target.value].fname;
				this.document = this.stationlist[e.target.value].fid;
				console.log(this.document)

			},
			reset() {
				this.danweiname = '评审类型';
				this.projectname = '项目类型';
				this.startdate = '开始时间';
				this.endate = '结束时间';
				this.yearindex = -1;
				this.toaudit = '';
				this.fprojectcategory = '';
				this.sendyear = '';
				this.submitdateone = '';
				this.submitdatetwo = '',
					this.stationname = '请选择主管部门';
				this.document = '';

			},
			// 筛选
			shai() {
				this.tizhangshow = !this.tizhangshow
				// 点击筛选
			},
			// 年改变
			yearchange(e) {
				this.yearindex = e.target.value;
				this.sendyear = this.yeararr[e.target.value];
				this.yearname = 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_Descpercategorysum";
				let param = {
					toaudit: that.toaudit,
					fprojectcategory: that.fprojectcategory,
					sendyear: that.sendyear,
					submitdateone: that.submitdateone,
					submitdatetwo: that.submitdatetwo,
					document: that.document

				}
				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.auduitsum = helper.change(obj.auduitsum);
						obj.amountsum = helper.change(obj.amountsum);
						obj.freesum = helper.change(obj.freesum);

					}
					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)
				})
			},

			detail(e) {
				this.fid = e.target.dataset.id;
				uni.navigateTo({
					url: '../shenjianhuidetail/shenjianhuidetail?fid=' + this.fid + '&document=' + this.document
				})
				// this.huizong=false;
				// this.getdetailist()
			},

			getdetailist() {
				let that = this;
				console.log(9988776655)
				let url = "project/Get_Descpercategory";
				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;
					// 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.getdetailist();
				this.tizhangshow = false
			}
		},

	}
</script>

<style>
	page {
		background: #f9f9f9;
	}

	.headbox {
		background: #fff;
		height: 100rpx;
		display: flex;
		align-items: center;
	}
	.topheadk{
		position: fixed;
		top:0;
		left:0;
		background: #fff;
		width:750rpx;
	}

	.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;
		margin-top:100rpx;
	}



	.taizhangitem {

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

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



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

	.itemname {
		width: 96rpx
	}

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

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

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

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

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

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

	.detailname {
		width: 120rpx;
		text-align: center;
		color: #0093FF;
		fotn-size: 24rpx;
		margin-left: 20rpx;
	}
</style>