qsy-zdh/pages/data/cj-system/kjsp.vue

<template>
	<view class="page-body">
		<page-header :name="'矿井视频智能调速'" :bg="'transparent'" :showLeft="true" @goBack="goBack()"></page-header>
		<view class="bg-wrap"></view>
		<view class="scroll-wrap">
			<view class="info-wrap">
				<view class="title">矿井视频参数</view>
				<view class="table-wrap">
					<simple-table :tableHead="tableHead" :list="tableList"></simple-table>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tableHead: ['参数', '数值'],
				tableList: [{
					name: '1#内部温度',
					params: ['0018.00']
				}, {
					name: '1#输出功率',
					params: ['0174.00']
				}, {
					name: '2#绕组A温度',
					params: ['0174.00']
				}, {
					name: '2部皮带PLC通讯状态',
					params: ['0082.00']
				}, {
					name: '3部AI相机实时煤量',
					params: ['0000.00']
				}, {
					name: '1#输出电压',
					params: ['9123.00']
				}, {
					name: '2#绕组B温度',
					params: ['0027.00']
				}, {
					name: '1#给定频率',
					params: ['1800.00']
				}, {
					name: '相机煤量降速阀值1',
					params: ['0000.00']
				}, {
					name: '1#输出电流',
					params: ['0111.00']
				}, {
					name: '2#绕组c温度',
					params: ['0027.00']
				}, {
					name: '相机煤量提速阈值1',
					params: ['0000.00']
				}, {
					name: '1#母线电压1',
					params: ['7740.00']
				}, {
					name: '1#输出频率',
					params: ['1800.00']
				}, {
					name: '2#给定频率',
					params: ['1802.00']
				}, {
					name: '相机煤量减速阈值2',
					params: ['0082.00']
				}, {
					name: '1#母线电压2',
					params: ['7749.00']
				}, {
					name: '1部皮带速度',
					params: ['0000.00']
				}, {
					name: '2#输入电压',
					params: ['10992.00']
				}, {
					name: '3部皮带速度',
					params: ['0000.00']
				}, {
					name: '1#绕组A温度',
					params: ['0026.00']
				}, {
					name: '2#内部温度',
					params: ['0019.00']
				}, {
					name: '2#输出功率',
					params: ['0182.00']
				}, {
					name: '2部皮带速度',
					params: ['0000.00']
				}, {
					name: '1#绕组B温度',
					params: ['0026.00']
				}, {
					name: '2#前轴温度',
					params: ['0028.00']
				}, {
					name: '2#输出电压',
					params: ['9051.00']
				}, {
					name: '相机煤量减速阈值2',
					params: ['0000.00']
				}, {
					name: '1#绕组c温度',
					params: ['0026.00']
				}, {
					name: '2#后轴温度',
					params: ['0026.00']
				}, {
					name: '2#输出电流',
					params: ['0117.00']
				}, {
					name: '2#输入电抗器温度',
					params: ['0021.00']
				}, {
					name: '1#输入电压',
					params: ['10961.00']
				}, {
					name: '2#母线电压1',
					params: ['7726.00']
				}, {
					name: '2#输出频率',
					params: ['1802.00']
				}, {
					name: '1#前轴温度',
					params: ['0000.00']
				}, {
					name: '1#输入电抗器温度',
					params: ['0020.00']
				}]
			}
		},
		onLoad(option) {
			this.getData()
		},
		methods: {
			goBack() { // 返回上一頁面
				uni.navigateBack()
			},
			async getData() {
				let res = await this.$http({
					url: `/qsy/dcs/transform/kjsp`,
					method: 'POST'
				})
				this.tableList = res.data.data.tableList
			}
		}
	}
</script>

<style scoped lang="scss">
	.page-body {
		position: relative;
		background-color: #f5f6f8;
		/deep/ .header-wrap {
			position: relative;
			z-index: 2;
		}

		.bg-wrap {
			position: absolute;
			z-index: 1;
			top: 0;
			width: 100vw;
			height: 670rpx;
			background: url(@/static/pg-bg-2.png);
			background-size: 100%;
		}

		.scroll-wrap {
			position: relative;
			z-index: 2;
			overflow-y: scroll;
			height: calc(100vh - 85rpx);
			padding: 60rpx 35rpx 45rpx;

			.status-wrap {
				display: flex;
				height: 167rpx;
				border-radius: 20rpx;
				margin-bottom: 60rpx;
				background: #C5EDFF;

				.item {
					flex: 1;
					justify-content: center;
					padding: 35rpx 97rpx 35rpx 97rpx;
					border-right: 1rpx dashed #fff;

					.name {
						font-size: 28rpx;
						font-weight: 700;
						text-align: center;
						margin-bottom: 25rpx;
					}

					.status {
						/deep/ .tip-wrap {
							font-size: 26rpx;

							.name {
								color: #8D8D8D;
							}

							.status-wrap {
								view:first-child {
									margin: 0 8rpx 0 30rpx;
								}
							}
						}
					}
				}

				.item:last-child {
					border: none;
				}
			}

			.info-wrap {
				.title {
					margin-bottom: 29rpx;
					font-weight: 700;
					font-size: 36rpx;
					color: #000000;
				}
				
				.table-wrap {
					overflow: hidden;
					border-radius: 20rpx;
					background-color: #fff;
					
					/deep/ .table-head {
						background-color: #F0F0F0;
					}
				}
			}
		}
	}
</style>