JT-CIM-ZHNY/src/views/test/test.vue

<script setup>

	import cqjcyj from "./components/cqjcyj.vue"; 
	import cqzrqs from "./components/cqzrqs.vue"; 

	import WeatherWatch from './components/WeatherWatch.vue';
	import disaster from './components/disaster.vue';

	import SoilMoisture from "../test/components/SoilMoisture.vue"
	import SeedingMonitor from "../test/components/SeedlingMonitor.vue"
</script>

<template>
	<jt-popup2 title="气象监测" >
		<WeatherWatch></WeatherWatch>
		
	</jt-popup2>
	
	<jt-popup2 title="虫情监测预警" top="calc(calc(100% - 115rem) / 3 + 90rem)" >
		<cqjcyj></cqjcyj>
	</jt-popup2>
	
	<jt-popup2 title="苗情监测" top="calc(calc(100% - 115rem) / 3 + calc(100% - 115rem) / 3 + 90rem)" >
		<SeedingMonitor></SeedingMonitor>
	</jt-popup2>
	
	<jt-popup3  title="环境变化">
		<disaster></disaster>
	</jt-popup3>
	
	<jt-popup3  title="虫情统计" top="calc(calc(100% - 115rem) / 3 + 90rem)">
		<cqzrqs></cqzrqs>
	</jt-popup3>
	
	<jt-popup3  title="土地墒情监测数据" top="calc(calc(100% - 115rem) / 3 + calc(100% - 115rem) / 3 + 90rem)">
		<SoilMoisture></SoilMoisture>
	</jt-popup3>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods:{
			
		},
		mounted() {
			
		},
		created() {
			
		}
	}
</script>

<style scoped>
	.main {
		width: 100%;
		height: 100%;
	}

	
</style>