FATrace/FATrace.WPLApp/Views/FactoryOutboundView.xaml

<UserControl
    x:Class="FATrace.WPLApp.Views.FactoryOutboundView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:prism="http://prismlibrary.com/"
    d:DesignHeight="720"
    d:DesignWidth="1280"
    prism:ViewModelLocator.AutoWireViewModel="True"
    mc:Ignorable="d">
    <UserControl.Resources>
        <BooleanToVisibilityConverter x:Key="Bool2Vis" />
    </UserControl.Resources>
    <Grid Margin="10">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <TextBlock
            Grid.Row="0"
            Margin="0,0,0,8"
            FontSize="20"
            FontWeight="SemiBold"
            Text="工厂-成品出库" />

        <!--  查询条件区域  -->
        <Border
            Grid.Row="1"
            Padding="10"
            Background="#F9F9F9"
            BorderBrush="#DDDDDD"
            BorderThickness="1"
            CornerRadius="4">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="2*" />
                    <ColumnDefinition Width="2*" />
                    <ColumnDefinition Width="2*" />
                    <ColumnDefinition Width="2*" />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>

                <!--  第一行：产地、原料代码、原料名称、批号  -->
                <StackPanel
                    Grid.Row="0"
                    Grid.Column="0"
                    Margin="0,0,10,8"
                    Orientation="Horizontal">
                    <TextBlock VerticalAlignment="Center" Text="产地：" />
                    <TextBox Width="160" Text="{Binding Origin, UpdateSourceTrigger=PropertyChanged}" />
                </StackPanel>
                <StackPanel
                    Grid.Row="0"
                    Grid.Column="1"
                    Margin="0,0,10,8"
                    Orientation="Horizontal">
                    <TextBlock VerticalAlignment="Center" Text="原料代码：" />
                    <TextBox Width="160" Text="{Binding RawCode, UpdateSourceTrigger=PropertyChanged}" />
                </StackPanel>
                <StackPanel
                    Grid.Row="0"
                    Grid.Column="2"
                    Margin="0,0,10,8"
                    Orientation="Horizontal">
                    <TextBlock VerticalAlignment="Center" Text="原料名称：" />
                    <TextBox Width="160" Text="{Binding RawName, UpdateSourceTrigger=PropertyChanged}" />
                </StackPanel>
                <StackPanel
                    Grid.Row="0"
                    Grid.Column="3"
                    Margin="0,0,10,8"
                    Orientation="Horizontal">
                    <TextBlock VerticalAlignment="Center" Text="批号：" />
                    <TextBox Width="160" Text="{Binding Batch, UpdateSourceTrigger=PropertyChanged}" />
                </StackPanel>

                <!--  第二行：日期范围（登录日期时间）  -->
                <StackPanel
                    Grid.Row="1"
                    Grid.Column="0"
                    Margin="0,5,10,0"
                    Orientation="Horizontal">
                    <TextBlock VerticalAlignment="Center" Text="开始日期：" />
                    <DatePicker Width="160" SelectedDate="{Binding StartDate, Mode=TwoWay}" />
                </StackPanel>
                <StackPanel
                    Grid.Row="1"
                    Grid.Column="1"
                    Margin="0,5,10,0"
                    Orientation="Horizontal">
                    <TextBlock VerticalAlignment="Center" Text="结束日期：" />
                    <DatePicker Width="160" SelectedDate="{Binding EndDate, Mode=TwoWay}" />
                </StackPanel>

                <!--  第三行：按钮  -->
                <StackPanel
                    Grid.Row="2"
                    Grid.Column="3"
                    Margin="0,5,10,0"
                    HorizontalAlignment="Right"
                    Orientation="Horizontal">
                    <Button
                        Width="80"
                        Margin="0,0,8,0"
                        Command="{Binding SearchCommand}">
                        <StackPanel Orientation="Horizontal">
                            <TextBlock
                                Margin="0,0,6,0"
                                FontFamily="/Assets/Fonts/#iconfont"
                                FontSize="16"
                                Text="&#xe952;" />
                            <TextBlock Text="查询" />
                        </StackPanel>
                    </Button>
                    <Button
                        Width="80"
                        Margin="0,0,8,0"
                        Command="{Binding ClearCommand}">
                        <StackPanel Orientation="Horizontal">
                            <TextBlock
                                Margin="0,0,6,0"
                                FontFamily="/Assets/Fonts/#iconfont"
                                FontSize="16"
                                Text="&#xe60a;" />
                            <TextBlock Text="清空" />
                        </StackPanel>
                    </Button>
                </StackPanel>
            </Grid>
        </Border>

        <!--  列表区域  -->
        <DataGrid
            Grid.Row="2"
            Margin="0,10,0,10"
            AutoGenerateColumns="False"
            CanUserAddRows="False"
            FontSize="15"
            IsReadOnly="True"
            ItemsSource="{Binding Items}"
            RowHeight="34">
            <DataGrid.ColumnHeaderStyle>
                <Style TargetType="DataGridColumnHeader">
                    <Setter Property="FontSize" Value="18" />
                    <Setter Property="FontWeight" Value="Bold" />
                    <Setter Property="HorizontalContentAlignment" Value="Center" />
                </Style>
            </DataGrid.ColumnHeaderStyle>
            <DataGrid.Columns>
                <DataGridTextColumn
                    Width="120"
                    Binding="{Binding Batch}"
                    Header="批号" />
                <DataGridTextColumn
                    Width="100"
                    Binding="{Binding Weight}"
                    Header="重量(G)" />
                <DataGridTextColumn
                    Width="80"
                    Binding="{Binding ShelfLife}"
                    Header="保质期" />
                <DataGridTextColumn
                    Width="100"
                    Binding="{Binding Origin}"
                    Header="产地" />
                <DataGridTextColumn
                    Width="140"
                    Binding="{Binding RawCode}"
                    Header="原料代码" />
                <DataGridTextColumn
                    Width="180"
                    Binding="{Binding RawName}"
                    Header="原料名称" />
                <DataGridTextColumn
                    Width="80"
                    Binding="{Binding SequenceNo}"
                    Header="序号" />
                <DataGridTextColumn
                    Width="180"
                    Binding="{Binding LoginDateTime}"
                    Header="登录日期时间" />
            </DataGrid.Columns>
        </DataGrid>

        <!--  状态栏  -->
        <StatusBar Grid.Row="3">
            <StatusBarItem>
                <TextBlock Text="本页：" />
            </StatusBarItem>
            <StatusBarItem>
                <TextBlock Text="{Binding Items.Count}" />
            </StatusBarItem>
            <StatusBarItem>
                <TextBlock Text="  总数：" />
            </StatusBarItem>
            <StatusBarItem>
                <TextBlock Text="{Binding TotalCount}" />
            </StatusBarItem>
            <StatusBarItem>
                <Separator Width="20" />
            </StatusBarItem>
            <StatusBarItem>
                <TextBlock Text="页码：" />
            </StatusBarItem>
            <StatusBarItem>
                <TextBlock Text="{Binding PageIndex}" />
            </StatusBarItem>
            <StatusBarItem>
                <TextBlock Text="/" />
            </StatusBarItem>
            <StatusBarItem>
                <TextBlock Text="{Binding TotalPages}" />
            </StatusBarItem>
            <StatusBarItem>
                <Button
                    Width="40"
                    Margin="5,0"
                    Command="{Binding FirstPageCommand}"
                    Content="|&lt;" />
            </StatusBarItem>
            <StatusBarItem>
                <Button
                    Width="40"
                    Margin="5,0"
                    Command="{Binding PrevPageCommand}"
                    Content="&lt;" />
            </StatusBarItem>
            <StatusBarItem>
                <Button
                    Width="40"
                    Margin="5,0"
                    Command="{Binding NextPageCommand}"
                    Content="&gt;" />
            </StatusBarItem>
            <StatusBarItem>
                <Button
                    Width="40"
                    Margin="5,0"
                    Command="{Binding LastPageCommand}"
                    Content="&gt;|" />
            </StatusBarItem>
            <StatusBarItem>
                <Separator Width="20" />
            </StatusBarItem>
            <StatusBarItem>
                <TextBlock Text="页大小：" />
            </StatusBarItem>
            <StatusBarItem>
                <ComboBox
                    Width="80"
                    SelectedValue="{Binding PageSize, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                    SelectedValuePath="Content">
                    <ComboBoxItem Content="10" />
                    <ComboBoxItem Content="20" />
                    <ComboBoxItem Content="50" />
                    <ComboBoxItem Content="100" />
                </ComboBox>
            </StatusBarItem>
            <StatusBarItem HorizontalAlignment="Right">
                <TextBlock Text="正在处理..." Visibility="{Binding IsBusy, Converter={StaticResource Bool2Vis}}" />
            </StatusBarItem>
        </StatusBar>
    </Grid>
</UserControl>