Display_D_HP/TeamAAS-VM/Views/Statistics/StatisticalQuery.xaml

<UserControl x:Class="TeamAAS_VP.Views.Statistics.StatisticalQuery"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:prism="http://prismlibrary.com/"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:vm="clr-namespace:TeamAAS_VP.ViewModels.Statistics"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
             xmlns:lex="http://wpflocalizeextension.codeplex.com"
             lex:LocalizeDictionary.DesignCulture="zh-CN"
             lex:ResxLocalizationProvider.DefaultAssembly="TeamAAS-VP"
             lex:ResxLocalizationProvider.DefaultDictionary="Lang"
             prism:ViewModelLocator.AutoWireViewModel="True"
             FontFamily="{DynamicResource DefaultFont}"
             mc:Ignorable="d"
             d:DataContext="{d:DesignInstance Type=vm:AlarmQueryViewModel}"
             d:Height="600"
             d:Width="1024"
             d:Background="White">
    <b:Interaction.Triggers>
        <b:EventTrigger EventName="Loaded">
            <b:InvokeCommandAction Command="{Binding LoadedCommand}" />
        </b:EventTrigger>
    </b:Interaction.Triggers>


    <Grid>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <materialDesign:ColorZone Grid.Column="0"
                                      Padding="16"
                                      Mode="PrimaryLight">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto" />
                        <RowDefinition Height="auto" />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto" />
                        <ColumnDefinition Width="auto" />
                        <ColumnDefinition Width="auto" />
                        <ColumnDefinition Width="auto" />
                        <ColumnDefinition Width="auto" />
                    </Grid.ColumnDefinitions>
                    <DatePicker Grid.Row="0"
                                Grid.Column="0"
                                Width="140"
                                Margin="5"
                                materialDesign:HintAssist.HelperText="{lex:Loc 起始日期}"
                                materialDesign:HintAssist.Hint="{lex:Loc 选择起始日期}"
                                Style="{StaticResource MaterialDesignOutlinedDatePicker}"
                                SelectedDate="{Binding StartDate}"/>
                    <materialDesign:TimePicker Grid.Row="0"
                                               Grid.Column="1"
                                               Width="140"
                                               Margin="5"
                                               SelectedTime="{Binding StartTime}"
                                               materialDesign:HintAssist.HelperText="{lex:Loc 起始时间}"
                                               materialDesign:HintAssist.Hint="{lex:Loc 选择起始时间}"
                                               Is24Hours="false"
                                               Style="{StaticResource MaterialDesignOutlinedTimePicker}" />
                    <Border Grid.ColumnSpan="2"
                            BorderThickness="1"
                            BorderBrush="Gray"
                            Height="1"
                            VerticalAlignment="Bottom" />
                    <DatePicker Grid.Row="1"
                                Grid.Column="0"
                                Width="140"
                                Margin="5"
                                materialDesign:HintAssist.HelperText="{lex:Loc 结束日期}"
                                materialDesign:HintAssist.Hint="{lex:Loc 选择结束日期}"
                                Style="{StaticResource MaterialDesignOutlinedDatePicker}"
                                SelectedDate="{Binding EndDate}" />
                    <materialDesign:TimePicker Grid.Row="1"
                                               Grid.Column="1"
                                               Width="140"
                                               Margin="5"
                                               SelectedTime="{Binding EndTime}"
                                               materialDesign:HintAssist.HelperText="{lex:Loc 结束时间}"
                                               materialDesign:HintAssist.Hint="{lex:Loc 选择结束时间}"
                                               Is24Hours="false"
                                               Style="{StaticResource MaterialDesignOutlinedTimePicker}" />
                    <ComboBox Grid.Row="0"
                              Grid.Column="2"
                              Margin="5"
                              ItemsSource="{Binding AllProduct}"
                              SelectedItem="{Binding SelectedProduct}"
                              materialDesign:HintAssist.HelperText="{lex:Loc 选择产品}"
                              materialDesign:HintAssist.Hint="{lex:Loc 选择产品}"
                              MinWidth="150">
                        <b:Interaction.Triggers>
                            <b:EventTrigger EventName="SelectionChanged">
                                <b:CallMethodAction  TargetObject="{Binding}"
                                                     MethodName="ComboBox_SelectionChanged">
                                </b:CallMethodAction>
                            </b:EventTrigger>
                        </b:Interaction.Triggers>
                        <ComboBox.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="{Binding Name}" />
                                </StackPanel>
                            </DataTemplate>
                        </ComboBox.ItemTemplate>
                    </ComboBox>
                    <ComboBox Grid.Row="1"
                              Grid.Column="2"
                              Margin="5"
                              ItemsSource="{Binding Sequences}"
                              SelectedItem="{Binding SelectedSequence}"
                              materialDesign:HintAssist.HelperText="{lex:Loc 选择相机序列}"
                              materialDesign:HintAssist.Hint="{lex:Loc 选择相机序列}"
                              MinWidth="150" />
                    <Button Grid.Row="0"
                            Grid.Column="3"
                            Content="{lex:Loc 查询}"
                            MinWidth="100"
                            Margin="5"
                            materialDesign:ButtonAssist.CornerRadius="10"
                            Style="{StaticResource MaterialDesignRaisedButton}"
                            Command="{Binding SearchCommand}"/>
                    <Button Grid.Row="1"
                            Grid.Column="3"
                            Content="{lex:Loc 保存}"
                            MinWidth="100"
                            Margin="5"
                            materialDesign:ButtonAssist.CornerRadius="10"
                            Style="{StaticResource MaterialDesignRaisedButton}"
                            Command="{Binding SaveCommand}" />

                    <TextBlock Grid.Row="1"
                               Grid.Column="4"
                               Text="{Binding DataTable.Rows.Count,StringFormat= Records Count：{0}}"
                               VerticalAlignment="Bottom" />
                </Grid>

            </materialDesign:ColorZone>

            <DataGrid Grid.Row="1"
                      AutoGenerateColumns="True"
                      CanUserAddRows="False"
                      ColumnWidth="auto"
                      SelectionMode="Extended"
                      ItemsSource="{Binding DataTable}"
                      SelectionUnit="Cell" />
        </Grid>

        <Button Margin="16"
                HorizontalAlignment="Left"
                VerticalAlignment="Center"
                Command="{x:Static materialDesign:Transitioner.MovePreviousCommand}"
                Style="{StaticResource MaterialDesignFloatingActionMiniButton}">
            <materialDesign:PackIcon Kind="StepBackward" />
        </Button>
        <Button Margin="16"
                HorizontalAlignment="Right"
                VerticalAlignment="Center"
                Command="{x:Static materialDesign:Transitioner.MoveNextCommand}"
                Style="{StaticResource MaterialDesignFloatingActionSecondaryButton}">
            <materialDesign:PackIcon Kind="StepForward" />
        </Button>
    </Grid>
</UserControl>