20230201_145_upperpc/InSituLaboratory/Views/Pages/DashboardView.xaml

<UserControl x:Class="InSituLaboratory.Views.Pages.DashboardView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:InSituLaboratory.Views.Pages"
             mc:Ignorable="d"  
             d:DesignHeight="450" d:DesignWidth="800">
    <ScrollViewer>
        <Grid Margin="10,20">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="auto"/>
            </Grid.RowDefinitions>

            <Grid Grid.Row="0">
                <Border CornerRadius="5" Background="#FAFCFF" Margin="10">
                    <Border.Effect>
                        <DropShadowEffect BlurRadius="10" ShadowDepth="0" Direction="0" Color="#555" Opacity="0.1"/>
                    </Border.Effect>
                </Border>
                <Grid Background="#FAFCFF" Margin="20">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="25"/>
                        <RowDefinition />
                        <RowDefinition />
                    </Grid.RowDefinitions>
                    <!--列头-->
                    <Border Background="#EFEFEF" Height="1" VerticalAlignment="Bottom"/>
                    <StackPanel  VerticalAlignment="Center" HorizontalAlignment="Left"  Margin="15,0" Orientation="Horizontal">
                        <TextBlock Text="系统状态：" FontSize="14" VerticalAlignment="Center" HorizontalAlignment="Left"  Margin="15,0" FontWeight="Normal" Foreground="#888"/>
                        <TextBlock Text="采样时间：2024-03-27 21:26:36" FontSize="14" VerticalAlignment="Center" HorizontalAlignment="Left"  Margin="15,0" FontWeight="Normal" Foreground="#888"/>
                        <TextBlock Text="48V电压：47.96V   " FontWeight="Normal" Foreground="#888" VerticalAlignment="Center"/>
                        <TextBlock Text="48V电流：1.26A" FontWeight="Normal" Foreground="#888" VerticalAlignment="Center"/>
                    </StackPanel>
                    
                    <Grid Grid.Row="1" >
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition />
                            <ColumnDefinition />
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <Grid Grid.Column="0" Height="60" >
                            <StackPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Left">
                                <TextBlock Text="基站48V漏电流状态：正常" FontWeight="Normal" Foreground="#888" VerticalAlignment="Center"/>
                                <TextBlock Text="电池48V漏电流状态：正常" FontWeight="Normal" Foreground="#888" VerticalAlignment="Center"/>
                                <TextBlock Text="ICL漏电流状态        ：正常" FontWeight="Normal" Foreground="#888" VerticalAlignment="Center"/>
                            </StackPanel>
                        </Grid>
                        <Grid Grid.Column="1" >
                            <StackPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Left">
                                <TextBlock Text="工控机漏电流状态：正常" FontWeight="Normal" Foreground="#888" VerticalAlignment="Center"/>
                                <TextBlock Text="温度1状态：            正常" FontWeight="Normal" Foreground="#888" VerticalAlignment="Center"/>
                                <TextBlock Text="温度2状态：            正常" FontWeight="Normal" Foreground="#888" VerticalAlignment="Center"/>
                            </StackPanel>
                        </Grid>
                        <Grid Grid.Column="2" >
                            <StackPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Left">
                                <TextBlock Text="湿度1状态：正常" FontWeight="Normal" Foreground="#888" VerticalAlignment="Center"/>
                                <TextBlock Text="湿度2状态：正常" FontWeight="Normal" Foreground="#888" VerticalAlignment="Center"/>
                                <TextBlock Text="漏水1状态：正常" FontWeight="Normal" Foreground="#888" VerticalAlignment="Center"/>
                            </StackPanel>
                        </Grid>

                        <Grid Grid.Column="3" >
                            <StackPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Left">
                                <TextBlock Text="漏水2状态       ：正常" FontWeight="Normal" Foreground="#888" VerticalAlignment="Center"/>
                                <TextBlock Text="内部压力1状态：正常" FontWeight="Normal" Foreground="#888" VerticalAlignment="Center"/>
                                <TextBlock Text="内部压力2状态：正常" FontWeight="Normal" Foreground="#888" VerticalAlignment="Center"/>
                            </StackPanel>
                        </Grid>
                    </Grid>

                    <Grid Grid.Row="2" >
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>

                        <Grid Grid.Column="0" >
                            <TextBlock Text="时序下配状态:最新更新状态：时序1：保持" FontWeight="Normal" />
                        </Grid>

                        <Grid Grid.Column="1" >
                            <TextBlock Text="当前工作设备：MEMS色谱仪：工作" FontWeight="Normal" />
                        </Grid>

                        <Grid Grid.Column="2" >
                            <TextBlock Text="当前故障设备：MEMS质谱仪：故障" FontWeight="Normal" />
                        </Grid>
                    </Grid>
                </Grid>
            </Grid>

            <Grid Grid.Row="1">
                <!--第一列-->
                <Border CornerRadius="5" Background="#FAFCFF" Margin="10">
                    <Border.Effect>
                        <DropShadowEffect BlurRadius="10" ShadowDepth="0" Direction="0" Color="#555" Opacity="0.1"/>
                    </Border.Effect>
                </Border>
                <Grid Background="#FAFCFF" Margin="20">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="45"/>
                        <RowDefinition/>
                    </Grid.RowDefinitions>
                    <!--列头-->
                    <Border Background="#EFEFEF" Height="1" VerticalAlignment="Bottom"/>
                    <TextBlock Text="MEMS色谱仪" FontSize="14" VerticalAlignment="Center" HorizontalAlignment="Left"  Margin="15,0" FontWeight="Normal" />
                    <ListBox Grid.Row="1" Background="Transparent" BorderThickness="0" ItemsSource="{Binding RecordList}">
                        <ListBox.ItemContainerStyle>
                            <Style TargetType="ListBoxItem">
                                <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="ListBoxItem">
                                            <Border Background="Transparent" Name="border">
                                                <ContentPresenter/>
                                            </Border>
                                            <ControlTemplate.Triggers>
                                                <Trigger Property="IsMouseOver" Value="True">
                                                    <Setter TargetName="border" Property="Background"
                                        Value="#F0F6FB"/>
                                                </Trigger>
                                            </ControlTemplate.Triggers>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </ListBox.ItemContainerStyle>
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Border BorderBrush="#EFEFEF" BorderThickness="0,0,0,1">
                                    <Grid Margin="10,15">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="auto"/>
                                            <ColumnDefinition/>
                                            <ColumnDefinition/>
                                            <ColumnDefinition/>
                                            <ColumnDefinition/>
                                        </Grid.ColumnDefinitions>
                                        <TextBlock Text="{Binding Number}" Foreground="#444" FontWeight="Normal"/>
                                        <TextBlock Text="{Binding RecordInfo}" Foreground="#AAA" Margin="0,10" FontSize="10"/>
                                    </Grid>
                                </Border>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                </Grid>

            </Grid>
            
        </Grid>
    </ScrollViewer>
</UserControl>