uni-zhihuikuangshan-2/pages/index/safetyManagementSystem/safetyManagementSystem.vue

<template>
	<view>
		<view class="bg">
			<image src="./icon/index.png" mode="widthFix"></image>
			<view class="seacher" @click="go_search()"></view>
			
			<view class="section_btn btn_1" @click="go_record('c8b342510c4e4a79800519b22ff052f1')"></view>
			<view class="section_btn btn_2" @click="go_record('dd5d82455cc14c4ebc47d577660ec431')"></view>
			<view class="section_btn btn_3" @click="go_record('a8c7667da26e46e3a3027e0c44edcecc')"></view>
			<view class="section_btn btn_4" @click="go_record('9280742a1997405aadaa1023dfebcfd4')"></view>
			<view class="section_btn btn_5" @click="go_record('9f400dc7d919481bb4ef545d9305e183')"></view>
			<view class="section_btn btn_6" @click="go_record('1a4dd63d18b243079005ec908fa600f7')"></view>
			<view class="section_btn btn_7" @click="go_record('9023b5d3f6914714a0af17a78fbc7fd0')"></view>
			
			<!-- 数据平台 -->
			<view class="system_btn system_btn_1" @click="go_system('../../ningdongyunying/production_statistics/production_statistics')"></view>
			<view class="system_btn system_btn_2" @click="go_system('../../ningdongyunying/personnel_orientation/personnel_orientation')"></view>
			<view class="system_btn system_btn_3" @click="go_system('../../ningdongyunying/safety_monitoring/safety_monitoring')"></view>
			<view class="system_btn system_btn_4" @click="go_system('../../production/video_monitor/video_monitor?mine_code=ningmeijituan')"></view>
			<view class="system_btn system_btn_5" @click="go_production()"></view>
		
			
			<!-- 动态信息 -->
			<view class="news_btn" @click="go_news('../../index/news/news_list/news_list?mine_code=ningmeijituan')"></view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			go_record(page_id){
				uni.navigateTo({
					url:"../../index/record/record?pageId=" + page_id + "&mine_code=ningmeijituan"
				})
			},
			go_system(url) {
				uni.navigateTo({
					url: url
				})
			},
			go_production(){
				uni.switchTab({
					url: "../../tabbar/production/production"
				})
			},
				
			go_news(url){
				uni.navigateTo({
					url: url
				})
			},
			go_search(){
				uni.navigateTo({
					url:"../../index/search/search?mine_code=ningmeijituan"
				})
			}
		}
	}
</script>

<style lang="scss">
	.bg {
		position: relative;

		image {
			width: 750rpx;
		}
		.seacher{
			position: absolute;
			top: 88rpx;
			left: 35rpx;
					
			width: 680rpx;
			height: 72rpx;
			border-radius: 15rpx;
					
			// background-color: red;
		}
		
		.section_btn{
			width: 138rpx;
			height: 138rpx;
			border-radius: 15rpx;
			
			// background-color: red;
		}

		.btn_1 {
			position: absolute;
			top: 462rpx;
			left: 116rpx;
		}
		.btn_2 {
			position: absolute;
			top: 462rpx;
			left: 302rpx;
		}
		.btn_3 {
			position: absolute;
			top: 462rpx;
			left: 496rpx;
		}
		.btn_4 {
			position: absolute;
			top: 642rpx;
			left: 40rpx;
		}
		.btn_5 {
			position: absolute;
			top: 642rpx;
			left: 216rpx;
		}
		.btn_6 {
			position: absolute;
			top: 642rpx;
			left: 388rpx;
		}
		.btn_7 {
			position: absolute;
			top: 642rpx;
			left: 572rpx;
		}
		
		.system_btn {
			position: absolute;
			top: 1530rpx;
		
			width: 72rpx;
			height: 72rpx;
			border-radius: 15rpx;
		
			// background-color: red;
		}
		
		.system_btn_1{
			position: absolute;
			left: 64rpx;
		}
		.system_btn_2{
			position: absolute;
			left: 200rpx;
		}
		.system_btn_3{
			position: absolute;
			left: 340rpx;
		}
		.system_btn_4{
			position: absolute;
			left: 480rpx;
		}
		.system_btn_5{
			position: absolute;
			left: 620rpx;
		}
		
		.news_btn{
			position: absolute;
			top: 2168rpx;
			left: 536rpx;
					
			width: 200rpx;
			height: 60rpx;
			border-radius: 15rpx;
					
			// background-color: red;
		}
	}
</style>