枣泉：生产数据交互改版

App.vue

@@ -3,7 +3,8 @@
 	import {
 		set_base_url
 	} from '@/common/set_base_url.js'
-
+	// 版本控制
+	import upApp from "@/uni_modules/uni-upgrade-center-app/utils/check-update"
 	export default {
 		onLaunch: function() {
 			console.log('App Launch')
@@ -14,12 +15,12 @@
 			// uni.setStorageSync('mine_code', 'ningdongyunying');
 			// uni.setStorageSync('mine_code', 'shicaocun');
 			// uni.setStorageSync('mine_code', 'meihuajing');
-			// uni.setStorageSync('mine_code', 'zaoquan');
+			uni.setStorageSync('mine_code', 'zaoquan');
 			// uni.setStorageSync('mine_code', 'qingshuiying');
 			// uni.setStorageSync('mine_code', 'wuyegongsi');
 			// uni.setStorageSync('mine_code', 'jinjiaqu');
 			// uni.setStorageSync('mine_code', 'jinjiaqu_neiwang');
-			uni.setStorageSync('mine_code', 'yangchangwan');
+			// uni.setStorageSync('mine_code', 'yangchangwan');
 			// uni.setStorageSync('mine_code', 'jinfeng');
 			// uni.setStorageSync('mine_code', 'jinfeng_neiwang');
 			// uni.setStorageSync('mine_code', 'lingxin');
@@ -36,6 +37,10 @@
 			}else{
 				uni.setStorageSync('unified_automation_system_url','http://anvideo.nxmy.com:8011/api')
 			}
+			
+			// 检查更新
+			upApp()
+			
 		},
 		onShow: function() {
 			console.log('App Show')

components/t-p-zaoquan/t-p-zaoquan - 分栏版本.vue

@@ -0,0 +1,337 @@
+<template>
+	<view>
+		<view class="top">
+			<image src="./icon/top.gif" mode="widthFix"></image>
+		</view>
+		<view class="content">
+			<view class="nav" v-for="(item,index) in nav" :key="index">
+				<view class="title" v-if="item.title">{{item.title}}</view>
+				<view class="list">
+					<view class="item" v-for="(item_2,index_2) in item.list" :key="index_2" @click="navigator(item_2)">
+						<view class="icon">
+							<image :src="item_2.icon" mode="heightFix"></image>
+						</view>
+						<view class="name" v-html="item_2.name"></view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "t-p-zaoquan",
+		data() {
+			return {
+				mine: "640181B0011010037723",
+				org_num: "1014",
+				mine_code: "zaoquan",
+
+				nav: [{
+						title: "智能监测",
+						list: [
+							// {
+							// 	icon: require("./icon/icon_1.png"),
+							// 	module: "gkpt",
+							// 	name: "管控平台",
+							// 	url: "../../production/zaoquan/h5/h5?url=" + "http://zdh.zaoquan.nxmy.com:8011/home/dashboard"
+							// },
+							{
+								icon: require("./icon/icon_2.png"),
+								module: "rydw",
+								name: "人员定位",
+								url: "../../production/personnel_orientation/personnel_orientation?mine=640181B0011010037723"
+							},
+							{
+								icon: require("./icon/icon_3.png"),
+								module: "aqjc",
+								name: "安全监测",
+								url: "../../production/safety_monitoring/safety_monitoring?mine=640181B0011010037723"
+							},
+							{
+								icon: require("./icon/icon_4.png"),
+								module: "spjk",
+								name: "视频监控",
+								url: "../../production/video_monitor/video_monitor?mine_code=zaoquan"
+							},
+
+							{
+								icon: require("./icon/icon_6.png"),
+								module: "scbb",
+								name: "生产报表",
+								url: "../../production/production_report/production_report?mine=640181B0011010037723&org_num=1014"
+							}, {
+								icon: require("./icon/icon_7.png"),
+								module: "kjscl",
+								name: "矿井水处理",
+								url: "../../production/zaoquan/mine_water_treatment/mine_water_treatment?mine_code=zaoquan"
+							},
+							// {
+							// 	icon: require("./icon/icon_5.png"),
+							// 	module: "zncs",
+							// 	name: "智能测速",
+							// 	url: "../../production/zaoquan/intelligent_speed_measurement/intelligent_speed_measurement"
+							// }
+						]
+					},
+					{
+						title: "智能生产",
+						list: [{
+								icon: require("./icon/sc_sj.png"),
+								module: "zncm",
+								name: "智能采煤",
+								url: "../../production/zaoquan/control_platform/coal_mining/coal_mining"
+							},
+							// {
+							// 	icon: require("./icon/sc_tongfeng.png"),
+							// 	module: "zntf",
+							// 	name: "智能通风",
+							// 	url: "../../production/zaoquan/control_platform/ventilate/ventilate"
+							// },
+							// {
+							// 	icon: require("./icon/sc_paishui.png"),
+							// 	module: "znps",
+							// 	name: "智能排水",
+							// 	url: "../../production/zaoquan/control_platform/drainage/drainage",
+							// },
+							// {
+							// 	icon: require("./icon/sc_zhidan.png"),
+							// 	module: "yfzd",
+							// 	name: "压风制氮",
+							// },
+							// {
+							// 	icon: require("./icon/sc_yunshu.png"),
+							// 	module: "znzy",
+							// 	name: "智能主运",
+							// },
+							// {
+							// 	icon: require("./icon/chart.png"),
+							// 	module: "zngd",
+							// 	name: "智能供电",
+							// }
+						]
+					},
+					{
+						title: "智能辅助",
+						list: [{
+								icon: require("./icon/chart.png"),
+								module: "zngd",
+								name: "智能供电",
+								url: "../../production/zaoquan/control_platform/substation/substation",
+							},{
+								icon: require("./icon/sc_paishui.png"),
+								module: "znps",
+								name: "智能排水",
+								url: "../../production/zaoquan/control_platform/drainage/drainage",
+							},
+							{
+								icon: require("./icon/sc_zhidan.png"),
+								module: "yfzd",
+								name: "1314<br/>压风制氮",
+								url: "../../production/zaoquan/control_platform/air_nitrogen/air_nitrogen?title=1314压风制氮&sys_code=1314",
+							},
+							{
+								icon: require("./icon/sc_zhidan.png"),
+								module: "yfzd",
+								name: "12采区<br/>压风制氮",
+								url: "../../production/zaoquan/control_platform/air_nitrogen/air_nitrogen?title=12采区压风制氮&sys_code=12",
+							}
+						]
+					},
+					{
+						title: "智能保障",
+						list: [
+							{
+								icon: require("./icon/sc_tongfeng.png"),
+								module: "zntf",
+								name: "智能通风",
+								url: "../../production/zaoquan/control_platform/ventilate/ventilate"
+							},
+						]
+					},
+					{
+						title: "智慧园区",
+						list: [
+							{
+								icon: require("./icon/icon_5.png"),
+								module: "zncs",
+								name: "智能测速",
+								url: "../../production/zaoquan/intelligent_speed_measurement/intelligent_speed_measurement"
+							}
+						]
+					},
+					{
+						title: "智能主运",
+						list: [
+							{
+								icon: require("./icon/sc_yunshu.png"),
+								module: "zys",
+								name: "主运输",
+								url: "../../production/zaoquan/control_platform/transport/transport"
+							}
+						]
+					}
+				]
+			};
+		},
+		methods: {
+			navigator(item) {
+				if (!item.url) {
+					uni.showToast({
+						icon: "none",
+						title: "暂未开通！"
+					})
+				} else {
+					uni.showLoading({
+						mask: true,
+						title: "载入中..."
+					})
+					this.$p_api.product_data_query_power({
+						staff_num: uni.getStorageSync('user').staff_num,
+						data_module: item.module
+					}).then((res) => {
+						uni.hideLoading()
+						if (res.data.content.status) {
+							uni.navigateTo({
+								url: item.url
+							})
+						} else {
+							uni.showToast({
+								icon: "none",
+								title: "没有查看权限！"
+							})
+						}
+					})
+				}
+			},
+			// 自动化统计列表
+			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"
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.top {
+		image {
+			width: 750rpx;
+		}
+	}
+
+	.content {
+		background-color: #fff;
+		border-radius: 60rpx;
+		position: relative;
+		top: -40rpx;
+
+		.nav {
+			padding-top: 60rpx;
+
+			.title {
+				position: relative;
+				text-align: center;
+				font-size: 36rpx;
+				color: #383838;
+				font-weight: 700;
+				margin-bottom: 20rpx; 
+			}
+
+			.title::after {
+				content: " ";
+				position: absolute;
+				left: 50%;
+				bottom: -16rpx;
+				width: 200rpx;
+				height: 10rpx;
+				background-image: linear-gradient(to right, transparent, #03A2E9);
+				border-radius: 20rpx;
+				transform: translateX(-50%);
+			}
+
+			.list {
+				padding: 50rpx 20rpx 0;
+				display: grid;
+				grid-template-columns: repeat(4, 1fr);
+				gap: 60rpx 20rpx;
+
+				.item {
+					text-align: center;
+
+					.icon {
+						margin-bottom: 20rpx;
+
+						image {
+							height: 54rpx;
+						}
+					}
+
+					.name {
+						font-size: 30rpx;
+					}
+				}
+			}
+		}
+	}
+</style>

components/t-p-zaoquan/t-p-zaoquan.vue

@@ -4,14 +4,19 @@
 			<image src="./icon/top.gif" mode="widthFix"></image>
 		</view>
 		<view class="content">
-			<view class="nav" v-for="(item,index) in nav" :key="index">
-				<view class="title" v-if="item.title">{{item.title}}</view>
-				<view class="list">
-					<view class="item" v-for="(item_2,index_2) in item.list" :key="index_2" @click="navigator(item_2)">
+			<view class="segmented-control-x">
+				<view class="segmented">
+					<view class="title" :class="active==index?'active':''" v-for="(item,index) in nav" :key="index"
+						@click="change_active(index)">
+						{{item.title}}
+					</view>
+				</view>
+				<view class="segmented-inner">
+					<view class="nav" v-for="(item,index) in nav[active].list" :key="index" @click="navigator(item)">
 						<view class="icon">
-							<image :src="item_2.icon" mode="heightFix"></image>
+							<image :src="item.icon" mode=""></image>
 						</view>
-						<view class="name" v-html="item_2.name"></view>
+						<view class="name">{{item.name}}</view>
 					</view>
 				</view>
 			</view>
@@ -28,252 +33,535 @@
 				org_num: "1014",
 				mine_code: "zaoquan",
 
+				active: 0,
 				nav: [{
 						title: "智能监测",
-						list: [
-							// {
-							// 	icon: require("./icon/icon_1.png"),
-							// 	module: "gkpt",
-							// 	name: "管控平台",
-							// 	url: "../../production/zaoquan/h5/h5?url=" + "http://zdh.zaoquan.nxmy.com:8011/home/dashboard"
-							// },
-							{
+						list: [{
 								icon: require("./icon/icon_2.png"),
 								module: "rydw",
-								name: "人员定位",
-								url: "../../production/personnel_orientation/personnel_orientation?mine=640181B0011010037723"
+								name: "人员定位"
 							},
 							{
 								icon: require("./icon/icon_3.png"),
 								module: "aqjc",
-								name: "安全监测",
-								url: "../../production/safety_monitoring/safety_monitoring?mine=640181B0011010037723"
+								name: "安全监测"
 							},
 							{
 								icon: require("./icon/icon_4.png"),
 								module: "spjk",
-								name: "视频监控",
-								url: "../../production/video_monitor/video_monitor?mine_code=zaoquan"
+								name: "视频监控"
 							},
 
-							{
-								icon: require("./icon/icon_6.png"),
-								module: "scbb",
-								name: "生产报表",
-								url: "../../production/production_report/production_report?mine=640181B0011010037723&org_num=1014"
-							}, {
-								icon: require("./icon/icon_7.png"),
-								module: "kjscl",
-								name: "矿井水处理",
-								url: "../../production/zaoquan/mine_water_treatment/mine_water_treatment?mine_code=zaoquan"
-							},
 							// {
-							// 	icon: require("./icon/icon_5.png"),
-							// 	module: "zncs",
-							// 	name: "智能测速",
-							// 	url: "../../production/zaoquan/intelligent_speed_measurement/intelligent_speed_measurement"
+							// 	icon: require("./icon/icon_6.png"),
+							// 	module: "scbb",
+							// 	name: "生产报表"
+							// }, {
+							// 	icon: require("./icon/icon_7.png"),
+							// 	module: "kjscl",
+							// 	name: "矿井水处理"
 							// }
 						]
 					},
 					{
-						title: "智能生产",
+						title: "智能采煤",
 						list: [{
 								icon: require("./icon/sc_sj.png"),
 								module: "zncm",
-								name: "智能采煤",
-								url: "../../production/zaoquan/control_platform/coal_mining/coal_mining"
+								name: "220707新智能综采",
+								sys_code: ""
+							}, {
+								icon: require("./icon/sc_sj.png"),
+								module: "zncm",
+								name: "乳化泵",
+								sys_code: "ruhuabeng"
+							}, {
+								icon: require("./icon/sc_sj.png"),
+								module: "zncm",
+								name: "采煤机",
+								sys_code: "caimeiji"
 							},
-							// {
-							// 	icon: require("./icon/sc_tongfeng.png"),
-							// 	module: "zntf",
-							// 	name: "智能通风",
-							// 	url: "../../production/zaoquan/control_platform/ventilate/ventilate"
-							// },
-							// {
-							// 	icon: require("./icon/sc_paishui.png"),
-							// 	module: "znps",
-							// 	name: "智能排水",
-							// 	url: "../../production/zaoquan/control_platform/drainage/drainage",
-							// },
-							// {
-							// 	icon: require("./icon/sc_zhidan.png"),
-							// 	module: "yfzd",
-							// 	name: "压风制氮",
-							// },
-							// {
-							// 	icon: require("./icon/sc_yunshu.png"),
-							// 	module: "znzy",
-							// 	name: "智能主运",
-							// },
-							// {
-							// 	icon: require("./icon/chart.png"),
-							// 	module: "zngd",
-							// 	name: "智能供电",
-							// }
+							{
+								icon: require("./icon/sc_sj.png"),
+								module: "zncm",
+								name: "液压支架",
+								sys_code: "yeyazhijia"
+							}, {
+								icon: require("./icon/sc_sj.png"),
+								module: "zncm",
+								name: "三机",
+								sys_code: "sanji"
+							}
 						]
 					},
 					{
-						title: "智能辅助",
+						title: "智能掘进",
+						list: [{
+							icon: require("./icon/sc_sj.png"),
+							module: "znjj",
+							name: "150201工作面胶带巷",
+							sys_code: ""
+						}]
+					},
+					{
+						title: "供配电",
 						list: [{
 								icon: require("./icon/chart.png"),
 								module: "zngd",
-								name: "智能供电",
-								url: "../../production/zaoquan/control_platform/substation/substation",
-							},{
+								name: "五分区1200变电所",
+								sys_code: "5fq1200"
+							},
+							{
+								icon: require("./icon/chart.png"),
+								module: "zngd",
+								name: "五分区950变电所",
+								sys_code: "5fq950"
+							},
+							{
+								icon: require("./icon/chart.png"),
+								module: "zngd",
+								name: "22采区变电所-低压",
+								sys_code: "22high"
+							},
+							{
+								icon: require("./icon/chart.png"),
+								module: "zngd",
+								name: "980变电所",
+								sys_code: "980"
+							},
+							{
+								icon: require("./icon/chart.png"),
+								module: "zngd",
+								name: "1000变电所",
+								sys_code: "1000low"
+							},
+							{
+								icon: require("./icon/chart.png"),
+								module: "zngd",
+								name: "1142变电所",
+								sys_code: "1142"
+							},
+							{
+								icon: require("./icon/chart.png"),
+								module: "zngd",
+								name: "720变电所",
+								sys_code: "720"
+							},
+							{
+								icon: require("./icon/chart.png"),
+								module: "zngd",
+								name: "880变电所",
+								sys_code: "880"
+							},
+							{
+								icon: require("./icon/chart.png"),
+								module: "zngd",
+								name: "950变电所",
+								sys_code: "950"
+							},
+							{
+								icon: require("./icon/chart.png"),
+								module: "zngd",
+								name: "929变电所",
+								sys_code: "929"
+							},
+							{
+								icon: require("./icon/chart.png"),
+								module: "zngd",
+								name: "22采区变电所-高压",
+								sys_code: "22gy"
+							},
+
+						]
+					},
+					{
+						title: "供排水",
+						list: [{
 								icon: require("./icon/sc_paishui.png"),
 								module: "znps",
 								name: "智能排水",
-								url: "../../production/zaoquan/control_platform/drainage/drainage",
+								sys_code: ""
 							},
 							{
+								icon: require("./icon/sc_paishui.png"),
+								module: "znps",
+								name: "5000方水池监控",
+								sys_code: "5000"
+							},
+							{
+								icon: require("./icon/sc_paishui.png"),
+								module: "znps",
+								name: "720水泵房",
+								sys_code: "720"
+							},
+							{
+								icon: require("./icon/sc_paishui.png"),
+								module: "znps",
+								name: "880水泵房",
+								sys_code: "880"
+							},
+							{
+								icon: require("./icon/sc_paishui.png"),
+								module: "znps",
+								name: "929水泵房",
+								sys_code: "929"
+							},
+							{
+								icon: require("./icon/sc_paishui.png"),
+								module: "znps",
+								name: "950水泵房",
+								sys_code: "950"
+							},
+							{
+								icon: require("./icon/sc_paishui.png"),
+								module: "znps",
+								name: "980水泵房",
+								sys_code: "980"
+							},
+							{
+								icon: require("./icon/sc_paishui.png"),
+								module: "znps",
+								name: "五分区950水泵房",
+								sys_code: "5fq"
+							},
+							{
+								icon: require("./icon/sc_paishui.png"),
+								module: "znps",
+								name: "清水泵房",
+								sys_code: "qsb"
+							},
+							{
+								icon: require("./icon/sc_paishui.png"),
+								module: "znps",
+								name: "正1000水泵房",
+								sys_code: "p1000"
+							}
+						]
+					},
+					{
+						title: "主运输",
+						list: [{
+							icon: require("./icon/sc_yunshu.png"),
+							module: "zys",
+							name: "主运输"
+						}]
+					},
+					{
+						title: "辅助运输",
+						list: [{
+							icon: require("./icon/sc_yeyazhijia.png"),
+							module: "jkcr",
+							name: "东井架空乘人器"
+						}]
+					},
+					{
+						title: "压风制氮",
+						list: [{
 								icon: require("./icon/sc_zhidan.png"),
 								module: "yfzd",
-								name: "1314<br/>压风制氮",
-								url: "../../production/zaoquan/control_platform/air_nitrogen/air_nitrogen?title=1314压风制氮&sys_code=1314",
+								name: "1314压风制氮",
+								sys_code: "1314"
 							},
 							{
 								icon: require("./icon/sc_zhidan.png"),
 								module: "yfzd",
-								name: "12采区<br/>压风制氮",
-								url: "../../production/zaoquan/control_platform/air_nitrogen/air_nitrogen?title=12采区压风制氮&sys_code=12",
+								name: "12采区压风制氮",
+								sys_code: "12"
 							}
 						]
 					},
 					{
-						title: "智能保障",
-						list: [
-							{
+						title: "智能通风",
+						list: [{
 								icon: require("./icon/sc_tongfeng.png"),
 								module: "zntf",
 								name: "智能通风",
-								url: "../../production/zaoquan/control_platform/ventilate/ventilate"
+								sys_code: ""
+							},
+							{
+								icon: require("./icon/sc_tongfeng.png"),
+								module: "zntf",
+								name: "东井通风",
+								sys_code: "east"
+							},
+							{
+								icon: require("./icon/sc_tongfeng.png"),
+								module: "zntf",
+								name: "西井通风",
+								sys_code: "west"
+							}, {
+								icon: require("./icon/sc_tongfeng.png"),
+								module: "zntf",
+								name: "五分区通风机",
+								sys_code: "5fq"
+							},
+							{
+								icon: require("./icon/sc_tongfeng.png"),
+								module: "zntf",
+								name: "1314通风机",
+								sys_code: "1314"
+							},
+							{
+								icon: require("./icon/sc_tongfeng.png"),
+								module: "zntf",
+								name: "15201回风巷通风机",
+								sys_code: "1200sm"
+							},
+							{
+								icon: require("./icon/sc_tongfeng.png"),
+								module: "zntf",
+								name: "15201机巷通风机",
+								sys_code: "1200car"
+							},
+							{
+								icon: require("./icon/sc_tongfeng.png"),
+								module: "zntf",
+								name: "220708辅助巷通风机",
+								sys_code: "220708fzx"
+							},
+							{
+								icon: require("./icon/sc_tongfeng.png"),
+								module: "zntf",
+								name: "220708回风巷通风机",
+								sys_code: "220708hfx"
+							},
+							{
+								icon: require("./icon/sc_tongfeng.png"),
+								module: "zntf",
+								name: "13207机巷通风机",
+								sys_code: "13207jx"
 							},
 						]
 					},
 					{
 						title: "智慧园区",
-						list: [
+						list: [{
+								icon: require("./icon/icon_5.png"),
+								module: "zncs",
+								name: "地面车辆监测",
+								sys_code: ""
+							},
 							{
 								icon: require("./icon/icon_5.png"),
 								module: "zncs",
-								name: "智能测速",
-								url: "../../production/zaoquan/intelligent_speed_measurement/intelligent_speed_measurement"
-							}
-						]
-					},
-					{
-						title: "智能主运",
-						list: [
+								name: "井下车辆监测",
+								sys_code: "downhole"
+							},
 							{
-								icon: require("./icon/sc_yunshu.png"),
-								module: "zys",
-								name: "主运输",
-								url: "../../production/zaoquan/control_platform/transport/transport"
+								icon: require("./icon/sc_zhidan.png"),
+								module: "ycjc",
+								name: "扬尘监测"
+							},
+							{
+								icon: require("./icon/icon_6.png"),
+								module: "zncdz",
+								name: "智能充电桩"
 							}
 						]
 					}
-				]
+				],
+
 			};
 		},
 		methods: {
+			change_active(index) {
+				this.active = index
+
+				uni.pageScrollTo({
+					scrollTop: 0,
+					duration: 150
+				});
+			},
 			navigator(item) {
-				if (!item.url) {
-					uni.showToast({
-						icon: "none",
-						title: "暂未开通！"
+				uni.showLoading({
+					mask: true,
+					title: "载入中..."
+				})
+				this.$p_api.product_data_query_power({
+					staff_num: uni.getStorageSync('user').staff_num,
+					data_module: item.module
+				}).then((res) => {
+					uni.hideLoading()
+					if (res.data.content.status) {
+						// 具备权限进入对应系统
+						this.navigator_handler(item)
+					} else {
+						uni.showToast({
+							icon: "none",
+							title: "没有查看权限！"
+						})
+					}
+				})
+			},
+			navigator_handler(item) {
+				// 人员定位
+				if (item.module == 'rydw') {
+					uni.navigateTo({
+						url: "../../production/personnel_orientation/personnel_orientation?mine=" + this.mine
 					})
-				} else {
-					uni.showLoading({
-						mask: true,
-						title: "载入中..."
+				}
+				// 安全监测
+				if (item.module == 'aqjc') {
+					uni.navigateTo({
+						url: "../../production/safety_monitoring/safety_monitoring?mine=" + this.mine
 					})
-					this.$p_api.product_data_query_power({
-						staff_num: uni.getStorageSync('user').staff_num,
-						data_module: item.module
-					}).then((res) => {
-						uni.hideLoading()
-						if (res.data.content.status) {
+				}
+				// 视频监控
+				if (item.module == 'spjk') {
+					uni.navigateTo({
+						url: "../../production/video_monitor/video_monitor?mine_code=" + this.mine_code
+					})
+				}
+				// 生产报表
+				if (item.module == 'scbb') {
+					uni.navigateTo({
+						url: "../../production/production_report/production_report?mine=" + this.mine +
+							"&org_num=" + this.org_num,
+					})
+				}
+				// 矿井水处理
+				if (item.module == 'kjscl') {
+					uni.navigateTo({
+						url: "../../production/zaoquan/mine_water_treatment/mine_water_treatment?mine_code=" + this
+							.mine_code
+					})
+				}
+				// 智能采煤
+				if (item.module == 'zncm') {
+					if(item.sys_code == ''){
+						uni.navigateTo({
+							url: "../../production/zaoquan/control_platform/coal_mining/coal_mining"
+						})
+					}
+					if(item.sys_code == 'ruhuabeng'){
+						uni.navigateTo({
+							url: "../../production/zaoquan/control_platform/coal_mining/emulsion_pump/emulsion_pump"
+						})
+					}
+					if(item.sys_code == 'caimeiji'){
+						uni.navigateTo({
+							url: "../../production/zaoquan/control_platform/coal_mining/shearer/shearer"
+						})
+					}
+					if(item.sys_code == 'yeyazhijia'){
+						uni.navigateTo({
+							url: "../../production/unified_automation_system/support/support?title=液压支架&sys_code=main"
+						})
+						
+					}
+					if(item.sys_code == 'sanji'){
+						uni.navigateTo({
+							url: "../../production/zaoquan/control_platform/coal_mining/sanji/sanji"
+						})
+					}
+				}
+				// 智能综掘
+				if (item.module == 'znjj') {
+					uni.navigateTo({
+						url: "../../production/zaoquan/control_platform/driving/driving"
+					})
+				}
+				// 压风制氮
+				if (item.module == 'yfzd') {
+					uni.navigateTo({
+						url: "../../production/zaoquan/control_platform/air_nitrogen/air_nitrogen?title=" + item
+							.name + "&sys_code=" + item.sys_code
+					})
+				}
+				// 供配电
+				if (item.module == 'zngd') {
+					uni.navigateTo({
+						url: "../../production/zaoquan/control_platform/substation/detail/detail?title=" + item
+							.name + "&type=" + item.sys_code
+					})
+				}
+				// 供排水
+				if (item.module == 'znps') {
+					if (item.sys_code == '') {
+						uni.navigateTo({
+							url: "../../production/zaoquan/control_platform/drainage/drainage"
+						})
+					} else if (item.sys_code == '5000') {
+						uni.navigateTo({
+							url: "../../production/zaoquan/control_platform/drainage/pool/pool?title=" + item
+								.name + "&sys_code=" + item.sys_code
+						})
+					} else {
+						uni.navigateTo({
+							url: "../../production/zaoquan/control_platform/drainage/pump_house/pump_house?title=" +
+								item.name + "&sys_code=" + item.sys_code
+						})
+					}
+				}
+				// 智能通风
+				if (item.module == 'zntf') {
+					if (item.sys_code == '') {
+						uni.navigateTo({
+							url: "../../production/zaoquan/control_platform/ventilate/ventilate"
+						})
+					} else {
+						let zhutongfeng = ["east", "west", "1314", "5fq"]
+						if (zhutongfeng.includes(item.sys_code)) {
 							uni.navigateTo({
-								url: item.url
+								url: "../../production/zaoquan/control_platform/ventilate/main_ventilation/main_ventilation" +
+									"?title=" + item.name + "&sys_code=" + item.sys_code
 							})
 						} else {
-							uni.showToast({
-								icon: "none",
-								title: "没有查看权限！"
+							uni.navigateTo({
+								url: "../../production/zaoquan/control_platform/ventilate/local_ventilation/local_ventilation" +
+									"?title=" + item.name + "&sys_code=" + item.sys_code
 							})
 						}
+					}
+				}
+				// 智能测速
+				if (item.module == 'zncs') {
+					if (item.sys_code == '') {
+						uni.navigateTo({
+							url: "../../production/zaoquan/vehicle_monitoring/speed_alarm/speed_alarm"
+						})
+					} else {
+						uni.navigateTo({
+							url: "../../production/zaoquan/vehicle_monitoring/vehicle_monitoring"
+						})
+					}
+				}
+				// 主运输
+				if (item.module == 'zys') {
+					uni.navigateTo({
+						url: "../../production/zaoquan/control_platform/transport/transport"
+					})
+				}
+				// 架空乘人器
+				if (item.module == 'jkcr') {
+					uni.navigateTo({
+						url: "../../production/zaoquan/control_platform/aerial/aerial"
+					})
+				}
+				// 扬尘监测
+				if (item.module == 'ycjc') {
+					uni.navigateTo({
+						url: "../../production/zaoquan/control_platform/dust_emission/dust_emission"
+					})
+				}
+				// 智能充电桩
+				if (item.module == 'zncdz') {
+					uni.navigateTo({
+						url: "../../production/zaoquan/control_platform/charging_station/charging_station"
 					})
 				}
-			},
-			// 自动化统计列表
-			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"
-				})
 			}
+
 		}
 	}
 </script>
 
 <style lang="scss">
+	page {
+		background: linear-gradient(to bottom, #E4F8FF, #F3F5F9);
+		background-color: #F3F5F9;
+	}
+
 	.top {
 		image {
 			width: 750rpx;
@@ -281,54 +569,68 @@
 	}
 
 	.content {
-		background-color: #fff;
-		border-radius: 60rpx;
-		position: relative;
-		top: -40rpx;
+		padding-bottom: 60rpx;
+		background-color: #F3F5F9;
 
-		.nav {
-			padding-top: 60rpx;
+		.segmented-control-x {
+			display: flex;
+			justify-content: space-between;
+			.segmented {
+				margin-right: 20rpx;
+				flex: 1.2;
+				background-color: #FFF;
+				border-radius: 0 20rpx 20rpx 0;
+				overflow: hidden;
 
-			.title {
-				position: relative;
-				text-align: center;
-				font-size: 36rpx;
-				color: #383838;
-				font-weight: 700;
-				margin-bottom: 20rpx; 
-			}
+				.title {
+					padding: 30rpx;
+					font-size: 34rpx;
+					font-weight: 700;
+					text-align: center;
+					line-height: 1.5;
+					color: #999;
+				}
 
-			.title::after {
-				content: " ";
-				position: absolute;
-				left: 50%;
-				bottom: -16rpx;
-				width: 200rpx;
-				height: 10rpx;
-				background-image: linear-gradient(to right, transparent, #03A2E9);
-				border-radius: 20rpx;
-				transform: translateX(-50%);
+				.active {
+					background-color: #F3F5F9;
+					color: #000;
+				}
 			}
 
-			.list {
-				padding: 50rpx 20rpx 0;
+			.segmented-inner {
+				background-color: #FFF;
+				flex: 2;
+				border-radius: 20rpx 0 0 20rpx;
+				overflow: hidden;
+				box-sizing: border-box;
+				padding: 40rpx 20rpx;
+
 				display: grid;
-				grid-template-columns: repeat(4, 1fr);
-				gap: 60rpx 20rpx;
+				grid-template-columns: repeat(2, 1fr);
+				grid-auto-rows: 200rpx;
+				gap: 20rpx;
 
-				.item {
+				.nav {
 					text-align: center;
 
 					.icon {
-						margin-bottom: 20rpx;
+						margin-bottom: 10rpx;
 
 						image {
-							height: 54rpx;
+							width: 80rpx;
+							height: 80rpx;
 						}
 					}
 
 					.name {
-						font-size: 30rpx;
+						display: -webkit-box;
+						-webkit-box-orient: vertical;
+						-webkit-line-clamp: 2;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						font-weight: 700;
+						line-height: 1.5;
+						font-size: 28rpx;
 					}
 				}
 			}

pages.json

@@ -1361,6 +1361,51 @@
         		"enablePullDownRefresh" : false,
 				"navigationBarBackgroundColor": "#1662DF"
         	}
+        },
+        {
+        	"path" : "pages/production/zaoquan/control_platform/driving/driving",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "智能综掘",
+        		"enablePullDownRefresh" : false,
+				"navigationBarBackgroundColor": "#1662DF"
+        	}
+        },
+        {
+        	"path" : "pages/production/zaoquan/control_platform/drainage/pool/pool",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "水池",
+        		"enablePullDownRefresh" : false,
+				"navigationBarBackgroundColor": "#1662DF"
+        	}
+        },
+        {
+        	"path" : "pages/production/zaoquan/control_platform/aerial/aerial",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "架空乘人器",
+        		"enablePullDownRefresh" : false,
+				"navigationBarBackgroundColor": "#1662DF"
+        	}
+        },
+        {
+        	"path" : "pages/production/zaoquan/control_platform/dust_emission/dust_emission",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "扬尘监测",
+        		"enablePullDownRefresh" : false,
+				"navigationBarBackgroundColor": "#1662DF"
+        	}
+        },
+        {
+        	"path" : "pages/production/zaoquan/control_platform/charging_station/charging_station",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "智能充电桩",
+        		"enablePullDownRefresh" : false,
+				"navigationBarBackgroundColor": "#1662DF"
+        	}
         }
     ],
 	"globalStyle": {

pages/production/zaoquan/control_platform/aerial/aerial.vue

@@ -0,0 +1,324 @@
+<template>
+	<view>
+		<view class="top">
+			<image src="../img/top.jpg" mode="widthFix"></image>
+		</view>
+
+		<view class="container">
+
+			<view class="info">
+				<view class="item" v-for="(item,index) in info" :key="index">
+					<view class="label">{{item.label}}</view>
+					<view class="value">{{item.value}}</view>
+				</view>
+			</view>
+
+			<view class="tab_info">
+				<view class="img">
+					<image src="../img/jkcr.png" mode="widthFix"></image>
+					<view class="text">东井架空乘人器</view>
+				</view>
+			</view>
+
+			<view class="content">
+				<view class="section">
+					<view class="title">
+						<view class="left">保护状态</view>
+					</view>
+					<view class="inner">
+						<view class="item" v-for="(item,index) in state" :key="index">
+							<view class="label">{{item.label}}</view>
+							<view class="value">
+								<view class="state" :style="{'backgroundColor':item.state == 1?'#00BD00':'#D6000F'}">
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+
+				<view class="section section_2">
+					<view class="title">
+						<view class="left">运行参数</view>
+					</view>
+					<view class="inner">
+						<view class="list">
+							<view class="item" v-for="(item,index) in canshu.data" :key="index">
+								<view class="label">{{item.label}}</view>
+								<view class="value">{{item.value}}</view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				sys_code: "",
+				info: [{
+						label: "行人斜井",
+						value: "9人"
+					},
+					{
+						label: "行人斜井井底",
+						value: "2人"
+					},
+					{
+						label: "行人斜井井口",
+						value: "0人"
+					},
+					{
+						label: "行人斜井258米",
+						value: "0米"
+					},
+					{
+						label: "22采区985行人通道",
+						value: "2人"
+					},
+					{
+						label: "行人斜井100米",
+						value: "6人"
+					},
+					{
+						label: "行人斜井538米",
+						value: "1人"
+					},
+					{
+						label: "通讯状态",
+						value: "通讯正常"
+					},
+					{
+						label: "通讯地址",
+						value: "172.17.55.22"
+					}
+				],
+				state: [{
+						label: "机头越位",
+						state: 1,
+					},
+					{
+						label: "驱动轮轴断",
+						state: 1,
+					},
+					{
+						label: "机尾越位",
+						state: 1,
+					},
+					{
+						label: "安全闸越位",
+						state: 1,
+					},
+					{
+						label: "运行欠速",
+						state: 1,
+					}
+				],
+				canshu: {
+					data: [{
+							label: "运行状态",
+							value: "正在运行"
+						},
+						{
+							label: "主电机温度",
+							value: "48.54℃"
+						},
+						{
+							label: "运行速度",
+							value: "1.08m/s"
+						},
+						{
+							label: "减速机温度",
+							value: "49℃"
+						}
+					]
+				},
+			};
+		},
+		onLoad(options) {
+			uni.setNavigationBarTitle({
+				title: options.title
+			})
+			this.sys_code = options.sys_code
+		},
+		mounted() {
+
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #F7F7F7;
+	}
+
+	.top {
+		margin-top: -80rpx;
+
+		image {
+			width: 750rpx;
+		}
+	}
+
+	.container {
+		margin: -900rpx 0 0 0;
+		position: relative;
+
+		.info {
+			margin: 40rpx 0;
+			box-sizing: border-box;
+			padding: 20rpx;
+			display: grid;
+			grid-template-columns: repeat(3, 1fr);
+			gap: 40rpx 10rpx;
+
+			.item {
+				text-align: center;
+				border-right: 1rpx solid #FFFFFF80;
+
+				.label {
+					font-size: 22rpx;
+					color: #FFF;
+					margin-bottom: 10rpx;
+				}
+
+				.value {
+					flex-wrap: wrap;
+					color: #FFF600;
+					font-weight: 700;
+				}
+			}
+
+			.item:nth-child(3n) {
+				border: none;
+			}
+		}
+
+
+		.tab_info {
+			margin: 40rpx 60rpx 0rpx;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			box-sizing: border-box;
+			padding: 40rpx;
+			border-top: 2rpx dashed #FFF;
+
+			.img {
+				image {
+					width: 324rpx;
+				}
+			}
+
+			.text {
+				text-align: center;
+				color: #FFF;
+				font-size: 28rpx;
+				line-height: 90rpx;
+			}
+		}
+
+		.content {
+			background-color: #F7F7F7;
+			border-radius: 35rpx 35rpx 0 0;
+			box-sizing: border-box;
+			padding: 35rpx;
+
+			.section {
+				margin-bottom: 40rpx;
+				border-radius: 14rpx;
+				overflow: hidden;
+
+				.title {
+					background: linear-gradient(-90deg, #FFFFFF, #E6FAFF);
+
+					display: flex;
+					align-items: flex-end;
+					justify-content: space-between;
+
+					box-sizing: border-box;
+					padding: 24rpx;
+
+					.left {
+						border-left: 6rpx solid #33C777;
+						padding-left: 10rpx;
+						font-size: 34rpx;
+						font-weight: 700;
+						color: #343434;
+					}
+
+					.right {
+						font-size: 22rpx;
+						color: #3394F9;
+					}
+				}
+
+				.inner {
+					background-color: #FFFFFF;
+					padding: 30rpx 20rpx;
+					display: grid;
+					grid-template-columns: repeat(2, 1fr);
+					gap: 0 40rpx;
+
+					.item {
+						display: flex;
+						align-items: center;
+						justify-content: space-around;
+						line-height: 80rpx;
+
+						.label {
+							width: 220rpx;
+							color: #8D8D8D;
+							font-size: 26rpx;
+						}
+
+						.value {
+							width: 40rpx;
+							display: flex;
+							align-items: center;
+
+							.state {
+								width: 30rpx;
+								height: 30rpx;
+								background: #D6000F;
+								border-radius: 6rpx;
+							}
+						}
+					}
+
+					.list {
+						display: grid;
+						grid-template-columns: repeat(2, 1fr);
+						gap: 0 40rpx;
+
+						.item {
+							width: 300rpx;
+							height: 90rpx;
+							display: flex;
+							align-items: center;
+							justify-content: space-around;
+
+							.label {
+								width: 160rpx;
+								color: #8D8D8D;
+								font-size: 26rpx;
+							}
+
+							.value {
+								width: 120rpx;
+								font-size: 26rpx;
+							}
+						}
+					}
+
+				}
+			}
+		}
+	}
+</style>

pages/production/zaoquan/control_platform/charging_station/charging_station.vue

@@ -0,0 +1,339 @@
+<template>
+	<view>
+		<view class="top">
+			<image src="../img/top.jpg" mode="widthFix"></image>
+		</view>
+
+		<view class="container">
+			<view class="info">
+				<view class="item" :class="tab_index==index?'active':''" v-for="(item,index) in info" :key="index"
+					@click="change_tab_index(index)">
+					<view class="label">{{item.label}}</view>
+					<view class="value">
+						<view class="state" :style="{'backgroundColor':item.state == 1?'#00BD00':'#D6000F'}">
+						</view>
+						<view class="text">{{item.text}}</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="content">
+				<view class="section" v-for="(item,index) in charging" :key="index">
+					<view class="title">
+						<view class="left">{{item.title}}</view>
+					</view>
+					<view class="inner">
+						<view class="list">
+							<view class="item" v-for="(item_2,index_2) in item.data" :key="index_2">
+								<view class="label">{{item_2.label}}</view>
+								<view class="value">{{item_2.value}}</view>
+							</view>
+						</view>
+					</view>
+					<view class="inner">
+						<view class="item" v-for="(item_2,index_2) in item.state" :key="index_2">
+							<view class="label">{{item_2.label}}</view>
+							<view class="value">
+								<view class="state" :style="{'backgroundColor':item_2.state == 1?'#00BD00':'#D6000F'}">
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				info: [{
+						label: "A充电桩",
+						state: 1,
+						text: "正常"
+					},
+					{
+						label: "B充电桩",
+						state: 1,
+						text: "正常"
+					}
+				],
+
+				state: [{
+						label: "机头越位",
+						state: 1,
+					},
+					{
+						label: "驱动轮轴断",
+						state: 1,
+					},
+					{
+						label: "机尾越位",
+						state: 1,
+					},
+					{
+						label: "安全闸越位",
+						state: 1,
+					},
+					{
+						label: "运行欠速",
+						state: 1,
+					}
+				],
+				charging: [{
+						title: "A充电桩",
+						data: [{
+								label: "充电电压",
+								value: "未知V"
+							},
+							{
+								label: "充电功率",
+								value: "未知KW"
+							},
+							{
+								label: "充电电流",
+								value: "未知A"
+							},
+							{
+								label: "充电模式",
+								value: "未知"
+							}
+						],
+						state: [{
+								label: "母线电压",
+								state: 0,
+							},
+							{
+								label: "溢出宝湖",
+								state: 1,
+							},
+							{
+								label: "母线欠压",
+								state: 1,
+							},
+							{
+								label: "温度保护",
+								state: 1,
+							},
+							{
+								label: "输出过流",
+								state: 1,
+							}
+						]
+					},
+					{
+						title: "B充电桩",
+						data: [{
+								label: "充电电压",
+								value: "未知V"
+							},
+							{
+								label: "充电功率",
+								value: "未知KW"
+							},
+							{
+								label: "充电电流",
+								value: "未知A"
+							},
+							{
+								label: "充电模式",
+								value: "未知"
+							}
+						],
+						state: [{
+								label: "母线电压",
+								state: 0,
+							},
+							{
+								label: "溢出宝湖",
+								state: 1,
+							},
+							{
+								label: "母线欠压",
+								state: 1,
+							},
+							{
+								label: "温度保护",
+								state: 1,
+							},
+							{
+								label: "输出过流",
+								state: 1,
+							}
+						]
+					}
+				]
+
+			};
+		},
+		mounted() {
+
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #F7F7F7;
+	}
+
+	.top {
+		margin-top: -80rpx;
+
+		image {
+			width: 750rpx;
+		}
+	}
+
+	.container {
+		margin: -900rpx 0 0 0;
+		position: relative;
+
+		.info {
+			margin-bottom: 40rpx;
+			padding: 0 20rpx;
+			display: grid;
+			grid-template-columns: repeat(2, 1fr);
+			gap: 10rpx 40rpx;
+
+			.item {
+				height: 70rpx;
+				display: flex;
+				align-items: center;
+				justify-content: space-around;
+				color: #FFF;
+
+				.label {
+					width: 140rpx;
+					font-size: 26rpx;
+				}
+
+				.value {
+					width: 120rpx;
+					display: flex;
+
+					.state {
+						width: 30rpx;
+						height: 30rpx;
+						background: #D6000F;
+						border-radius: 6rpx;
+					}
+
+					.text {
+						margin-left: 20rpx;
+						font-size: 26rpx;
+					}
+				}
+			}
+
+			.item.active {
+				background-color: #3495FA;
+				border-radius: 14rpx;
+			}
+		}
+
+		.content {
+			background-color: #F7F7F7;
+			border-radius: 35rpx 35rpx 0 0;
+			box-sizing: border-box;
+			padding: 35rpx;
+
+			.section {
+				margin-bottom: 40rpx;
+				border-radius: 14rpx;
+				overflow: hidden;
+
+				.title {
+					background: linear-gradient(-90deg, #FFFFFF, #E6FAFF);
+
+					display: flex;
+					align-items: flex-end;
+					justify-content: space-between;
+
+					box-sizing: border-box;
+					padding: 24rpx;
+
+					.left {
+						border-left: 6rpx solid #33C777;
+						padding-left: 10rpx;
+						font-size: 34rpx;
+						font-weight: 700;
+						color: #343434;
+					}
+
+					.right {
+						font-size: 22rpx;
+						color: #3394F9;
+					}
+				}
+
+				.inner {
+					background-color: #FFFFFF;
+					padding: 30rpx 20rpx;
+					display: grid;
+					grid-template-columns: repeat(2, 1fr);
+					gap: 0 40rpx;
+
+					.item {
+						display: flex;
+						align-items: center;
+						justify-content: space-around;
+						line-height: 80rpx;
+
+						.label {
+							width: 220rpx;
+							color: #8D8D8D;
+							font-size: 26rpx;
+						}
+
+						.value {
+							width: 40rpx;
+							display: flex;
+							align-items: center;
+
+							.state {
+								width: 30rpx;
+								height: 30rpx;
+								background: #D6000F;
+								border-radius: 6rpx;
+							}
+						}
+					}
+
+					.list {
+						display: grid;
+						grid-template-columns: repeat(2, 1fr);
+						gap: 0 40rpx;
+
+						.item {
+							width: 300rpx;
+							height: 90rpx;
+							display: flex;
+							align-items: center;
+							justify-content: space-around;
+
+							.label {
+								width: 160rpx;
+								color: #8D8D8D;
+								font-size: 26rpx;
+							}
+
+							.value {
+								width: 120rpx;
+								font-size: 26rpx;
+							}
+						}
+					}
+
+				}
+			}
+		}
+
+	}
+</style>

pages/production/zaoquan/control_platform/drainage/pool/pool.vue

@@ -0,0 +1,335 @@
+<template>
+	<view>
+		<view class="top">
+			<image src="../../img/top.jpg" mode="widthFix"></image>
+		</view>
+
+		<view class="container">
+
+			<view class="info_5000">
+				<view class="item" v-for="(item,index) in info" :key="index">
+					<view class="label">{{item.title}}</view>
+					<view class="value" v-for="(item_2,index_2) in item.data" :key="index_2">
+						<view class="state" :style="{'backgroundColor':item_2.state == 1?'#00BD00':'#D6000F'}"></view>
+						<view class="text">{{item_2.label}}</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="tab_info">
+				<view class="img">
+					<image src="../../img/shuichi.png" mode="widthFix"></image>
+					<view class="text">5000方水池</view>
+				</view>
+			</view>
+
+
+			<view class="content">
+				<view class="section" v-for="(item,index) in tab_info" :key="index">
+					<view class="title">
+						<view class="left">{{item.title}}</view>
+					</view>
+					<view class="inner">
+						<view class="table_box">
+							<uni-table emptyText="暂无更多数据">
+								<uni-tr>
+									<uni-th width="100" align="center" v-for="(item,index) in item.table.thead"
+										:key="index">{{item}}</uni-th>
+								</uni-tr>
+								<uni-tr v-for="(item,index) in item.table.tbody" :key="index">
+									<uni-td align="center" style="vertical-align: middle;">{{item.label}}</uni-td>
+									<uni-td align="center" style="vertical-align: middle;">{{item.value}}</uni-td>
+								</uni-tr>
+							</uni-table>
+						</view>
+					</view>
+				</view>
+
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				sys_code: "",
+
+				info: [{
+						title: "来自950水泵房",
+						data: [{
+								label: "1号闸阀",
+								state: 1
+							},
+							{
+								label: "3号闸阀",
+								state: 1
+							}
+						],
+					},
+					{
+						title: "来自五分区水泵房",
+						data: [{
+								label: "2号闸阀",
+								state: 1
+							},
+							{
+								label: "4号闸阀",
+								state: 1
+							}
+						],
+					}
+				],
+
+				tab_info: [{
+						title: "1号水池",
+						table: {
+							thead: ["参数名称", "值"],
+							tbody: [{
+									label: "液位(m)",
+									value: "2.98",
+								},
+								{
+									label: "超高液位设定值(m)",
+									value: "3",
+								},
+								{
+									label: "高液位设定值(m)",
+									value: "2.8",
+								},
+								{
+									label: "低液位设定值(m)",
+									value: "1",
+								}
+							]
+						}
+					},
+					{
+						title: "2号水池",
+						table: {
+							thead: ["参数名称", "值"],
+							tbody: [{
+									label: "液位(m)",
+									value: "0.24",
+								},
+								{
+									label: "超高液位设定值(m)",
+									value: "3",
+								},
+								{
+									label: "高液位设定值(m)",
+									value: "2.6",
+								},
+								{
+									label: "低液位设定值(m)",
+									value: "1",
+								}
+							]
+						}
+					},
+				]
+
+			};
+		},
+		onLoad(options) {
+			uni.setNavigationBarTitle({
+				title: options.title
+			})
+			this.sys_code = options.sys_code
+		},
+		mounted() {
+
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #F7F7F7;
+	}
+
+	.top {
+		margin-top: -80rpx;
+
+		image {
+			width: 750rpx;
+		}
+	}
+
+	.container {
+		margin: -900rpx 0 0 0;
+		position: relative;
+
+		.info_5000 {
+			margin: 20rpx 0;
+
+			.item {
+				margin: 20rpx auto;
+				width: 700rpx;
+				height: 70rpx;
+				display: flex;
+				align-items: center;
+				justify-content: space-around;
+				color: #FFF;
+				padding: 0 10rpx;
+
+				.label {
+					width: 240rpx;
+					font-size: 26rpx;
+				}
+
+				.value {
+					width: 200rpx;
+					display: flex;
+					align-items: center;
+
+					.state {
+						width: 30rpx;
+						height: 30rpx;
+						background: #D6000F;
+						border-radius: 6rpx;
+					}
+
+					.text {
+						margin-left: 10rpx;
+						font-size: 26rpx;
+					}
+				}
+			}
+
+			.item.active {
+				background-color: #3495FA;
+				border-radius: 14rpx;
+			}
+		}
+
+
+		.tab_info {
+			margin: 40rpx 60rpx 0rpx;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			box-sizing: border-box;
+			padding: 40rpx;
+			border-top: 2rpx dashed #FFF;
+
+			.img {
+				image {
+					width: 324rpx;
+				}
+			}
+
+			.text {
+				text-align: center;
+				color: #FFF;
+				font-size: 28rpx;
+				line-height: 90rpx;
+			}
+		}
+
+		.tab_info {
+			margin: 40rpx 60rpx 0rpx;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			box-sizing: border-box;
+			padding: 40rpx;
+			border-top: 2rpx dashed #FFF;
+
+			.img {
+				image {
+					width: 324rpx;
+				}
+			}
+
+			.text {
+				text-align: center;
+				color: #FFF;
+				font-size: 28rpx;
+				line-height: 90rpx;
+			}
+		}
+
+		.content {
+			background-color: #F7F7F7;
+			border-radius: 35rpx 35rpx 0 0;
+			box-sizing: border-box;
+			padding: 35rpx;
+
+			.section {
+				margin-bottom: 40rpx;
+				border-radius: 14rpx;
+				overflow: hidden;
+
+				.title {
+					background: linear-gradient(-90deg, #FFFFFF, #E6FAFF);
+
+					display: flex;
+					align-items: flex-end;
+					justify-content: space-between;
+
+					box-sizing: border-box;
+					padding: 24rpx;
+
+					.left {
+						border-left: 6rpx solid #33C777;
+						padding-left: 10rpx;
+						font-size: 34rpx;
+						font-weight: 700;
+						color: #343434;
+					}
+
+				}
+
+				.inner {
+					min-height: 250rpx;
+					background-color: #FFF;
+
+					.table_box {
+						width: 680rpx;
+						border-radius: 20rpx;
+						overflow: hidden;
+
+						/deep/.uni-table-tr {
+							background-color: #FFFFFF;
+						}
+
+						/deep/.uni-table-th {
+							border: none;
+							background-color: #FFFFFF;
+							padding: 30rpx 20rpx;
+							color: #7A7A7A;
+							font-size: 34rpx;
+							font-weight: 700;
+							border-bottom: 1px #EBEEF5 dashed;
+						}
+
+						/deep/.uni-table-td {
+							font-size: 28rpx;
+							color: #A1A1A1;
+							border-bottom: 1px #EBEEF5 dashed;
+							padding: 30rpx 20rpx;
+						}
+
+						/deep/.uni-table-td:nth-child(2) {
+							color: #000;
+						}
+
+						/deep/.table--border {
+							border: none;
+						}
+					}
+
+					.charts-box {
+						padding: 40rpx 10rpx;
+						height: 500rpx;
+					}
+				}
+			}
+		}
+	}
+</style>

pages/production/zaoquan/control_platform/driving/driving.vue

@@ -0,0 +1,352 @@
+<template>
+	<view>
+		<view class="top">
+			<image src="../img/top.jpg" mode="widthFix"></image>
+		</view>
+
+		<view class="container">
+			<view class="info">
+				<view class="item" v-for="(item,index) in info" :key="index">
+					<view class="label">{{item.label}}</view>
+					<view class="value">{{item.value}}</view>
+				</view>
+			</view>
+
+			<view class="content">
+				<view class="section section_2">
+					<view class="title">
+						<view class="left">掘进机信息</view>
+					</view>
+					<view class="inner">
+						<view class="list">
+							<view class="item" v-for="(item,index) in juejinji.data" :key="index">
+								<view class="label">{{item.label}}</view>
+								<view class="value">{{item.value}}</view>
+							</view>
+						</view>
+						<view class="img">
+							<view class="main">
+								<image src="../img/juejinji.png" mode="widthFix"></image>
+							</view>
+						</view>
+					</view>
+				</view>
+				
+				<view class="section" v-for="(item,index) in tab_info" :key="index">
+					<view class="title">
+						<view class="left">{{item.title}}</view>
+					</view>
+					<view class="inner">
+						<view class="table_box">
+							<uni-table emptyText="暂无更多数据">
+								<uni-tr>
+									<uni-th width="100" align="center" v-for="(item,index) in item.table.thead"
+										:key="index">{{item}}</uni-th>
+								</uni-tr>
+								<uni-tr v-for="(item,index) in item.table.tbody" :key="index">
+									<uni-td align="center" style="vertical-align: middle;">{{item.label}}</uni-td>
+									<uni-td align="center" style="vertical-align: middle;">{{item.value}}</uni-td>
+								</uni-tr>
+							</uni-table>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				info: [{
+						label: "工作面名称",
+						value: "150201工作面胶带巷"
+					},
+					{
+						label: "施工单位",
+						value: "综掘二队"
+					},
+					{
+						label: "生产组织模式",
+						value: "二掘一修"
+					},
+					{
+						label: "综掘机型号",
+						value: "EBZ200M-2A"
+					},
+					{
+						label: "截割功率",
+						value: "200Kw"
+					},
+					{
+						label: "巷道长度",
+						value: "2667"
+					},
+					{
+						label: "掘进断面",
+						value: "23.31m²"
+					},
+					{
+						label: "永久支护工艺",
+						value: "锚、网、索、W钢带桁架联合支护"
+					},
+					{
+						label: "胶带机型号",
+						value: "DSJ100/40/160胶带输送机"
+					},
+					{
+						label: "胶带机控制方式",
+						value: "集控"
+					}
+				],
+
+				juejinji: {
+					data: [{
+							label: "未掘进距离",
+							value: "324.8m"
+						},
+						{
+							label: "已掘进距离",
+							value: "2344.2m"
+						}
+					]
+				},
+				
+				tab_info: [
+					{
+						title: "机身姿态",
+						table: {
+							thead: ["参数名称", "值"],
+							tbody: [{
+									label: "倾仰角度(°)",
+									value: "-0.09",
+								},
+								{
+									label: "水平角度(°)",
+									value: "91.47",
+								},
+								{
+									label: "翻滚角度(°)",
+									value: "0.2",
+								},
+								{
+									label: "掘进机行走速度(mm/s)",
+									value: "0",
+								}
+							]
+						}
+					},
+					{
+						title: "旋臂姿态",
+						table: {
+							thead: ["参数名称", "值"],
+							tbody: [{
+									label: "回旋角度(°)",
+									value: "0",
+								},
+								{
+									label: "升降角度(°)",
+									value: "0",
+								}
+							]
+						}
+					},
+					{
+						title: "输入电压",
+						table: {
+							thead: ["参数名称", "值"],
+							tbody: [{
+									label: "弦线电压(V)",
+									value: "0",
+								}
+							]
+						}
+					}
+				]
+
+			};
+		},
+		mounted() {
+			this.get_data()
+		},
+		methods: {
+			get_data() {
+				
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #F7F7F7;
+	}
+
+	.top {
+		margin-top: -80rpx;
+
+		image {
+			width: 750rpx;
+		}
+	}
+
+	.container {
+		margin: -900rpx 0 0 0;
+		position: relative;
+
+		.info {
+			margin: 40rpx 0;
+			box-sizing: border-box;
+			padding: 20rpx;
+			display: grid;
+			grid-template-columns: repeat(3, 1fr);
+			gap: 40rpx 10rpx;
+
+			.item {
+				text-align: center;
+				padding-right: 10rpx;
+				border-right: 1rpx solid #FFFFFF80;
+
+				.label {
+					font-size: 22rpx;
+					color: #FFF;
+					margin-bottom: 10rpx;
+				}
+
+				.value {
+					flex-wrap: wrap;
+					color: #FFF600;
+					font-weight: 700;
+				}
+			}
+
+			.item:nth-child(3n) {
+				border: none;
+			}
+		}
+
+		.content {
+			background-color: #F7F7F7;
+			border-radius: 35rpx 35rpx 0 0;
+			box-sizing: border-box;
+			padding: 35rpx;
+
+			.section {
+				margin-bottom: 40rpx;
+				border-radius: 14rpx;
+				overflow: hidden;
+
+				.title {
+					background: linear-gradient(-90deg, #FFFFFF, #E6FAFF);
+
+					display: flex;
+					align-items: flex-end;
+					justify-content: space-between;
+
+					box-sizing: border-box;
+					padding: 24rpx;
+
+					.left {
+						border-left: 6rpx solid #33C777;
+						padding-left: 10rpx;
+						font-size: 34rpx;
+						font-weight: 700;
+						color: #343434;
+					}
+
+					.right {
+						font-size: 22rpx;
+						color: #3394F9;
+					}
+				}
+
+				.inner {
+					min-height: 250rpx;
+					background-color: #FFF;
+							
+					.table_box {
+						width: 680rpx;
+						border-radius: 20rpx;
+						overflow: hidden;
+							
+						/deep/.uni-table-tr {
+							background-color: #FFFFFF;
+						}
+							
+						/deep/.uni-table-th {
+							border: none;
+							background-color: #FFFFFF;
+							padding: 30rpx 20rpx;
+							color: #7A7A7A;
+							font-size: 34rpx;
+							font-weight: 700;
+							border-bottom: 1px #EBEEF5 dashed;
+						}
+							
+						/deep/.uni-table-td {
+							font-size: 28rpx;
+							color: #A1A1A1;
+							border-bottom: 1px #EBEEF5 dashed;
+							padding: 30rpx 20rpx;
+						}
+							
+						/deep/.uni-table-td:nth-child(2),
+						.uni-table-td:nth-child(3) {
+							color: #000;
+						}
+							
+						/deep/.table--border {
+							border: none;
+						}
+					}
+							
+				}
+			}
+
+			.section_2 {
+				.inner {
+					.list {
+						display: grid;
+						grid-template-columns: repeat(2, 1fr);
+						gap: 0 40rpx;
+
+						.item {
+							height: 90rpx;
+							display: flex;
+							align-items: center;
+							justify-content: space-around;
+
+							.label {
+								width: 140rpx;
+								color: #8D8D8D;
+								font-size: 26rpx;
+							}
+
+							.value {
+								width: 100rpx;
+								font-size: 26rpx;
+							}
+						}
+					}
+
+					.img {
+						margin: 20rpx auto;
+						padding-bottom: 20rpx;
+						position: relative;
+
+						.main {
+							text-align: center;
+
+							image {
+								width: 546rpx;
+							}
+						}
+					}
+				}
+			}
+			
+		}
+	}
+</style>

pages/production/zaoquan/control_platform/dust_emission/dust_emission.vue

@@ -0,0 +1,130 @@
+<template>
+	<view>
+		<view class="list">
+			<view class="item" v-for="(item,index) in list" :key="index">
+				<view class="title">{{item.title}}</view>
+				<view class="content">
+					<view class="label_box" v-for="(item_2,index_2) in item.data" :key="index_2">
+						<view class="label">{{item_2.label}}</view>
+						<view class="value">{{item_2.value}}</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list:[
+					{
+						title:"扬尘设备01北环线",
+						data:[
+							{
+								label:"PM2.5",
+								value:"5ug/m³"
+							},
+							{
+								label:"噪声",
+								value:"64.8db"
+							},
+							{
+								label:"PM10",
+								value:"5ug/m³"
+							},
+							{
+								label:"PM2.5",
+								value:"5ug/m³"
+							},
+							{
+								label:"噪声",
+								value:"64.8db"
+							},
+							{
+								label:"PM10",
+								value:"5ug/m³"
+							},
+							{
+								label:"PM2.5",
+								value:"5ug/m³"
+							},
+							{
+								label:"噪声",
+								value:"64.8db"
+							},
+							{
+								label:"PM10",
+								value:"5ug/m³"
+							},
+							{
+								label:"PM2.5",
+								value:"5ug/m³"
+							}
+						]
+					},
+					{
+						title:"扬尘设备02西环线",
+						data:[
+							{
+								label:"PM2.5",
+								value:"5ug/m³"
+							},
+							{
+								label:"噪声",
+								value:"64.8db"
+							},
+							{
+								label:"PM10",
+								value:"5ug/m³"
+							}
+						]
+					}
+				]
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+	page{
+		background-image: url("../img/top.jpg");
+		background-size: 100% 100%;
+		// background-repeat: no-repeat;
+	}
+	.list{
+		.item{
+			margin: 40rpx auto;
+			width: 680rpx;
+			background-image: url("./img/item_bg.png");
+			background-size: 100% 100%;
+			box-sizing: border-box;
+			padding: 20rpx;
+			.title{
+				text-align: center;
+				font-weight: 700;
+				font-size: 34rpx;
+				color: #FFFFFF;
+				margin-bottom: 20rpx;
+			}
+			.content{
+				display: grid;
+				grid-template-columns: repeat(2,320rpx);
+				.label_box{
+					display: flex;
+					padding: 10rpx 0;
+					font-size: 30rpx;
+					.label{
+						width: 150rpx;
+						color: #FFF;
+					}
+					.value{
+						width: 150rpx;
+						color: #FFFF00;
+					}
+				}
+			}
+		}
+	}
+</style>

pages/production/zaoquan/control_platform/substation/detail/detail - 360px适配.vue

@@ -0,0 +1,996 @@
+<template>
+	<view>
+		<view class="container">
+			<view class="tip">
+				<view class="item" v-for="(item,index) in tip" :key="index">
+					<view class="box" :style="{backgroundColor:item.color,}"></view>
+					<view class="text">{{item.text}}</view>
+				</view>
+
+			</view>
+			<view class="img_box img_box_1200" v-if="type == '5fq1200'">
+				<scroll-view class="main" scroll-x="true">
+					<view class="img">
+						<image src="../img/1200.jpg" mode="widthFix"></image>
+					</view>
+					<view class="box line_1">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(0, 19)" :key="index"></view>
+					</view>
+					<view class="box line_2">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(19, 40)" :key="index"></view>
+					</view>
+
+					<view class="box line_3">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(40, 65)" :key="index"></view>
+					</view>
+				</scroll-view>
+			</view>
+			<view class="img_box img_box_950_2" v-else-if="type == '5fq950'">
+				<scroll-view class="main" scroll-x="true">
+					<view class="img">
+						<image src="../img/950_2.jpg" mode="widthFix"></image>
+					</view>
+					<view class="box line_1">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(0, 11)" :key="index"></view>
+					</view>
+
+					<view class="box line_2">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(11, 25)" :key="index"></view>
+					</view>
+
+					<view class="box line_3">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(25, 44)" :key="index"></view>
+					</view>
+				</scroll-view>
+			</view>
+			<view class="img_box img_box_1142" v-else-if="type == '1142'">
+				<scroll-view class="main" scroll-x="true">
+					<view class="img">
+						<image src="../img/1142.jpg" mode="widthFix"></image>
+					</view>
+					<view class="box line_1">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(0, 16)" :key="index"></view>
+					</view>
+
+					<view class="box line_2">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(16, 32)" :key="index"></view>
+					</view>
+				</scroll-view>
+			</view>
+			<view class="img_box img_box_22" v-else-if="type == '22high'">
+				<scroll-view class="main" scroll-x="true">
+					<view class="img">
+						<image src="../img/22.jpg" mode="widthFix"></image>
+					</view>
+					<view class="box line_1">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(0, 23)" :key="index"></view>
+					</view>
+				</scroll-view>
+			</view>
+			<view class="img_box img_box_980" v-else-if="type == '980'">
+				<scroll-view class="main" scroll-x="true">
+					<view class="img">
+						<image src="../img/980.jpg" mode="widthFix"></image>
+					</view>
+					<view class="box line_1">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(0, 17)" :key="index"></view>
+					</view>
+
+					<view class="box line_2">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(17, 41)" :key="index"></view>
+					</view>
+				</scroll-view>
+			</view>
+			<view class="img_box img_box_1000" v-else-if="type == '1000low'">
+				<scroll-view class="main" scroll-x="true">
+					<view class="img">
+						<image src="../img/1000.png" mode="widthFix"></image>
+					</view>
+					<view class="box line_1">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(0, 25)" :key="index"></view>
+					</view>
+
+					<view class="box line_2">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(25, 48)" :key="index"></view>
+					</view>
+				</scroll-view>
+			</view>
+			<view class="img_box img_box_720" v-else-if="type == '720'">
+				<scroll-view class="main" scroll-x="true">
+					<view class="img">
+						<image src="../img/720.png" mode="widthFix"></image>
+					</view>
+					<view class="box line_1">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(0, 18)" :key="index"></view>
+					</view>
+
+					<view class="box line_2">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(18)" :key="index"></view>
+					</view>
+				</scroll-view>
+			</view>
+			<view class="img_box img_box_880" v-else-if="type == '880'">
+				<scroll-view class="main" scroll-x="true">
+					<view class="img">
+						<image src="../img/880.png" mode="widthFix"></image>
+					</view>
+					<view class="box line_1">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(0, 9)" :key="index"></view>
+					</view>
+
+					<view class="box line_2">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(9, 23)" :key="index"></view>
+					</view>
+				</scroll-view>
+			</view>
+			<view class="img_box img_box_950" v-else-if="type == '950'">
+				<scroll-view class="main" scroll-x="true">
+					<view class="img">
+						<image src="../img/950.png" mode="widthFix"></image>
+					</view>
+					<view class="box line_1">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(0, 13)" :key="index"></view>
+					</view>
+
+					<view class="box line_2">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(9, 33)" :key="index"></view>
+					</view>
+				</scroll-view>
+			</view>
+			<view class="img_box img_box_929" v-else-if="type == '929'">
+				<scroll-view class="main" scroll-x="true">
+					<view class="img">
+						<image src="../img/929.jpg" mode="widthFix"></image>
+					</view>
+					<view class="box line_1">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(0, 10)" :key="index"></view>
+					</view>
+					
+					<view class="box line_2">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(10, 21)" :key="index"></view>
+					</view>
+				</scroll-view>
+			</view>
+			<view class="img_box img_box_22gy" v-else-if="type == '22gy'">
+				<scroll-view class="main" scroll-x="true">
+					<view class="img">
+						<image src="../img/22gy.jpg" mode="widthFix"></image>
+					</view>
+					<view class="box line_1">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(0, 14)" :key="index"></view>
+					</view>
+					
+					<view class="box line_2">
+						<view class="item" :style="{backgroundColor:tip[item].color}"
+							v-for="(item,index) in state.slice(14, 30)" :key="index"></view>
+					</view>
+				</scroll-view>
+			</view>
+			<view class="img_box" v-else></view>
+
+			<view class="content">
+				<view class="section" v-for="(item,index) in table_data" :key="index">
+					<view class="title">
+						<view class="left">{{item.title}}</view>
+					</view>
+					<view class="inner">
+						<view class="table_box">
+							<uni-table emptyText="暂无更多数据">
+								<uni-tr>
+									<uni-th width="100" align="center" v-for="(item_2,index_2) in item.table.thead"
+										:key="index_2">{{item_2}}</uni-th>
+								</uni-tr>
+								<uni-tr v-for="(item_2,index_2) in item.table.tbody" :key="index_2">
+									<uni-td align="center" style="vertical-align: middle;"
+										v-for="(item_3,index_3) in item_2" :key="index_3">{{item_3}}</uni-td>
+								</uni-tr>
+							</uni-table>
+						</view>
+					</view>
+				</view>
+
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				type: "",
+				tip: [{
+						color: "#FF0000",
+						text: "通信正常"
+					},
+					{
+						color: "#00FF00",
+						text: "通讯中断"
+					}
+
+				],
+				state: [],
+				table_data: [{
+						title: "变电箱信息",
+						table: {
+							thead: ["名称", "Q:kVar", "p:kw", "Uab:V", "cos", "Ia:A"],
+							tbody: [
+								[
+									0, 0, 0, 0, 0, 0
+								],
+								[
+									0, 0, 0, 0, 0, 0
+								],
+
+							]
+						}
+					},
+					{
+						title: "变电箱信息",
+						table: {
+							thead: ["名称", "Q:kVar", "p:kw", "Uab:V", "cos", "Ia:A"],
+							tbody: [
+								[
+									0, 0, 0, 0, 0, 0
+								],
+								[
+									0, 0, 0, 0, 0, 0
+								]
+							]
+						}
+					}
+				]
+			};
+		},
+		onLoad(option) {
+			uni.setNavigationBarTitle({
+				title: option.title
+			})
+
+			this.type = option.type
+
+			this.getServerData(option.type);
+		},
+		methods: {
+			getServerData(sys_code) {
+				this.$api.zaoquan_dcs_power({
+					sys_code: sys_code
+				}).then((res) => {
+					console.log(res.data)
+					if (res.data.code == -2) {
+						for (let i = 0; i < 99; i++) {
+							this.state.push(1)
+						}
+					} else {
+						this.tip = res.data.tip
+						this.table_data = res.data.table_data
+						// this.state = res.data.state
+
+						let data = res.data.state
+
+						data.forEach((item, index) => {
+							if (item == -9999) {
+								data[index] = '1'
+							}
+						})
+
+						this.state = data
+
+					}
+
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #F7F7F7;
+		background-image: url("../img/top.jpg");
+		background-size: 100% 100%;
+	}
+
+
+
+	.container {
+		.tip {
+			box-sizing: border-box;
+			padding: 40rpx;
+
+			.item {
+				line-height: 80rpx;
+				display: flex;
+				align-items: center;
+
+				.box {
+					height: 34rpx;
+					width: 78rpx;
+				}
+
+				.text {
+					color: #fff;
+					margin-left: 20rpx;
+					font-size: 28rpx;
+				}
+			}
+		}
+
+		.content {
+			background-color: #F7F7F7;
+			border-radius: 35rpx 35rpx 0 0;
+			box-sizing: border-box;
+			padding: 35rpx;
+
+			.section {
+				margin-bottom: 40rpx;
+				border-radius: 14rpx;
+				overflow: hidden;
+
+				.title {
+					background: linear-gradient(-90deg, #FFFFFF, #E6FAFF);
+
+					display: flex;
+					align-items: flex-end;
+					justify-content: space-between;
+
+					box-sizing: border-box;
+					padding: 24rpx;
+
+					.left {
+						border-left: 6rpx solid #33C777;
+						padding-left: 10rpx;
+						font-size: 34rpx;
+						font-weight: 700;
+						color: #343434;
+					}
+
+				}
+
+				.inner {
+					min-height: 250rpx;
+					background-color: #FFF;
+
+					.table_box {
+						width: 680rpx;
+						border-radius: 20rpx;
+						overflow: hidden;
+
+						/deep/.uni-table-tr {
+							// background-color: #FFFFFF;
+						}
+
+						/deep/.uni-table-th {
+							border: none;
+							background-color: #FFFFFF;
+							padding: 27rpx 20rpx;
+							color: #7A7A7A;
+							font-size: 28rpx;
+							color: #1966E2;
+							font-weight: 700;
+							border-bottom: 2rpx #EBEEF5 dashed;
+						}
+
+						/deep/.uni-table-td {
+							font-size: 28rpx;
+							color: #010101;
+							border-bottom: 2rpx #EBEEF5 dashed;
+							padding: 27rpx 20rpx;
+						}
+
+						/deep/.table--border {
+							border: none;
+						}
+					}
+
+				}
+			}
+		}
+	}
+
+	.img_box {
+		min-height: 300rpx;
+
+		.main {
+			box-sizing: border-box;
+			padding: 40rpx;
+
+			position: relative;
+
+			.img {
+				image {
+					width: 1340rpx;
+				}
+			}
+
+			.box {
+				display: flex;
+				justify-content: space-between;
+
+				.item {
+					width: 34rpx;
+					height: 78rpx;
+					background-color: red;
+				}
+			}
+		}
+	}
+
+	.img_box_1200 {
+		.main {
+			.img {
+				image {
+					width: 1610rpx;
+				}
+			}
+
+			.line_1 {
+				position: absolute;
+				top: 138rpx;
+				left: 70rpx;
+                .item{
+					margin-right: 40rpx;
+				}
+				.item:nth-child(5){
+					margin-right: 37rpx;
+				}
+				.item:nth-child(10){
+					margin-right: 37rpx;
+				}
+				.item:nth-child(13){
+					margin-right: 37rpx;
+				}
+				.item:nth-child(15){
+					margin-right: 37rpx;
+				}
+			}
+
+			.line_2 {
+				position: absolute;
+				top: 546rpx;
+				left: 70rpx;
+
+				width: 1470rpx;
+			}
+
+			.line_3 {
+				position: absolute;
+				top: 920rpx;
+				left: 138rpx;
+
+				.item {
+					margin-right: 20rpx;
+				}
+				.item:nth-child(4){
+					margin-right: 46rpx;
+				}
+				.item:nth-child(5){
+					margin-right: 48rpx;
+				}
+				.item:nth-child(12){
+					margin-right: 46rpx;
+				}
+				.item:nth-child(19){
+					margin-right: 46rpx;
+				}
+				.item:nth-child(20){
+					margin-right: 48rpx;
+				}
+			}
+		}
+	}
+
+	.img_box_950_2 {
+		.main {
+			.img {
+				image {
+					width: 1250rpx;
+				}
+			}
+
+			.line_1 {
+				position: absolute;
+				top: 138rpx;
+				left: 186rpx;
+
+				width: 914rpx;
+			}
+
+			.line_2 {
+				position: absolute;
+				top: 540rpx;
+				left: 134rpx;
+				width: 966rpx;
+			}
+
+			.line_3 {
+				position: absolute;
+				top: 916rpx;
+				left: 98rpx;
+
+				.item {
+					margin-right: 20rpx;
+				}
+
+				.item:nth-child(4) {
+					margin-right: 46rpx;
+				}
+
+				.item:nth-child(11) {
+					margin-right: 46rpx;
+				}
+
+				.item:nth-child(17) {
+					margin-right: 46rpx;
+				}
+			}
+		}
+	}
+
+	.img_box_1142 {
+		.main {
+			.img {
+				image {
+					width: 1540rpx;
+				}
+			}
+
+			.line_1 {
+				position: absolute;
+				top: 64rpx;
+				left: 54rpx;
+
+				width: 1070rpx;
+
+				.item:nth-child(15) {
+					margin-right: 20rpx;
+				}
+
+				.item:nth-child(9) {
+					margin-right: 56rpx;
+				}
+
+				.item:nth-child(8) {
+					margin-right: 20rpx;
+				}
+
+				.item:nth-child(1) {
+					margin-right: 26rpx;
+				}
+			}
+
+			.line_2 {
+				position: absolute;
+				top: 576rpx;
+				left: 94rpx;
+
+				.item {
+					margin-right: 20rpx;
+				}
+
+				.item:nth-child(1) {
+					margin-right: 84rpx;
+				}
+
+				.item:nth-child(2) {
+					margin-right: 18rpx;
+				}
+
+				.item:nth-child(3) {
+					margin-right: 40rpx;
+				}
+
+				.item:nth-child(6) {
+					margin-right: 42rpx;
+				}
+
+				.item:nth-child(9) {
+					margin-right: 80rpx;
+				}
+
+				.item:nth-child(10) {
+					margin-right: 210rpx;
+				}
+
+				.item:nth-child(11) {
+					margin-right: 78rpx;
+				}
+
+				.item:nth-child(13) {
+					margin-right: 42rpx;
+				}
+				
+				.item:nth-child(14) {
+					margin-right: 14rpx;
+				}
+
+				.item:nth-child(16) {
+					margin-right: 80rpx;
+				}
+			}
+		}
+	}
+
+	.img_box_22 {
+		.main {
+			.line_1 {
+				position: absolute;
+				top: 76rpx;
+				left: 0rpx;
+
+				.item:first-child {
+					margin-top: 0;
+					margin-right: 36rpx;
+				}
+
+				.item:last-child {
+					margin-top: 0;
+				}
+
+				.item {
+					margin-top: 104rpx;
+					margin-right: 8px;
+				}
+
+				.item:nth-child(2) {
+					margin-right: 80rpx;
+				}
+
+				.item:nth-child(3) {
+					margin-right: 48rpx;
+				}
+				
+				.item:nth-child(10) {
+					margin-right: 10rpx;
+				}
+
+				.item:nth-child(20) {
+					margin-right: 50rpx;
+				}
+
+				.item:nth-child(21) {
+					margin-right: 80rpx;
+				}
+
+				.item:nth-child(22) {
+					margin-right: 26rpx;
+				}
+			}
+		}
+	}
+
+	.img_box_980 {
+		.main {
+			.line_1 {
+				position: absolute;
+				top: 74rpx;
+				left: 56rpx;
+
+				width: 1214rpx;
+			}
+
+			.line_2 {
+				position: absolute;
+				top: 748rpx;
+				left: 6rpx;
+
+				.item {
+					margin-right: 20rpx;
+				}
+
+				.item:nth-child(1) {
+					margin-right: 38rpx;
+				}
+				
+				.item:nth-child(4) {
+					margin-right: 18rpx;
+				}
+
+				.item:nth-child(8) {
+					margin-right: 32rpx;
+				}
+
+				.item:nth-child(9) {
+					margin-right: 38rpx;
+				}
+				
+				.item:nth-child(10) {
+					margin-right: 18rpx;
+				}
+				
+				.item:nth-child(14) {
+					margin-right: 14rpx;
+				}
+
+				.item:nth-child(17) {
+					margin-right: 34rpx;
+				}
+
+				.item:nth-child(18) {
+					margin-right: 36rpx;
+				}
+
+				.item:nth-child(20) {
+					margin-right: 36rpx;
+				}
+
+				.item:nth-child(23) {
+					margin-right: 36rpx;
+				}
+
+			}
+		}
+	}
+
+	.img_box_1000 {
+		.main {
+			.line_1 {
+				position: absolute;
+				top: 98rpx;
+				left: 20rpx;
+
+				.item {
+					margin-right: 20rpx;
+				}
+
+				.item:nth-child(10) {
+					margin-right: 26rpx;
+				}
+
+				.item:nth-child(16) {
+					margin-right: 22rpx;
+				}
+
+				.item:nth-child(20) {
+					margin-right: 24rpx;
+				}
+			}
+
+			.line_2 {
+				position: absolute;
+				top: 630rpx;
+				left: 20rpx;
+
+				.item {
+					margin-right: 20rpx;
+				}
+
+				.item:nth-child(10) {
+					margin-right: 22rpx;
+				}
+
+				.item:nth-child(13) {
+					margin-right: 24rpx;
+				}
+
+
+			}
+
+		}
+	}
+
+	.img_box_720 {
+		.main {
+			.line_1 {
+				position: absolute;
+				top: 76rpx;
+				left: 16rpx;
+
+				width: 1290rpx;
+			}
+
+			.line_2 {
+				position: absolute;
+				top: 468rpx;
+				left: 20rpx;
+
+				width: 1286rpx;
+			}
+
+			.line_2 .item:nth-child(12) {
+				margin-right: 68rpx;
+			}
+		}
+	}
+
+	.img_box_880 {
+		.main {
+			.img {
+				image {
+					width: 910rpx;
+				}
+			}
+
+			.line_1 {
+				position: absolute;
+				top: 56rpx;
+				left: 64rpx;
+
+				width: 762rpx;
+
+				.item:nth-child(5) {
+					margin-right: 72rpx;
+				}
+			}
+
+			.line_2 {
+				position: absolute;
+				top: 558rpx;
+				left: 14rpx;
+
+				width: 890rpx;
+
+				.item:nth-child(1) {
+					margin-right: 20rpx;
+				}
+
+				.item:nth-child(2) {
+					margin-right: 58rpx;
+				}
+
+				.item:nth-child(3) {
+					margin-right: 10rpx;
+				}
+
+				.item:nth-child(5) {
+					margin-right: 50rpx;
+				}
+
+				.item:nth-child(10) {
+					margin-right: 10rpx;
+				}
+
+				.item:nth-child(11) {
+					margin-right: 58rpx;
+				}
+
+				.item:nth-child(12) {
+					margin-right: 16rpx;
+				}
+			}
+		}
+	}
+
+	.img_box_950 {
+		.main {
+			.img {
+				image {
+					width: 1680rpx;
+				}
+			}
+			.line_1 {
+				position: absolute;
+				top: 68rpx;
+				left: 108rpx;
+				.item{
+					margin-right: 82rpx;
+				}
+				.item:nth-child(5) {
+					margin-right: 82rpx;
+				}
+				.item:nth-child(9) {
+					margin-right: 84rpx;
+				}
+			}
+			.line_2 {
+				position: absolute;
+				top: 584rpx;
+				left: 134rpx;
+				.item{
+					margin-right: 18rpx;
+				}
+				.item:nth-child(1) {
+					margin-top: 30rpx;
+				}
+				.item:nth-child(13) {
+					margin-top: 30rpx;
+				}
+				.item:nth-child(14) {
+					margin-right: 214rpx;
+				}
+				.item:nth-child(15) {
+					margin-top: 30rpx;
+				}
+				.item:nth-child(24) {
+					margin-top: 30rpx;
+				}
+			}
+		}
+	}
+
+	.img_box_929 {
+		.main {
+			.img {
+				image {
+					width: 990rpx;
+				}
+			}
+			.line_1 {
+				position: absolute;
+				top: 100rpx;
+				left: 60rpx;
+				.item{
+					margin-right: 60rpx;
+				}
+				.item:nth-child(5) {
+					margin-right: 62rpx;
+				}
+			}
+			.line_2 {
+				position: absolute;
+				top: 638rpx;
+				left: 0rpx;
+				.item{
+					margin-right: 20rpx;
+				}
+				.item:nth-child(3) {
+					margin-right: 324rpx;
+				}
+				.item:nth-child(5) {
+					margin-right: 132rpx;
+				}
+				.item:nth-child(7) {
+					margin-right: 38rpx;
+				}
+			}
+		}
+	}
+
+	.img_box_22gy {
+		.main {
+			.img {
+				image {
+					width: 1200rpx;
+				}
+			}
+			.line_1 {
+				position: absolute;
+				top: 60rpx;
+				left: 74rpx;
+				.item{
+					margin-right: 32rpx;
+				}
+				.item:nth-child(1) {
+					margin-right: 62rpx;
+				}.item:nth-child(13) {
+					margin-right: 60rpx;
+				}
+			}
+			.line_2 {
+				position: absolute;
+				top: 536rpx;
+				left: 74rpx;
+				.item{
+					margin-right: 32rpx;
+				}
+				.item:nth-child(1) {
+					margin-right: 60rpx;
+				}.item:nth-child(15) {
+					margin-right: 60rpx;
+				}
+			}
+		}
+	}
+</style>

pages/production/zaoquan/vehicle_monitoring/driver_information/driver_information.vue

@@ -57,7 +57,7 @@
 					dataLabel: false,
 					legend: {
 						show: true,
-						position: "right",
+						position: "bottom",
 						lineHeight: 25
 					},
 
@@ -168,6 +168,9 @@
 
 			.text {}
 		}
+		.charts-box{
+			height: 700rpx;
+		}
 
 		.table {
 			margin: 20rpx 0;

pages/tabbar/index/index-安宁.vue

@@ -206,7 +206,7 @@
 		diffTime
 	} from '@/common/time.js'
 	// 版本控制
-	import upApp from "@/uni_modules/uni-upgrade-center-app/utils/check-update"
+	// import upApp from "@/uni_modules/uni-upgrade-center-app/utils/check-update"
 
 	export default {
 		data() {
@@ -290,7 +290,7 @@
 			// #endif
 
 			// 检查更新
-			upApp()
+			// upApp()
 
 			// #ifdef APP-PLUS
 			this.check_token()

pages/tabbar/index/index.vue

@@ -97,8 +97,7 @@
 	import {
 		goToLink
 	} from '@/common/common.js'
-	// 版本控制
-	import upApp from "@/uni_modules/uni-upgrade-center-app/utils/check-update"
+	
 
 	export default {
 		data() {
@@ -189,9 +188,6 @@
 			}
 			// #endif
 
-			// 检查更新
-			upApp()
-
 			// #ifdef APP-PLUS
 			this.check_token()
 			// #endif