add:增加文档和上位机
This commit is contained in:
170
上位机/YKC/Pages/RealtimePage.xaml
Normal file
170
上位机/YKC/Pages/RealtimePage.xaml
Normal file
@@ -0,0 +1,170 @@
|
||||
<Page x:Class="YKC.RealtimePage"
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:oxy="http://oxyplot.org/wpf"
|
||||
Title="实时监控" Background="#F0F2F5">
|
||||
|
||||
<ScrollViewer VerticalScrollBarVisibility="Auto">
|
||||
<StackPanel Margin="20">
|
||||
<!-- 标题 + 选择器 -->
|
||||
<Grid Margin="0,0,0,12">
|
||||
<StackPanel Orientation="Horizontal" VerticalAlignment="Center">
|
||||
<TextBlock Text="实时监控" FontSize="16" FontWeight="SemiBold"
|
||||
Foreground="#1E293B"/>
|
||||
</StackPanel>
|
||||
<StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
|
||||
<TextBlock Text="桩" Foreground="#64748B" FontSize="13"
|
||||
VerticalAlignment="Center" Margin="0,0,6,0"/>
|
||||
<ComboBox x:Name="cmbPile" Style="{StaticResource StyledCombo}" Width="80"
|
||||
SelectedIndex="0" SelectionChanged="PileGun_Changed">
|
||||
<ComboBoxItem>桩 01</ComboBoxItem><ComboBoxItem>桩 02</ComboBoxItem>
|
||||
<ComboBoxItem>桩 03</ComboBoxItem><ComboBoxItem>桩 04</ComboBoxItem>
|
||||
<ComboBoxItem>桩 05</ComboBoxItem><ComboBoxItem>桩 06</ComboBoxItem>
|
||||
</ComboBox>
|
||||
<TextBlock Text="枪" Foreground="#64748B" FontSize="13"
|
||||
VerticalAlignment="Center" Margin="12,0,6,0"/>
|
||||
<ComboBox x:Name="cmbGun" Style="{StaticResource StyledCombo}" Width="70"
|
||||
SelectedIndex="0" SelectionChanged="PileGun_Changed">
|
||||
<ComboBoxItem>枪 1</ComboBoxItem><ComboBoxItem>枪 2</ComboBoxItem>
|
||||
</ComboBox>
|
||||
</StackPanel>
|
||||
</Grid>
|
||||
|
||||
<!-- 数值卡片行1 -->
|
||||
<WrapPanel Margin="0,0,0,6">
|
||||
<Border Background="White" CornerRadius="6" Width="170"
|
||||
Padding="14,12" Margin="0,0,8,8">
|
||||
<StackPanel>
|
||||
<TextBlock Text="电流 (A)" Style="{StaticResource InfoLabel}"/>
|
||||
<TextBlock x:Name="txtCurrent" Text="--" FontSize="22"
|
||||
FontWeight="SemiBold" Foreground="#10B981"/>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
<Border Background="White" CornerRadius="6" Width="170"
|
||||
Padding="14,12" Margin="0,0,8,8">
|
||||
<StackPanel>
|
||||
<TextBlock Text="电压 (V)" Style="{StaticResource InfoLabel}"/>
|
||||
<TextBlock x:Name="txtVoltage" Text="--" FontSize="22"
|
||||
FontWeight="SemiBold" Foreground="#1E293B"/>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
<Border Background="White" CornerRadius="6" Width="170"
|
||||
Padding="14,12" Margin="0,0,8,8">
|
||||
<StackPanel>
|
||||
<TextBlock Text="功率 (kW)" Style="{StaticResource InfoLabel}"/>
|
||||
<TextBlock x:Name="txtPower" Text="--" FontSize="22"
|
||||
FontWeight="SemiBold" Foreground="#1E293B"/>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
<Border Background="White" CornerRadius="6" Width="170"
|
||||
Padding="14,12" Margin="0,0,8,8">
|
||||
<StackPanel>
|
||||
<TextBlock Text="度数 (kWh)" Style="{StaticResource InfoLabel}"/>
|
||||
<TextBlock x:Name="txtEnergy" Text="--" FontSize="22"
|
||||
FontWeight="SemiBold" Foreground="#1E293B"/>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
<Border Background="White" CornerRadius="6" Width="170"
|
||||
Padding="14,12" Margin="0,0,8,8">
|
||||
<StackPanel>
|
||||
<TextBlock Text="总金额 (元)" Style="{StaticResource InfoLabel}"/>
|
||||
<TextBlock x:Name="txtTotalAmount" Text="--" FontSize="22"
|
||||
FontWeight="SemiBold" Foreground="#FF5722"/>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
<Border Background="White" CornerRadius="6" Width="150"
|
||||
Padding="14,12" Margin="0,0,8,8">
|
||||
<StackPanel>
|
||||
<TextBlock Text="状态" Style="{StaticResource InfoLabel}"/>
|
||||
<TextBlock x:Name="txtStatus" Text="--" FontSize="22"
|
||||
FontWeight="SemiBold" Foreground="#3B82F6"/>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
</WrapPanel>
|
||||
|
||||
<!-- 订单信息行 -->
|
||||
<WrapPanel Margin="0,0,0,10">
|
||||
<Border Background="White" CornerRadius="6" Width="280"
|
||||
Padding="14,12" Margin="0,0,8,8">
|
||||
<StackPanel>
|
||||
<TextBlock Text="订单编号" Style="{StaticResource InfoLabel}"/>
|
||||
<TextBlock x:Name="txtOrderNo" Text="--" FontSize="13"
|
||||
FontWeight="SemiBold" Foreground="#1E293B"
|
||||
FontFamily="Consolas" TextWrapping="Wrap"/>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
<Border Background="White" CornerRadius="6" Width="140"
|
||||
Padding="14,12" Margin="0,0,8,8">
|
||||
<StackPanel>
|
||||
<TextBlock Text="目标 SOC" Style="{StaticResource InfoLabel}"/>
|
||||
<TextBlock x:Name="txtSoc" Text="--" FontSize="22"
|
||||
FontWeight="SemiBold" Foreground="#1E293B"/>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
<Border Background="White" CornerRadius="6" Width="180"
|
||||
Padding="14,12" Margin="0,0,8,8">
|
||||
<StackPanel>
|
||||
<TextBlock Text="累计充电时间" Style="{StaticResource InfoLabel}"/>
|
||||
<TextBlock x:Name="txtCumTime" Text="--" FontSize="18"
|
||||
FontWeight="SemiBold" Foreground="#1E293B"
|
||||
FontFamily="Consolas"/>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
<Border Background="White" CornerRadius="6" Width="180"
|
||||
Padding="14,12" Margin="0,0,8,8">
|
||||
<StackPanel>
|
||||
<TextBlock Text="剩余时间" Style="{StaticResource InfoLabel}"/>
|
||||
<TextBlock x:Name="txtRemTime" Text="--" FontSize="18"
|
||||
FontWeight="SemiBold" Foreground="#1E293B"
|
||||
FontFamily="Consolas"/>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
</WrapPanel>
|
||||
|
||||
<!-- 图表 2x2 -->
|
||||
<Grid Height="580">
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="290"/>
|
||||
<RowDefinition Height="290"/>
|
||||
</Grid.RowDefinitions>
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="*"/>
|
||||
<ColumnDefinition Width="*"/>
|
||||
</Grid.ColumnDefinitions>
|
||||
|
||||
<Border Grid.Row="0" Grid.Column="0" Background="White" CornerRadius="6"
|
||||
Margin="0,0,7,7">
|
||||
<Grid>
|
||||
<TextBlock Text="电流曲线 (A)" Foreground="#94A3B8" FontSize="12"
|
||||
Margin="14,10,0,0" VerticalAlignment="Top"/>
|
||||
<oxy:PlotView x:Name="plotCurrent" Margin="8,32,8,8"/>
|
||||
</Grid>
|
||||
</Border>
|
||||
<Border Grid.Row="0" Grid.Column="1" Background="White" CornerRadius="6"
|
||||
Margin="7,0,0,7">
|
||||
<Grid>
|
||||
<TextBlock Text="电压曲线 (V)" Foreground="#94A3B8" FontSize="12"
|
||||
Margin="14,10,0,0" VerticalAlignment="Top"/>
|
||||
<oxy:PlotView x:Name="plotVoltage" Margin="8,32,8,8"/>
|
||||
</Grid>
|
||||
</Border>
|
||||
<Border Grid.Row="1" Grid.Column="0" Background="White" CornerRadius="6"
|
||||
Margin="0,7,7,0">
|
||||
<Grid>
|
||||
<TextBlock Text="功率曲线 (kW)" Foreground="#94A3B8" FontSize="12"
|
||||
Margin="14,10,0,0" VerticalAlignment="Top"/>
|
||||
<oxy:PlotView x:Name="plotPower" Margin="8,32,8,8"/>
|
||||
</Grid>
|
||||
</Border>
|
||||
<Border Grid.Row="1" Grid.Column="1" Background="White" CornerRadius="6"
|
||||
Margin="7,7,0,0">
|
||||
<Grid>
|
||||
<TextBlock Text="费用明细 (元)" Foreground="#94A3B8" FontSize="12"
|
||||
Margin="14,10,0,0" VerticalAlignment="Top"/>
|
||||
<oxy:PlotView x:Name="plotAmount" Margin="8,32,8,8"/>
|
||||
</Grid>
|
||||
</Border>
|
||||
</Grid>
|
||||
</StackPanel>
|
||||
</ScrollViewer>
|
||||
</Page>
|
||||
Reference in New Issue
Block a user