<template>
	<view>
		<view class='cldelista cldelistb'>
			<view class="contenta flexcj">
				<view class="tit flex0  mr10">项目名称</view>
				<view class="txt">{{datainfo.xmmc}}</view>
			</view>
			<view class="contenta flexcj">
				<view class="tit flex0  mr10">地区</view>
				<view class="txt">{{datainfo.dq}}</view>
			</view>
			<view class="contenta flexcj">
				<view class="tit flex0  mr10">建设单位</view>
				<view class="txt">{{datainfo.jsdw}}</view>
			</view>
			<view class="contenta flexcj">
				<view class="tit flex0  mr10">项目标签</view>
				<view class="txt">{{datainfo.xmbq}}</view>
			</view>
		</view>
		<!-- 项目信息 -->
		<uni-collapse  ref="collapse" v-model="value" >
			<!--  -->
			<uni-collapse-item title="项目信息" :show-arrow='false' class='cldelista'   :border="false" title-border="none">
				<template v-slot:title>
					<view class="flexc contentt">
						<view class="flex0 f16 fw cofe">前期工作手续</view>
						<view  class="flex1 cldelistz" :class="value[0]==0?'act':''">
							<view class="cofe f15">{{value[0]==0?'信息折叠':'信息展开'}}</view>
							<image :src="upimg" ></image>
						</view>
					</view>
				</template>
				<view class="content">
					<view class="contenta" v-for="(lite,lidx) in fjtitlist" :key="'fjtit-'+lidx">
						<view class="titbox">
							<view class="tit">{{lite.tit}}</view>
						</view>
						<block v-if="datainfo.fjList&&datainfo.fjList.length">
							<block v-for="(ite,idx) in datainfo.fjList" :key="'f-'+idx" >
								<view class="txt flexcj cldelistbf" v-if="ite.type==lite.type">
									<!-- 审核状态 -->
									<view class="flext f16 c6">
										<view class="imgl"><image :src="wimg" ></image></view>
										<view class="wordb">{{ite.fjName}}</view>
									</view>
									<view class="f14 ml10 c6 mr10 lh22" v-if="ite.createTime">{{ite.createTime}}</view>
										<text v-if="ite.isSh==1" class="c6 flex0">待审核</text>
										<text v-if="ite.isSh==2" class="co26 flex0">已通过</text>
										<text v-if="ite.isSh==3" class="cof1 flex0">未通过</text>
									<view class="clder" @click="getDown(ite.path)"><image :src="downimg" class="imgr"></image>预览</view>
								</view>
							</block>
						</block>
					</view>
				</view>
			</uni-collapse-item>
		</uni-collapse>
		<view class='cldelista cldelistb'>
			<view class="contenta flexcj">
				<view class="tit flex0  mr10">计划开工时间</view>
				<view class="txt">{{datainfo.jhkgsj}}</view>
			</view>
			<view class="contenta flexcj">
				<view class="tit flex0  mr10">实际开工时间</view>
				<view class="txt">{{datainfo.kgsj}}</view>
			</view>
			<view class="contenta flexcj">
				<view class="tit flex0  mr10">计划竣工时间</view>
				<view class="txt">{{datainfo.njgsj}}</view>
			</view>
			<view class="contenta flexcj">
				<view class="tit flex0  mr10">实际竣工时间</view>
				<view class="txt">{{datainfo.jgsj}}</view>
			</view>
			<view class="contenta flexcj">
				<view class="tit flex0  mr10">纳统时间</view>
				<view class="txt">{{datainfo.ntsj}}</view>
			</view>
			<view class="contenta flexcj">
				<view class="tit flex0  mr10">项目最近投资(万元)</view>
				<view class="txt">{{datainfo.nttz}}</view>
			</view>
			<view class="contenta flexcj">
				<view class="tit flex0  mr10">项目累计投资(万元)</view>
				<view class="txt">{{datainfo.ntxmtc}}</view>
			</view>
		</view>
		<view class='cldelista cldelistb'>
			<view class="contenta">
				<view class="tit">备注</view>
				<view class="txt">{{datainfo.remark}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	import { selectDictLabel } from '@/utils/common.js';
	
	export default{
		props:{
			datainfo:{
				type: Object,
				default () {
					return {}
				}
			},
		},
		data(){
			return{
				upimg:require('@/static/images/index/up.png'),
				wimg:require('@/static/images/index/wicon.png'),
				downimg:require('@/static/images/index/down.png'),
				value:[],
				valuetwo:[],
				content: '折叠内容主体，可自定义内容及样式，点击按钮修改内容使高度发生变化。',
				fjtitlist:[{tit:'节能审查',type:'1'},{tit:'用地预审与选址意见书',type:'2'},{tit:'核准/备案',type:'3'},{tit:'建议书批复',type:'4'},{tit:'可研批复',type:'5'},{tit:'初步设计批复',type:'6'},{tit:'环境影响评价',type:'7'},{tit:'生态红线不可避让论证',type:'8'},{tit:'建设用地规划许可证',type:'9'},{tit:'建设工程规划许可证',type:'10'},{tit:'农用地转用和土地征收批复',type:'11'},{tit:'划拨决定书',type:'12'},{tit:'土地出让合同',type:'13'},{tit:'不动产权证',type:'14'},{tit:'工程招投标',type:'15'},{tit:'施工许可证',type:'16'},{tit:'竣工资料',type:'17'},]
			}
		},
		filters: {
			kaType(data, list) {
				return selectDictLabel(list, data);
			}
		},
		mounted() {
			// console.log(this.datainfo)
		},
		methods:{
			getDown(url){
				this.$emit('getDown',url)
			},
			getYzAdr(data){
				return selectDictLabel(this.yzadr, data);
			},
			getCytype(data){
				return selectDictLabel(this.cytype, data);
			},
			getProject(data){
				return selectDictLabel(this.projectlist, data);
			},
			getBackground(data){
				return selectDictLabel(this.backgroundlist, data);
			}
			
		}
	}
</script>

<style lang="scss" scoped>
.cldelista{
	border-top: 2rpx solid #E5E5E5;
	&:last-of-type{border-bottom: none;}
	.contentt{padding:48rpx 28rpx;
		.cldelistz{display: flex;align-items: center;justify-content: flex-end;
			image{width: 26rpx;height: 20rpx;margin-left: 20rpx;transition: all .5s; }
			&.act{
				image{transform: rotate(-180deg);}
			}
		}
	}
	.content{padding: 0rpx 28rpx 40rpx 28rpx;}
	.contenta{padding: 18rpx 0;
		.titbox{display: flex;align-items: center;margin-bottom: 20rpx;}
		.tit{font-size: 32rpx;font-weight: bold;color: #343434;}
		.txt{font-size: 32rpx;color: #666666;}
	}
	&.cldelistb{padding: 48rpx 28rpx;
		.tit{margin-bottom: 0;}
	}
	.cldelistbf {
		margin-bottom: 24rpx;
		image{margin-right: 18rpx;flex: 0 0 auto;}
		.imgl{width: 40rpx;height: 44rpx;display: flex;align-items: center;justify-content: center;margin-right: 16rpx;
			image{width: 38rpx;height: 30rpx;margin-right: 0;}
			}
		.imgr{width: 36rpx;height: 32rpx;}
		.flext{flex: 1;margin-right: 16rpx;}
		.clder{display: flex;align-items: center;font-size: 32rpx;color: #28C529;flex: 0 0 auto;margin-left: 20rpx;}
	}
}
</style>