<template>
	<view class="fullHeight">
		<levitatedsphere :x="100" :y="80"></levitatedsphere>
		<headers :showBack="true">
			<view class="headerName">
				项目概况
			</view>
		</headers>
		<view class="">
			<!-- <map  class="map"
				scale="13"		
				:markers="markers" :latitude="projectDetail.latitude" :longitude="projectDetail.longitude"
				>
				</map> -->
			<view class="splitTitle">
				基本信息
			</view>
			<view class="infoBlock">
				<view class="item">
					<view class="title">
						项目名称
					</view>
					<view class="value">
						{{projectDetail.projectName}}
					</view>
				</view>
				<view class="item">
					<view class="title">
						项目地址
					</view>
					<view class="value">
						{{projectDetail.projectAddress}}
					</view>
				</view>
				<view class="item">
					<view class="title">
						项目所在省市区
					</view>
					<view class="value">
						{{projectDetail.provinceName}}{{projectDetail.cityName}}{{projectDetail.areaName}}
					</view>
				</view>
				<view class="item">
					<view class="title">
						项目经理
					</view>
					<view class="value">
						{{projectDetail.projectManage}}
					</view>
				</view>
				<view class="item">
					<view class="title">
						联系电话
					</view>
					<view class="value">
						{{projectDetail.projectTel}}
					</view>
				</view>
				<view class="item">
					<view class="title">
						工程类别
					</view>
					<view class="value">
						<text v-for="(item,index) in PROJECTTYPE" :key="index" v-if="item.id==projectDetail.projectType">{{item.name}}</text>
					</view>
				</view>
				<view class="item">
					<view class="title">
						项目编号
					</view>
					<view class="value">
						{{projectDetail.projectNumber}}
					</view>
				</view>
				<view class="item">
					<view class="title">
						结构类型
					</view>
					<view class="value">
						<text v-for="(item,index) in STRUCTURETYPE" :key="index" v-if="item.id==projectDetail.structureType">{{item.name}}</text>
					</view>
				</view>
				<view class="item">
					<view class="title">
						项目面积
					</view>
					<view class="value">
						{{projectDetail.projectAcreage}} m²
					</view>
				</view>
				<view class="item">
					<view class="title">
						户数
					</view>
					<view class="value">
						{{projectDetail.households}}
					</view>
				</view>
				<view class="item">
					<view class="title">
						楼栋数
					</view>
					<view class="value">
						{{projectDetail.buildingNum}}
					</view>
				</view>
				<view class="item">
					<view class="title">
						现场布置图
					</view>
					<view class="value">
						<image :src="projectDetail.layoutImage" mode="" class="smallImg" @click="viewBig(projectDetail.layoutImage)"></image>
					</view>
				</view>
				<view class="item">
					<view class="title">
						现场施工图
					</view>
					<view class="value">
						<image :src="projectDetail.constructionMapUrl" mode="" class="smallImg" @click="viewBig(projectDetail.constructionMapUrl)"></image>
					</view>
				</view>
			</view>
			<view class="splitTitle">
				扩展信息
			</view>
			<view class="infoBlock">
				<view class="item">
					<view class="title">
						合同签订
					</view>
					<view class="value">
						
						{{extendInfo.contractSignTime?extendInfo.contractSignTime:''}}
					</view>
				</view>
				<view class="item">
					<view class="title">
						合同工期
					</view>
					<view class="value">
						{{extendInfo.contractPeriodStartTime}} ~ {{extendInfo.contractPeriodEndTime}}
					</view>
				</view>
				<view class="item">
					<view class="title">
						实际工期
					</view>
					<view class="value">
						{{extendInfo.realPeriodStartTime}} ~ {{extendInfo.realPeriodEndTime}}
					</view>
				</view>
				<view class="item">
					<view class="title">
						中标单位
					</view>
					<view class="value">
						{{extendInfo.bidWinner}}
					</view>
				</view>
				<view class="item">
					<view class="title">
						建设单位
					</view>
					<view class="value">
						{{extendInfo.constructionUnit}}
					</view>
				</view>
				<view class="item">
					<view class="title">
						设计单位
					</view>
					<view class="value">
						{{extendInfo.designUnit}}
					</view>
				</view>
				<view class="item">
					<view class="title">
						监理单位
					</view>
					<view class="value">
						{{extendInfo.supervisorUnit}}
					</view>
				</view>
				<view class="item">
					<view class="title">
						业主单位
					</view>
					<view class="value">
						{{extendInfo.ownerUnit}}
					</view>
				</view>
				<view class="item">
					<view class="title">
						工程概况
					</view>
					<view class="value">
						{{extendInfo.projectOverview}}
					</view>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	import headers from "../../../components/headers/headers.vue"
	// import amap from '../../../static/js/amap-wx.js'
	export default {
		data() {
			return {
				projectDetail: {
					projectName: ''
				},
				markers:[],
				BUILDSTATUS:[
					{id:0,name:'未开工'},{id:1,name:'在建'},{id:2,name:'停工'},{id:3,name:'验收'},{id:4,name:'完工'}
				],
				PROJECTTYPE:[
					{id:1,name:'房建'},{id:2,name:'市政'},{id:3,name:'安装'},{id:4,name:'装饰'},{id:5,name:'公路'},{id:6,name:'冶炼'},{id:7,name:'矿山'},
					{id:8,name:'化工石油'},{id:9,name:'水利水电'},{id:10,name:'电力'}
					,{id:11,name:'农林'},{id:12,name:'港口与航道'},{id:13,name:'航天航空'},{id:14,name:'通信'},{id:15,name:'其他'}
				  ],//工程类别
				 
				  // CONSTRUCTIONSTAGE:CONSTRUCTIONSTAGE,//施工阶段
				  ENGINEERINGPRUPOSE:[
					{id:1,name:'住宅建筑'},{id:2,name:'宿舍建筑'},{id:3,name:'教育建筑'},{id:4,name:'办公建筑'},{id:5,name:'科研建筑'},
					{id:6,name:'文化建筑'},{id:7,name:'商业建筑'},
					{id:8,name:'体育建筑'},{id:9,name:'医疗建筑'},{id:10,name:'交通建筑'}
					,{id:11,name:'司法建筑'},{id:12,name:'纪念建筑'},{id:13,name:'园林建筑'},{id:14,name:'综合建筑'},
					{id:15,name:'工业厂房'},{id:16,name:'电子厂房'},{id:17,name:'其他'}
				  ],//工程用途
				  STRUCTURETYPE:[
					{id:1,name:'装配整体式框级结构'},{id:2,name:'装配整体式剪力墙结构'},{id:3,name:'装配整体式框级-现浇剪力墙结构'},{id:4,name:'装配整体式框级-现浇核心筒结构'},
					{id:5,name:'装配整体式部分框支剪力墙结构'},{id:6,name:'混合结构'},{id:7,name:'框架结构'},
					{id:8,name:'剪力墙结构'},{id:9,name:'框架-剪力墙结构'},{id:10,name:'简体结构'}
					,{id:11,name:'钢结构'},{id:12,name:'型钢混凝土结构'},{id:13,name:'砖混结构'},{id:14,name:'砖木结构'}
				  ],//结构类型
				  extendInfo:{}
			}
		},
		mounted() {
			this.projectDetail = JSON.parse(uni.getStorageSync('projectDetail'))
			// this.markers=[{
			// 	longitude: this.projectDetail.longitude,
			// 	latitude: this.projectDetail.latitude,
			// 	iconPath:'/static/mapMarker.png',
			// 	title:'你在哪了',//标注点名
			// 	width:54,   //宽
			// 	 height:80,   //高
			// 	 label:{//为标记点旁边增加标签   //因背景颜色H5不支持
			// 	   　　 content: this.projectDetail.projectName,//文本
			// 	 　　　　color:'red',//文本颜色
			// 	        // 　　fontSize:24,//文字大小
			// 	        //    x:5,//label的坐标，原点是 marker 对应的经纬度
			// 	        //    y:1,//label的坐标，原点是 marker 对应的经纬度 
			// 	        //    borderWidth:12,//边框宽度
			// 	        //    borderColor:'pink',//边框颜色    
			// 	        // 　　borderRadius:20,//边框圆角                        
			// 	        // 　　bgColor:'black',//背景色
			// 	        // 　　padding:5,//文本边缘留白
			// 	        //    textAlign:'right'//文本对齐方式。
			// 	    },
			// 	 callout:{//自定义标记点上方的气泡窗口 点击有效  
			// 	    　　content:'幸福花园店A组',//文本
			// 	    　　color:'#ffffff',//文字颜色
			// 	    　　fontSize:14,//文本大小
			// 	    　　borderRadius:2,//边框圆角
			// 	   　　 bgColor:'#00c16f',//背景颜色
			// 	    　　display:'ALWAYS',//常显
			// 	    },
			// }]
			this.getExtendInfo()
		},
		methods: {
			viewBig(url){
				uni.previewImage({
					current:url,
					urls:[this.projectDetail.layoutImage,this.projectDetail.constructionMapUrl]
				})
			},
			getExtendInfo() {
				var that = this
				this.sendRequest({
					url: "xmgl/projectExtend/getProjectExtendInfo",
					data: {
						projectSn: this.projectDetail.projectSn
					},
					method: "POST",
					success(res) {
						if(res.result!=null){
							that.extendInfo = res.result
						}else{
							that.extendInfo={
								contractSignTime:"-",
								contractPeriodStartTime:"-",
								contractPeriodEndTime:"-",
								realPeriodStartTime:"-",
								realPeriodEndTime:"-",
								bidWinner:"",
								constructionUnit:"",
								designUnit:"",
								supervisorUnit:"",
								ownerUnit:"",
								projectOverview:""
							}
						}
						
					}
				})
			},
		}
	}
</script>

<style scoped lang="scss">
.map{
	width: 100%;
	height: 200px!important;
	img{
		display: none;
	}
}
.smallImg{
	height: 50px;
	width: 50px;
}
.splitTitle{
	margin: 15px 10px 0;
	border-left: 3px solid $uni-color-primary;
	padding: 0 5px;
	line-height: 16px;
}
.infoBlock{
	padding: 15px 0;
	.item{
		border-bottom: 1px solid rgba(0,0,0,0.05);
		margin-bottom: 10px;
		padding: 0 15px;
		.title{
			font-size: 12px;
			opacity: 0.6;
		}
		.value{
			padding: 5px 0;
		}
	}
}
</style>
