20211124_ZNZT_upperpc/MonitoringTechnology/Views/FirstPageView.xaml

<UserControl x:Class="MonitoringTechnology.Views.FirstPageView"
             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:MonitoringTechnology.Views"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.Resources>
        <Style TargetType="GroupBox">
            <Setter Property="Margin" Value="10,5"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="GroupBox">
                        <Grid>
                            <!--左上角-->
                            <Polyline Points="0 30, 0 10, 10 0, 30 0" Stroke="#9918AABD" StrokeThickness="1" VerticalAlignment="Top" HorizontalAlignment="Left"/>
                            <!--左上角点-->
                            <Ellipse Width="4" Height="4" VerticalAlignment="Top" HorizontalAlignment="Left" Fill="#9918AABD" Margin="24,-2,0,0"/>
                            <Ellipse Width="4" Height="4" VerticalAlignment="Top" HorizontalAlignment="Left" Fill="#9918AABD" Margin="-2,24,0,0"/>
                            <!--右上角-->
                            <Path Data="M0 0, 3 3, 30 3, 33 0, 68 0, 73 7,78 7, 78 10M8 0, 25 0" Stroke="#5518AABD" VerticalAlignment="Top" HorizontalAlignment="Right"/>
                            <!--左下角-->
                            <Polyline Points="0,0 0,15 10,15" Stroke="#5518AABD" VerticalAlignment="Bottom" HorizontalAlignment="Left"/>
                            <!--右下角-->
                            <Polyline Points="10,0 0,10" Stroke="#5518AABD" VerticalAlignment="Bottom" HorizontalAlignment="Right"/>
                            <!--右下角图标-->
                            <Polygon Points="0,7 7 7 7 0"  Fill="#9918AABD" VerticalAlignment="Bottom" HorizontalAlignment="Right"/>

                            <Border BorderBrush="#5518AABD" BorderThickness="0,1,0,0" VerticalAlignment="Top" Margin="30,-0.5,78,0"/>
                            <Border BorderBrush="#5518AABD" BorderThickness="0,0,1,0" HorizontalAlignment="Right" Margin="0,10"/>
                            <Border BorderBrush="#5518AABD" BorderThickness="0,1,0,0" VerticalAlignment="Bottom" Margin="10,0"/>
                            <Border BorderBrush="#5518AABD" BorderThickness="0,0,1,0" HorizontalAlignment="Left" Margin="-0.5,15"/>

                            <!--箭头-->
                            <Path Data="M0 0,3 0,5 4,3 8,0 8,3 4" Fill="#9918AABD" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="10,13" />
                            <Path Data="M0 0,3 0,5 4,3 8,0 8,3 4" Fill="#5518AABD" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="16,13" />
                            <!--字体-->
                            <TextBlock Text="{TemplateBinding Header}" Foreground="#18AABD" VerticalAlignment="Top" HorizontalAlignment="Left"  Margin="25,8"/>

                            <!--占位对象-->
                            <ContentPresenter/>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        
        <Style x:Key="HorizontalAlignedData"  BasedOn="{StaticResource {x:Type TextBlock}}"  TargetType="{x:Type TextBlock}">
            <Setter Property="HorizontalAlignment" Value="Left" />
            <Setter Property="VerticalAlignment" Value="Center" />
        </Style>
        
        <!--表体样式-->
        <Style x:Key="DataGridStyle" TargetType="{x:Type DataGrid}">
            <Setter Property="IsReadOnly" Value="True"/>
            <Setter Property="AutoGenerateColumns" Value="False"/>
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="BorderThickness" Value="0" />
            <Setter Property="GridLinesVisibility" Value="None" />
            <Setter Property="HeadersVisibility" Value="Column" />
            <Setter Property="Foreground" Value="#AFEEEE" />
        </Style>
        
        <!--表头样式-->
        <Style x:Key="ColumnHeaderStyle" TargetType="DataGridColumnHeader">
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="Foreground" Value="#AFEEEE"/>
        </Style>

    </UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="400"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <GroupBox Header="电气及环境数据" FontSize="15" Grid.Row="0" Margin="10,5,15,5">
            <DataGrid  ItemsSource="{Binding ElectricalEnvironmentalList}" Margin="20,35,15,5" ScrollViewer.VerticalScrollBarVisibility="Hidden"  Style="{StaticResource  DataGridStyle}">
                <DataGrid.Columns >
                    <DataGridTextColumn Header="序号" Width="100" Binding="{Binding F_SerialNo}" HeaderStyle="{StaticResource ColumnHeaderStyle}"/>
                    <DataGridTextColumn Header="记录日期" Width="*" Binding="{Binding F_CreateDate,StringFormat=yyyy/MM/dd HH:mm:ss}" HeaderStyle="{StaticResource ColumnHeaderStyle}" />
                    <DataGridTextColumn Header="数据上传日期" Width="*" Binding="{Binding F_DatetimeSensor,StringFormat=yyyy/MM/dd HH:mm:ss}" HeaderStyle="{StaticResource ColumnHeaderStyle}"/>
                    <DataGridTextColumn Header="温度" Width="*" Binding="{Binding F_Tem,StringFormat={}{0:F2}℃}"  HeaderStyle="{StaticResource ColumnHeaderStyle}"/>
                    <DataGridTextColumn Header="湿度" Width="*" Binding="{Binding F_Hum,StringFormat={}{0:F2}%}"  HeaderStyle="{StaticResource ColumnHeaderStyle}"/>
                    <DataGridTextColumn Header="气压" Width="120" Binding="{Binding F_Hum,StringFormat={}{0:F2}KPa}"  HeaderStyle="{StaticResource ColumnHeaderStyle}"/>
                </DataGrid.Columns>
            </DataGrid>

        </GroupBox>

        <GroupBox Header="故障情况" FontSize="15" Grid.Row="1" Margin="10,5,15,5">
            <DataGrid ItemsSource="{Binding AlarmItemModelList}" Margin="20,40,15,15"  AutoGenerateColumns="False" HorizontalAlignment="Left"      ScrollViewer.VerticalScrollBarVisibility="Hidden" Style="{StaticResource DataGridStyle}">
                <DataGrid.Columns >
                    <DataGridTextColumn Header="序号"  Width="100" Binding="{Binding F_SerialNo}" HeaderStyle="{StaticResource ColumnHeaderStyle}"/>
                    <DataGridTextColumn Header="记录日期" Width="*" Binding="{Binding F_CreateDate,StringFormat=yyyy/MM/dd HH:mm:ss}" HeaderStyle="{StaticResource ColumnHeaderStyle}"/>
                    <DataGridTextColumn Header="故障时间" Width="*" Binding="{Binding F_Time,StringFormat=yyyy/MM/dd HH:mm:ss}" HeaderStyle="{StaticResource ColumnHeaderStyle}"/>
                    <DataGridTextColumn Header="事件" Width="*" Binding="{Binding F_Message}" HeaderStyle="{StaticResource ColumnHeaderStyle}"/>
                    <DataGridTextColumn Header="数值" Width="150" Binding="{Binding F_Len}" HeaderStyle="{StaticResource ColumnHeaderStyle}"/>
                </DataGrid.Columns>
            </DataGrid>
        </GroupBox>
    </Grid>
</UserControl>