manage_mobile/pages/massif/mana/index.vue

<style lang="scss">
	.container{
		min-height: 100%;
		background:#F6F6F6;
		&>map{
			height:348rpx;
			width:100%;
			margin-bottom:-9rpx;
		}
		&>.u-tabs{
			background:#fff;
			box-shadow: 0 6rpx 12rpx 2rpx rgba(0,0,0,0.1);
		}

	}
</style>
<template>
	<view class="container">
		<map id="amap"/>

		<u-tabs :list="tabs" :current="tabIndex" activeStyle="color:#10C176;" lineColor="#10C176" lineWidth="50" :scrollable="false" @change="tabIndex=$event.index"/>

		<plant-plan v-if="tabIndex==0" :plotId="plotId" @trigger="tabIndex=$event.tabIndex;plantId=$event.plantId"/>
		<farmRecord v-else-if="tabIndex==1" :plotId="plotId"/>
		<recovery v-else :plotId="plotId"/>
	</view>
</template>
<script>
import plantPlan from './plantPlan.vue'
import farmRecord from './farmRecord.vue'
import recovery from './recovery.vue'
export default {
	components:{plantPlan,farmRecord,recovery},
	data(){
		return{
			tabIndex:0,
			tabs:[
				{name:"种植计划",},
				{name:"农事记录",},
				{name:"采收记录",},
			],
			plotId:"",
			plantId:"",
		}
	},
	onLoad(options){
		this.plotId=options.id
	},
	onReady(){
		/* #ifdef APP-PLUS */
			var a=uni.createMapContext("amap",this)
			
			var maps=a.$getAppMap()
			maps.setMapType(plus.maps.MapType.MAPTYPE_SATELLITE)
			maps.onclick=(e)=>{
				console.log(e,'-------maps--click---------')
			}
			var polygon=new plus.maps.Polygon([
				new plus.maps.Point(116.39524,39.925301),
				new plus.maps.Point(116.400444,39.925285),
				new plus.maps.Point(116.400558,39.923282),
				new plus.maps.Point(116.395502,39.923082),
			])
			polygon.setLineWidth(0)
			polygon.setFillColor("#ff0000")
			polygon.setFillOpacity(0.3)
			maps.addOverlay(polygon)
		/* #endif */
	},
	methods:{
		
	}
}
</script>