<!DOCTYPE html>
<html lang="zh-tw">

<head>
	<?php
	include_once "html_head.inc";
	?>
</head>
<body>
	<div id="q-app" :visible="IsVueReady==true" @mousemove="FnIdleReset">
		<?php
		include_once "html_layout_header.inc";
		?>
		<div class="container cal-container f-20">
			<!------------------------------------------------ 即時資訊 ------------------------------------------------>
			<div class="electricity-border">
				<div class="electricity-block">
					<div class="ele_system_frameone">
						<span class="material-icons">home</span>
						<span class="ele_system_frameone_title">全廠用電</span>
					</div>
					<div class="ele_system_frametwo">
						<span class="material-icons">dataset</span>
						<span class="ele_system_frametwo_title">裝置容量</span>
						<span class="ele_system_frametwo_value">{{SoftTagName.electricity1_01 ? SoftTagName.electricity1_01.value : 0}}</span>
						<span class="ele_system_frametwo_unit">kW</span>
						<span class="material-icons">signal_cellular_alt</span>
						<span class="ele_system_frametwo_title">平均移動</span>
						<span class="ele_system_frametwo_value">{{SoftTagName.electricity1_02 ? SoftTagName.electricity1_02.value : 0}}</span>
						<span class="ele_system_frametwo_unit">kW</span>
						<span class="material-icons">trending_up</span>
						<span class="ele_system_frametwo_title">即時功率</span>
						<span class="ele_system_frametwo_value">{{SoftTagName.electricity1_03 ? SoftTagName.electricity1_03.value : 0}}</span>
						<span class="ele_system_frametwo_unit">kW</span>
						<span class="material-icons">flash_on</span>
						<span class="ele_system_frametwo_title">今日用電</span>
						<span class="ele_system_frametwo_value">{{SoftTagName.electricity1_04 ? SoftTagName.electricity1_04.value : 0}}</span>
						<span class="ele_system_frametwo_unit">kW</span>
					</div>
				</div>
			</div>
			<div class="elec_DropDownMenu">
				<div class="elec_DropDownMenu_frame">
					<span class="material-icons elec_DropDownMenu_icon">electric_bolt</span>
					<span class="q-mx-sm">電錶</span>
					<q-select v-model="meterSelected" hide-underline :options="meterOptions" align="center"></q-select>
				</div>
			</div>
			<div class="EnergyMeter_border">
				<div class="EnergyMeter_block1">
					<div class="EnergyMeter_block_Wrapper">
						<div class="EnergyMeter_frame">
							<div class="electric-card">
								<div class="electric-title">
									<span class="material-icons meter-icon">flash_on</span>
								</div>
								<div class="electric-title">
									<span>RS線電壓</span>
								</div>
								<div class="electric-FrameValue">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_01'] ? SoftTagName[meterSelected+'_01'].value : 0}}</span>
									<span class="electric-unit">V</span>
								</div>
								<div class="electric-title">
									<span>ST線電壓</span>
								</div>
								<div class="electric-FrameValue">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_02'] ? SoftTagName[meterSelected+'_02'].value : 0}}</span>
									<span class="electric-unit">V</span>
								</div>
								<div class="electric-title">
									<span>TR線電壓</span>
								</div>
								<div class="electric-FrameValue">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_03'] ? SoftTagName[meterSelected+'_03'].value : 0}}</span>
									<span class="electric-unit">V</span>
								</div>
							</div>
						</div>
						<div class="EnergyMeter_frame">
							<div class="electric-card">
								<div class="electric-title">
									<span class="material-icons meter-icon">flash_on</span>
								</div>
								<div class="electric-title">
									<span>R相電壓</span>
								</div>
								<div class="electric-FrameValue">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_04'] ? SoftTagName[meterSelected+'_04'].value : 0}}</span>
									<span class="electric-unit">V</span>
								</div>
								<div class="electric-title">
									<span>S相電壓</span>
								</div>
								<div class="electric-FrameValue">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_05'] ? SoftTagName[meterSelected+'_05'].value : 0}}</span>
									<span class="electric-unit">V</span>
								</div>
								<div class="electric-title">
									<span>T相電壓</span>
								</div>
								<div style="display: flex; text-align:right;">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_06'] ? SoftTagName[meterSelected+'_06'].value : 0}}</span>
									<span class="electric-unit">V</span>
								</div>
							</div>
						</div>
						<div class="EnergyMeter_frame">
							<div class="electric-card">
								<div class="electric-title">
									<span class="material-icons meter-icon">flash_on</span>
								</div>
								<div class="electric-title">
									<span>R相電流</span>
								</div>
								<div class="electric-FrameValue">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_07'] ? SoftTagName[meterSelected+'_07'].value : 0}}</span>
									<span class="electric-unit">V</span>
								</div>
								<div class="electric-title">
									<span>S相電流</span>
								</div>
								<div class="electric-FrameValue">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_08'] ? SoftTagName[meterSelected+'_08'].value : 0}}</span>
									<span class="electric-unit">V</span>
								</div>
								<div class="electric-title">
									<span>T相電流</span>
								</div>
								<div style="display: flex; text-align:right;">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_09'] ? SoftTagName[meterSelected+'_09'].value : 0}}</span>
									<span class="electric-unit">V</span>
								</div>
							</div>
						</div>
						<div class="EnergyMeter_frame">
							<div class="electric-card">
								<div class="electric-title">
									<span class="material-icons meter-icon">flash_on</span>
								</div>
								<div class="electric-title">
									<span>R相有效功率</span>
								</div>
								<div class="electric-FrameValue">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_10'] ? SoftTagName[meterSelected+'_10'].value : 0}}</span>
									<span class="electric-unit">kW</span>
								</div>
								<div class="electric-title">
									<span>S相有效功率</span>
								</div>
								<div class="electric-FrameValue">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_11'] ? SoftTagName[meterSelected+'_11'].value : 0}}</span>
									<span class="electric-unit">kW</span>
								</div>
								<div class="electric-title">
									<span>T相有效功率</span>
								</div>
								<div style="display: flex; text-align:right;">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_12'] ? SoftTagName[meterSelected+'_12'].value : 0}}</span>
									<span class="electric-unit">kW</span>
								</div>
							</div>
						</div>
					</div>
					<div class="progress_border">
						<div class="progress-css">
						</div>
					</div>
					<div style="display:flex;">
						<div class="EnergyMeter_frame">
							<div class="electric-card">
								<div class="electric-title">
									<span class="material-icons meter-icon">flash_on</span>
								</div>
								<div class="electric-title">
									<span>R相無效功率</span>
								</div>
								<div class="electric-FrameValue">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_13'] ? SoftTagName[meterSelected+'_13'].value : 0}}</span>
									<span class="electric-unit">kvar</span>
								</div>
								<div class="electric-title">
									<span>S相無效功率</span>
								</div>
								<div class="electric-FrameValue">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_14'] ? SoftTagName[meterSelected+'_14'].value : 0}}</span>
									<span class="electric-unit">kvar</span>
								</div>
								<div class="electric-title">
									<span>T相無效功率</span>
								</div>
								<div class="electric-FrameValue">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_15'] ? SoftTagName[meterSelected+'_15'].value : 0}}</span>
									<span class="electric-unit">kvar</span>
								</div>
								<div class="electric-title">
									<span>總無效功率</span>
								</div>
								<div style="display: flex; text-align:right;">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_16'] ? SoftTagName[meterSelected+'_16'].value : 0}}</span>
									<span class="electric-unit">kvar</span>
								</div>
							</div>
						</div>
						<div class="EnergyMeter_frame">
							<div class="electric-card">
								<div class="electric-title">
									<span class="material-icons meter-icon">flash_on</span>
								</div>
								<div class="electric-title">
									<span>R相視在功率</span>
								</div>
								<div class="electric-FrameValue">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_17'] ? SoftTagName[meterSelected+'_17'].value : 0}}</span>
									<span class="electric-unit">kVA</span>
								</div>
								<div class="electric-title">
									<span>S相視在功率</span>
								</div>
								<div class="electric-FrameValue">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_18'] ? SoftTagName[meterSelected+'_18'].value : 0}}</span>
									<span class="electric-unit">kVA</span>
								</div>
								<div class="electric-title">
									<span>T相視在功率</span>
								</div>
								<div class="electric-FrameValue">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_19'] ? SoftTagName[meterSelected+'_19'].value : 0}}</span>
									<span class="electric-unit">kVA</span>
								</div>
								<div class="electric-title">
									<span>總視在功率</span>
								</div>
								<div style="display: flex; text-align:right;">
									<span class="electric-Value">{{SoftTagName[meterSelected+'_20'] ? SoftTagName[meterSelected+'_20'].value : 0}}</span>
									<span class="electric-unit">kVA</span>
								</div>
							</div>
						</div>
						<div class="EnergyMeter_frame">
							<div class="electric-card">
								<div class="electric-title">
									<span class="material-icons meter-icon">flash_on</span>
								</div>
								<div class="electric-title">
									<span>無效電能</span>
								</div>
								<div class="electric-FrameValue">
									<span class="electric-MoreValue">{{SoftTagName[meterSelected+'_21'] ? SoftTagName[meterSelected+'_21'].value : 0}}</span>
									<span class="electric-Moreunit">kvrarh</span>
								</div>
								<div class="electric-title">
									<span>視在電能</span>
								</div>
								<div style="display: flex; text-align:right;">
									<span class="electric-MoreValue">{{SoftTagName[meterSelected+'_22'] ? SoftTagName[meterSelected+'_22'].value : 0}}</span>
									<span class="electric-Moreunit">khAh</span>
								</div>
							</div>
							<!-- <div class="electric-card">
								<div style="margin: 0 0 5px 0;">
									<span class="material-icons meter-icon">flash_on</span>
								</div>
								<div style="padding: 5px 0">
									<span>無效電能</span>
								</div>
								<div style="display: flex; text-align:center;">
									<div style="width: 60%; color: #3D6ED7;">
										<span>{{SoftTagName[meterSelected+'_21'] ? SoftTagName[meterSelected+'_21'].value : 0}}</span>
									</div>
									<div style="width:40%">
										<span>kvrarh</span>
									</div>
								</div>
								<div style="padding: 5px 0">
									<span>視在電能</span>
								</div>
								<div style="display: flex; text-align:center;">
									<div style="width: 60%; color: #3D6ED7;">
										<span>{{SoftTagName[meterSelected+'_22'] ? SoftTagName[meterSelected+'_22'].value : 0}}</span>
									</div>
									<div style="width:40%">
										<span>khAh</span>
									</div>
								</div>
							</div> -->
						</div>
						<div style="width:200px; padding:0 6px;">


						</div>
					</div>
				</div>
				<div class="EnergyMeter_block2">
					<div class="right-area">
						<div class="right-area-Wrapper">
							<div class="right-area-card">
								<div class="BlueBlock">
									<span style="user-select:none;">&nbsp;</span>
								</div>
								<div class="LeftBlock">
									<span>平均線電壓</span>
								</div>
								<div class="RightBlock">
									<div class="right-area-Value">
										<span>{{SoftTagName[meterSelected+'_23'] ? SoftTagName[meterSelected+'_23'].value : 0}}</span>
									</div>
									<div class="right-area-unit">
										<span>V</span>
									</div>
								</div>
							</div>
							<div class="right-area-card">
								<div class="BlueBlock">
									<span style="user-select:none;">&nbsp;</span>
								</div>
								<div class="LeftBlock">
									<span>平均相電壓</span>
								</div>
								<div class="RightBlock">
									<div class="right-area-Value">
										<span>{{SoftTagName[meterSelected+'_24'] ? SoftTagName[meterSelected+'_24'].value : 0}}</span>
									</div>
									<div class="right-area-unit">
										<span>V</span>
									</div>
								</div>
							</div>
							<div class="right-area-card">
								<div class="BlueBlock">
									<span style="user-select:none;">&nbsp;</span>
								</div>
								<div class="LeftBlock">
									<span>平均電流</span>
								</div>
								<div class="RightBlock">
									<div class="right-area-Value">
										<span>{{SoftTagName[meterSelected+'_25'] ? SoftTagName[meterSelected+'_25'].value : 0}}</span>
									</div>
									<div class="right-area-unit">
										<span>A</span>
									</div>
								</div>
							</div>
							<div class="right-area-card">
								<div class="BlueBlock">
									<span style="user-select:none;">&nbsp;</span>
								</div>
								<div class="LeftBlock">
									<span>總有效功率</span>
								</div>
								<div class="RightBlock">
									<div class="right-area-Value">
										<span>{{SoftTagName[meterSelected+'_26'] ? SoftTagName[meterSelected+'_26'].value : 0}}</span>
									</div>
									<div class="right-area-unit">
										<span>kW</span>
									</div>
								</div>
							</div>
							<div class="right-area-card">
								<div class="BlueBlock">
									<span style="user-select:none;">&nbsp;</span>
								</div>
								<div class="LeftBlock">
									<span>功率因素</span>
								</div>
								<div class="RightBlock">
									<div class="right-area-Value">
										<span>{{SoftTagName[meterSelected+'_27'] ? SoftTagName[meterSelected+'_27'].value : 0}}</span>
									</div>
									<div class="right-area-unit">
										<span>V</span>
									</div>
								</div>
							</div>
							<div class="right-area-card">
								<div class="BlueBlock">
									<span style="user-select:none;">&nbsp;</span>
								</div>
								<div class="LeftBlock">
									<span>頻率</span>
								</div>
								<div class="RightBlock">
									<div class="right-area-Value">
										<span>{{SoftTagName[meterSelected+'_28'] ? SoftTagName[meterSelected+'_28'].value : 0}}</span>
									</div>
									<div class="right-area-unit">
										<span>Hz</span>
									</div>
								</div>
							</div>
							<div class="right-area-card">
								<div class="BlueBlock">
									<span style="user-select:none;">&nbsp;</span>
								</div>
								<div class="LeftBlock">
									<span>有效電能</span>
								</div>
								<div class="RightBlock">
									<div class="right-area-Value">
										<span>{{SoftTagName[meterSelected+'_29'] ? SoftTagName[meterSelected+'_29'].value : 0}}</span>
									</div>
									<div class="right-area-unit">
										<span>kWh</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<?php
		include_once "html_layout_footer.inc";
		?>
	</div>
	<?php
	include_once "html_loading.inc";
	?>
</body><?php
		include_once "html_down.inc";
		?>

</html>