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

<UserControl x:Class="TeamAAS_VP.Views.Statistics.AlarmQuery"
             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" />
                    </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}" />
                    <Button Grid.Row="0"
                            Grid.Column="2"
                            Content="{lex:Loc 查询}"
                            MinWidth="100"
                            Margin="5"
                            materialDesign:ButtonAssist.CornerRadius="10"
                            Style="{StaticResource MaterialDesignRaisedButton}"
                            Command="{Binding SearchCommand}" />
                    <Button Grid.Row="1"
                            Grid.Column="2"
                            Content="{lex:Loc 保存}"
                            MinWidth="100"
                            Margin="5"
                            materialDesign:ButtonAssist.CornerRadius="10"
                            Style="{StaticResource MaterialDesignRaisedButton}"
                            Command="{Binding SaveCommand}" />
                    <TextBlock Grid.Row="1" Grid.Column="3" Text="{Binding DataTable.Rows.Count,StringFormat= Records Count：{0}}" VerticalAlignment="Bottom"/>
                </Grid>

            </materialDesign:ColorZone>

            <DataGrid Grid.Row="1"
                      AutoGenerateColumns="True"
                      CanUserAddRows="False"
                      ColumnWidth="*"
                      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>
    </Grid>
</UserControl>