PgWidthTable.xaml

<Page x:Class="FLY.IBC.UI.Client.PgWidthTable"
      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:FLY.IBC.UI.Client" 
      xmlns:iconPacks="http://metro.mahapps.com/winfx/xaml/iconpacks"
      xmlns:controls="http://metro.mahapps.com/winfx/xaml/controls"
      mc:Ignorable="d" 
      d:DesignHeight="900" d:DesignWidth="1024" Background="White"
      Title="Page_Ingredient">
    <Page.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/FLY.ControlLibrary;component/Themes/Dictionary_MyStyle.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/FLY.ControlLibrary;component/Converter/Dictionary_MyConv.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/FLY.IBC.UI.Client;component/Themes/DataGridStyle.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Page.Resources>
    <Grid >
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition Height="496*" />
        </Grid.RowDefinitions>

        <Grid x:Name="stackpanel_weight" Background="{StaticResource Background_Title}" >
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition Width="auto"/>
            </Grid.ColumnDefinitions>
            <StackPanel Orientation="Horizontal" >
                <Button Style="{StaticResource ButtonStyle_back2}" Command="BrowseBack"  />
                <TextBlock Style="{StaticResource TextBlockStyle_Title}"  Text="IBC记录"/>
            </StackPanel>

        </Grid>

        <Grid Grid.Row="1" >
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition/>
            </Grid.RowDefinitions>

            <WrapPanel>
                <StackPanel Orientation="Horizontal" Margin="{StaticResource ControlMargin}">
                    <StackPanel Margin="{StaticResource ControlMargin}">
                        <TextBlock Style="{StaticResource Styles.Text.FieldHeader.Editable}" Text="显示" />
                        <StackPanel Orientation="Horizontal">
                            <TextBox Style="{StaticResource Styles.Text.FieldContent.Input.Card}" Text="{Binding WindowSize}" />
                            <TextBlock Style="{StaticResource Styles.Text.FieldContent.Unit}" Text="行"/>
                        </StackPanel>
                    </StackPanel>
                    <StackPanel  Margin="{StaticResource ControlMargin}">
                        <TextBlock Style="{StaticResource Styles.Text.FieldHeader.Editable}" Text="间隔" />
                        <StackPanel Orientation="Horizontal">
                            <TextBox Style="{StaticResource Styles.Text.FieldContent.Input.Card}" Text="{Binding Interval}" />
                            <TextBlock Style="{StaticResource Styles.Text.FieldContent.Unit}" Text="行"/>
                        </StackPanel>
                    </StackPanel>
                    <StackPanel Margin="{StaticResource ControlMargin}">
                        <TextBlock Style="{StaticResource Styles.Text.FieldHeader.Editable}" Text="按时间查找" />
                        <ToggleButton Style="{StaticResource Styles.ToggleButton.YESNO}" HorizontalAlignment="Left" IsChecked="{Binding IsSearchByTime}" />
                    </StackPanel>
                    <Grid Margin="{StaticResource ControlMargin}">
                        <StackPanel Visibility="{Binding IsSearchByTime,Converter={StaticResource visbilityconv},ConverterParameter=CollapsedWhenTrue}" >
                            <TextBlock Style="{StaticResource Styles.Text.FieldHeader.Editable}" Text="查找ID" />
                            <StackPanel Orientation="Horizontal">
                                <TextBox Style="{StaticResource TextBoxStyle_FieldContent}" Text="{Binding SearchId}" />
                            </StackPanel>
                        </StackPanel>
                        <DatePicker 
                            Visibility="{Binding IsSearchByTime,Converter={StaticResource visbilityconv},ConverterParameter=Collapsed}" 
                            Width="200"
                            Margin="{StaticResource ControlMargin}"
                            Height="auto"
                            HorizontalAlignment="Center"
                            HorizontalContentAlignment="Stretch"
                            controls:TextBoxHelper.UseFloatingWatermark="True"
                            controls:TextBoxHelper.Watermark="开始日期"
                            controls:TextBoxHelper.WatermarkAlignment="Right" 
                                        SelectedDate="{Binding SearchTime}"/>
                    </Grid>
                    <Button Style="{StaticResource Styles.Button.Icon.Rectangle}" Command="{Binding SearchCmd}">
                        <iconPacks:PackIconMaterial Kind="Magnify" />
                    </Button>
                </StackPanel>

                <StackPanel Orientation="Horizontal" Margin="{StaticResource ControlMargin}">
                    <Button Style="{StaticResource Styles.Button.Icon.Rectangle}" Command="{Binding PreViewCmd}">
                        <Grid>
                            <iconPacks:PackIconMaterial Kind="ArrowLeft" />
                        </Grid>
                    </Button>
                    <StackPanel VerticalAlignment="Center">
                        <TextBlock Style="{StaticResource Styles.Text.FieldContent.Unit}" >
                        <Run Text="最新ID:"/><Run Text="{Binding LastId,Mode=OneWay}"/>
                        </TextBlock>
                        <TextBlock Style="{StaticResource Styles.Text.FieldContent.Unit}" >
                        <Run Text="当前ID:"/><Run Text="{Binding Id,Mode=OneWay}"/>
                        </TextBlock>
                    </StackPanel>
                    <Button Command="{Binding NextViewCmd}">
                        <Button.Style>
                            <Style TargetType="Button" BasedOn="{StaticResource Styles.Button.Icon.Rectangle}">
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding IsNewest}" Value="True">
                                        <Setter Property="Foreground" Value="Gray"/>
                                        <Setter Property="IsEnabled" Value="False"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Button.Style>
                        <Grid>
                            <iconPacks:PackIconMaterial Kind="ArrowRight" />
                        </Grid>
                    </Button>
                    <Button Command="{Binding ToNewestCmd}">
                        <Button.Style>
                            <Style TargetType="Button" BasedOn="{StaticResource Styles.Button.Icon.Rectangle}">
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding IsNewest}" Value="True">
                                        <Setter Property="Foreground" Value="Gray"/>
                                        <Setter Property="IsEnabled" Value="False"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Button.Style>
                        <iconPacks:PackIconMaterial Kind="ArrowCollapseRight" />
                    </Button>


                    <TextBlock Style="{StaticResource Styles.Text.FieldContent}" VerticalAlignment="Center"
                               Text="更新中" Visibility="{Binding IsLoading,Converter={StaticResource visbilityconv}}"/>
                </StackPanel>

            </WrapPanel>
            <DataGrid Grid.Row="2" x:Name="gridFlows" ItemsSource="{Binding Values}" AutoGenerateColumns="False" IsReadOnly="True" 
                      CellStyle="{StaticResource DataGridCellStyle_Base}"
                      AlternationCount ="2"
                      AlternatingRowBackground="LightGray" FrozenColumnCount="0"
                      ScrollViewer.HorizontalScrollBarVisibility="Visible"
                      >
                <DataGrid.Columns>
                    <DataGridTextColumn Binding="{Binding ID}" >
                        <DataGridTextColumn.Header>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Style="{StaticResource TextBlockStyle_FieldHeader}" Text="ID" />
                            </StackPanel>
                        </DataGridTextColumn.Header>
                    </DataGridTextColumn>
                    <DataGridTextColumn Binding="{Binding Time,StringFormat={}{0:MM/dd HH:mm}}" >
                        <DataGridTextColumn.Header>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Style="{StaticResource TextBlockStyle_FieldHeader}" Text="时间" />
                            </StackPanel>
                        </DataGridTextColumn.Header>
                    </DataGridTextColumn>
                    <DataGridTextColumn Binding="{Binding FilmWidth,StringFormat={}{0:F0}}" >
                        <DataGridTextColumn.Header>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Style="{StaticResource TextBlockStyle_FieldHeader}" Text="折径" />
                                <TextBlock Style="{StaticResource Styles.Text.FieldContent.Unit}" Text="mm"/>
                            </StackPanel>
                        </DataGridTextColumn.Header>
                    </DataGridTextColumn>
                    <DataGridTextColumn Binding="{Binding InletAirFreq,StringFormat={}{0:F1}}" >
                        <DataGridTextColumn.Header>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Style="{StaticResource TextBlockStyle_FieldHeader}" Text="进风" />
                                <TextBlock Style="{StaticResource Styles.Text.FieldContent.Unit}" Text="Hz"/>
                            </StackPanel>
                        </DataGridTextColumn.Header>
                    </DataGridTextColumn>
                    <DataGridTextColumn Binding="{Binding OutletAirFreq,StringFormat={}{0:F1}}" >
                        <DataGridTextColumn.Header>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Style="{StaticResource TextBlockStyle_FieldHeader}" Text="出风" />
                                <TextBlock Style="{StaticResource Styles.Text.FieldContent.Unit}" Text="Hz"/>
                            </StackPanel>
                        </DataGridTextColumn.Header>
                    </DataGridTextColumn>
                </DataGrid.Columns>
            </DataGrid>
        </Grid>
    </Grid>
</Page>