uni-zhihuikuangshan-2/components/t-p-zaoquan/t-p-zaoquan - 安宁版本分类.vue

<template>
	<view class="content">
		
		<view class="title"> —— 监测监控类 —— </view>
		<view class="list">
			<view class="item_box" style="background: linear-gradient(180deg, #4D86F7, #4BC9FD);" @click="go_zaoquan_h5()">
				<view class="img">
					<image src="../t-p-icon/anning_icon/icon_1.png" mode=""></image>
				</view>
				<view class="text">
					<view class="name">管控平台</view>
					<view class="tip"></view>
				</view>
			</view>
			<view class="item_box" style="background: linear-gradient(180deg, #8163F9, #5E82FD);" @click="go_personnel_orientation()">
				<view class="img">
					<image src="../t-p-icon/anning_icon/icon_3.png" mode=""></image>
				</view>
				<view class="text">
					<view class="name">人员定位</view>
				</view>
			</view>
			<view class="item_box" style="background: linear-gradient(180deg, #4D86F7, #4BC9FD);" @click="go_safety_monitoring()">
				<view class="img">
					<image src="../t-p-icon/anning_icon/icon_1.png" mode=""></image>
				</view>
				<view class="text">
					<view class="name">安全监测</view>
					<view class="tip"></view>
				</view>
			</view>
			<view class="item_box" style="background: linear-gradient(0deg, #F59A47, #FD5C58);" @click="go_video_monitor()">
				<view class="img">
					<image src="../t-p-icon/anning_icon/icon_6.png" mode=""></image>
				</view>
				<view class="text">
					<view class="name">视频监控</view>
				</view>
			</view>
			<view class="item_box" style="background: linear-gradient(180deg, #4D86F7, #4BC9FD);" @click="go_vehicle()">
				<view class="img">
					<image src="../t-p-icon/anning_icon/vehicle.png" mode=""></image>
				</view>
				<view class="text">
					<view class="name">智能测速</view>
					<view class="tip"></view>
				</view>
			</view>
		</view>
		<view class="title"> —— 生产类 —— </view>
		<view class="list">
			<view class="item_box" style="background: linear-gradient(180deg, #57B7B6, #42F2AA);" @click="go_production_report()">
				<view class="img">
					<image src="../t-p-icon/anning_icon/icon_2.png" mode=""></image>
				</view>
				<view class="text">
					<view class="name">生产报表</view>
				</view>
			</view>
		</view>
		<view class="title"> —— 辅助类 —— </view>
		<view class="list">
			<!-- <view class="item_box" style="background: linear-gradient(180deg, #8163F9, #5E82FD);" @click="go_power_monitoring()">
				<view class="img">
					<image src="../t-p-icon/anning_icon/icon_7.png" mode=""></image>
				</view>
				<view class="text">
					<view class="name">电力监控</view>
					<view class="tip"></view>
				</view>
			</view> -->
			<view class="item_box" style="background: linear-gradient(180deg, #4D86F7, #4BC9FD);" @click="go_mine_water_treatment()">
				<view class="img">
					<image src="../t-p-icon/anning_icon/icon_11.png" mode=""></image>
				</view>
				<view class="text">
					<view class="name">矿井水处理</view>
					<view class="tip"></view>
				</view>
			</view>
			<!-- <view class="item_box" style="background: linear-gradient(180deg, #8163F9, #5E82FD);" @click="go_zdhxt('tfgl')">
				<view class="img">
					<image src="../t-p-icon/anning_icon/icon_5.png" mode=""></image>
				</view>
				<view class="text">
					<view class="name">通风管理</view>
					<view class="tip"></view>
				</view>
			</view>
			<view class="item_box" style="background: linear-gradient(180deg, #4D86F7, #4BC9FD);" @click="go_zdhxt('psxt')">
				<view class="img">
					<image src="../t-p-icon/anning_icon/icon_11.png" mode=""></image>
				</view>
				<view class="text">
					<view class="name">排水系统</view>
					<view class="tip"></view>
				</view>
			</view>
			<view class="item_box" style="background: linear-gradient(180deg, #57B7B6, #42F2AA);" @click="go_table()">
				<view class="img">
					<image src="../t-p-icon/anning_icon/icon_1.png" mode=""></image>
				</view>
				<view class="text">
					<view class="name">数据分析</view>
					<view class="tip"></view>
				</view>
			</view> -->
		</view>

	</view>
</template>

<script>
	export default {
		name: "t-p-zaoquan",
		data() {
			return {
				mine: "640181B0011010037723",
				org_num: "1014",
				mine_code: "zaoquan",
			};
		},
		methods: {
			// 自动化统计列表
			go_zdhxt(zdhxt) {
				uni.navigateTo({
					url: "../../production/zaoquan/zidonghua_list/zidonghua_list?zdhxt=" + zdhxt
				})
			},
			// 生产报表
			go_production_report() {
				uni.navigateTo({
					url: "../../production/production_report/production_report?mine=" + this.mine + "&org_num=" +
						this.org_num,
				})
			},
			// 安全监测
			go_safety_monitoring() {
				uni.navigateTo({
					url: "../../production/safety_monitoring/safety_monitoring?mine=" + this.mine
				})
			},
			//人员定位
			go_personnel_orientation() {
				uni.navigateTo({
					url: "../../production/personnel_orientation/personnel_orientation?mine=" + this.mine
				})
			},
			// 视频监控
			go_video_monitor() {
				uni.navigateTo({
					url: "../../production/video_monitor/video_monitor?mine_code=" + this.mine_code
				})
			},
			// 电力监控
			go_power_monitoring() {
				uni.navigateTo({
					url: "../../production/zaoquan/power_monitoring/power_monitoring"
				})
			},
			// 矿井水处理
			go_mine_water_treatment() {
				uni.navigateTo({
					url: "../../production/zaoquan/mine_water_treatment/mine_water_treatment?mine_code=" + this
						.mine_code
				})
			},

			// 数据分析
			go_table() {
				uni.navigateTo({
					url: "../../production/statistical_analysis_table/statistical_analysis_table"
				})
			},

			go_zaoquan_h5() {
				uni.navigateTo({
					url: "../../production/zaoquan/h5/h5?url=" +
						"http://zdh.zaoquan.nxmy.com:8011/home/dashboard"
				})
			},
			
			go_vehicle(){
				uni.navigateTo({
					url:"../../production/zaoquan/intelligent_speed_measurement/intelligent_speed_measurement"
					// url:"../../production/zaoquan/vehicle_monitoring/vehicle_monitoring"
				})
			}
		}
	}
</script>

<style lang="scss">
	.content {
		box-sizing: border-box;
		padding: 20rpx 25rpx 0;
		margin-bottom: 100rpx;

		overflow: hidden;

		.title {
			text-align: center;
			font-size: 34rpx;
			font-weight: 700;
			color: #424242;
			margin: 20rpx 0;
		}

		.list {
			overflow: hidden;

			.item_box {
				float: left;

				width: 204rpx;
				box-sizing: border-box;
				padding: 32rpx 0;

				margin-right: 44rpx;
				margin-bottom: 30rpx;
				border-radius: 10rpx;

				.img {
					box-sizing: border-box;
					text-align: center;
					margin-bottom: 16rpx;

					image {
						width: 64rpx;
						height: 64rpx;
					}
				}

				.text {
					text-align: center;
					color: #FFFFFF;

					.name {
						font-size: 28rpx;
						font-weight: 700;
					}

					.tip {
						font-size: 24rpx;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}
				}
			}

			.item_box:nth-child(3n) {
				margin-right: 0;
			}
		}

	}
</style>