zhgdyunapp_vue3/pages/projectEnd/project/projectInfo2.nvue

<template>
	<view classname="fullHeight">
		<!-- <headers :showBack="true">
			<text classname="headerName">
				项目概况
			</text>
		</headers> -->
		<view classname="" style="display: flex;">
			<!-- <map classname="map" style="flex: 1; display: 100%;height: 200px;"
				scale="13"		
				:markers="markers" :latitude="projectDetail.latitude" :longitude="projectDetail.longitude"
				>
				</map> -->
				<map classname="map" style="flex: 1; display: 100%;height: 200px;"
					scale="13"		
					:markers="markers" :latitude="39.909" :longitude="116.39742"
					>
					</map>
		</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:[{
                latitude: 39.909,
                longitude: 116.39742,
                iconPath: '/static/mapMarker.png'
            }],
				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:this.projectDetail.projectName,//文本
			// 	    　　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) {
						that.extendInfo = res.result
					}
				})
			},
		}
	}
</script>

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