<template>
	<view class="content">
		<view class="top">
			<image src="./img/top.jpg" mode=""></image>
		</view>
		<view class="canva">
			<!-- <n-safety-monitoring-canva-1></n-safety-monitoring-canva-1> -->
		</view>
		<view class="canva">
			<!-- <n-safety-monitoring-canva-2></n-safety-monitoring-canva-2> -->
		</view>
		<view class="canva">
			<!-- <n-safety-monitoring-canva-3></n-safety-monitoring-canva-3> -->
		</view>
		<view class="canva">
			<!-- <n-safety-monitoring-canva-4></n-safety-monitoring-canva-4> -->
		</view>
		
		<n-safety-monitoring-tab @code="get_code"></n-safety-monitoring-tab>
		
		<!-- <n-safety-monitoring-alarming :page="page" :code="mine_code"></n-safety-monitoring-alarming> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 当前煤矿编码
				mine_code:0,
				// 当前页
				page:1,
			};
		},
		onReachBottom(){
			this.page = this.page + 1
		},
		methods:{
			get_code(code){
				// 切换煤矿
				console.log(code)
				this.mine_code = code
				// 每次切换煤矿都让当前页初始化
				this.page = 1
				
			}
		}
	}
</script>

<style lang="scss">
	.content{
		width: 749rpx;
		
		box-sizing: border-box;
		// padding: 10rpx 24rpx;
	}
	// .canva{
	// 	min-height: 100rpx;
	// 	box-sizing: border-box;
	// 	padding: 24rpx;
	// }
	
	.top{
		image{
			width: 750rpx;
			height: 360rpx;
		}
	}
	
</style>
