qsy-zdh/pages/data/electron/line-picture/line-picture.vue

<template>
	<view class="page-body">
		<page-header :name="pageName" :bg="'#1560e0'" :showLeft="true" @goBack="goBack()"></page-header>
		<view class="scroll-wrap">
			<!-- <view class="basic-info-wrap">
				<electron-chart></electron-chart>
				<view class="radius-wrap"></view>
			</view> -->
			<view class="detail-info-wrap">
				<page-card v-for="(item,index) in list"  style="margin-bottom: 30rpx;" :notShow="true" :name="item.name">
					<template v-slot:content>
						<simple-table class="card-table" :tableHead="tableHead" :list="item.params"></simple-table>
					</template>
				</page-card>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tableHead: ['名称', '参数'], // 表头名称
				pageName: '',
				list: [{
					name: 'I路进线',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: 'III路进线',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: '+786m车场南翼移变',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: '变电所1#移变',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: '07机巷中部移变',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: '06机巷配电点',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: '2#移动变电站',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: '6#主排水泵',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: '5#主排水泵',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: '备用',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: '联络',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: '4#移动变电站',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: '3#主排水泵',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: '2#主排水泵',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: '1#主排水泵',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: '备用',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: '备用',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: '备用',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: '3#移变风机专变',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: 'II路进线',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				},{
					name: 'IV路进线',
					params: [{
						name: '母线AB相电压Uab',
						params: ['0.00']
					},{
						name: '母线BC相电压Ubc',
						params: ['0.00']
					},{
						name: 'A相电流Ia',
						params: ['0.00']
					},{
						name: 'C相电流Ic',
						params: ['0.00']
					},{
						name: '有功功率P',
						params: ['0.00']
					},{
						name: '无功功率Q',
						params: ['0.00']
					},{
						name: '功率因素',
						params: ['0.00']
					}]
				}]
			}
		},
		onLoad(option) {
			this.pageName = JSON.parse(option.data).name
		},
		methods: {
			goBack() { // 返回上一頁面
				uni.navigateBack()
			}
		}
	}
</script>

<style scoped lang="scss">
	.page-body {
		.scroll-wrap {
			height: calc(100vh - 85rpx);
			overflow: scroll;

			.basic-info-wrap {
				position: relative;
				height: 1195rpx;
				padding: 50rpx 0 0 49rpx;
				background: url(../../../../static/page_bg.png);
				background-size: 175%;

				.radius-wrap {
					position: absolute;
					left: 0;
					bottom: 0;
					width: 100vw;
					height: 30rpx;
					background-color: #fff;
					border-radius: 35rpx 35rpx 0 0;
				}
			}

			.detail-info-wrap {
				padding: 40rpx 35rpx;

				.card-table {
					/deep/ .table-head {
						.th {
							color: #1966E2;
						}
					}
				}
				
				/deep/ .card-wrap:last-child {
					margin-bottom: 0 !important;
				}
			}
		}
	}
</style>