SmartDoorLock/LogForceTestApp.Modules.MainModule/Views/DataPage.xaml

<UserControl x:Class="LogoForceTestApp.Modules.MainModule.Views.DataPage"
             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/"
             xmlns:viewmodels="clr-namespace:LogoForceTestApp.Modules.MainModule.ViewModels"
             xmlns:lvc="clr-namespace:LiveChartsCore.SkiaSharpView.WPF;assembly=LiveChartsCore.SkiaSharpView.WPF"
             d:DataContext="{d:DesignInstance Type=viewmodels:DataPageViewModel}"
             xmlns:hc="https://handyorg.github.io/handycontrol"
             d:DesignHeight="450"
             d:DesignWidth="800"
             prism:ViewModelLocator.AutoWireViewModel="True"
             mc:Ignorable="d">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <StackPanel Orientation="Horizontal"
                    Grid.ColumnSpan="2">
            <hc:DatePicker Margin="4,0"
                           hc:InfoElement.Title="选择开始时间"
                           SelectedDate="{Binding StartDate}" />
            <hc:DatePicker Margin="4,0"
                           hc:InfoElement.Title="选择结束时间"
                           SelectedDate="{Binding EndDate}" />
            <TextBlock Text="订单："
                       Margin="5"
                       FontSize="16"
                       VerticalAlignment="Center" />
            <TextBox Width="100"
                     Height="35"
                     Margin="5"
                     Text="{Binding BillNo}" />
            <Button Margin="5"
                    VerticalAlignment="Center"
                    Command="{Binding ChartCommand}"
                    FontSize="16"
                    Height="35"
                    Content="生成报表" />
        </StackPanel>
        
        <Border Grid.Row="1"
                BorderThickness="1"
                BorderBrush="#7F82BB">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"/>
                    <RowDefinition />
                </Grid.RowDefinitions>
                <TextBlock Text="产量"
                           FontSize="20"
                           VerticalAlignment="Center"
                           HorizontalAlignment="Center"
                           Margin="3" />
                <lvc:CartesianChart Series="{Binding SeriesYield}"
                                    DrawMarginFrame="{Binding DrawMarginFrame}"
                                    XAxes="{Binding XAxesYield}"
                                    YAxes="{Binding YAxesYield}"
                                    LegendPosition="Right"
                                    Grid.Row="1" />
            </Grid>
        </Border>
        <Border Grid.Row="1"
                Grid.Column="1"
                BorderThickness="1"
                BorderBrush="#7F82BB">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto" />
                    <RowDefinition />
                </Grid.RowDefinitions>
                <TextBlock Text="生产情况"
                           FontSize="20"
                           VerticalAlignment="Center"
                           HorizontalAlignment="Center"
                           Margin="3" />
                <lvc:CartesianChart Series="{Binding SeriesCondition}"
                                    DrawMarginFrame="{Binding DrawMarginFrame1}"
                                    XAxes="{Binding XAxesCondition}"
                                    YAxes="{Binding YAxesCondition}"
                                    LegendPosition="Right" 
                                    Grid.Row="1"/>
            </Grid>
        </Border>
        <Border Grid.Row="2"
                Grid.ColumnSpan="2"
                BorderThickness="1"
                BorderBrush="#7F82BB">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto" />
                    <RowDefinition />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <TextBlock Text="质量保证"
                           FontSize="20"
                           VerticalAlignment="Center"
                           HorizontalAlignment="Center"
                           Margin="3"
                           Grid.ColumnSpan="3"/>
                <lvc:CartesianChart Series="{Binding SeriesQuality1}"
                                    XAxes="{Binding XAxes1}"
                                    YAxes="{Binding YAxes1}"
                                    Title="{Binding Title1}"
                                    Grid.Row="1"
                                    Grid.Column="0" />
                <lvc:CartesianChart Series="{Binding SeriesQuality2}"
                                    XAxes="{Binding XAxes2}"
                                    YAxes="{Binding YAxes2}"
                                    Title="{Binding Title2}"
                                    Grid.Row="1"
                                    Grid.Column="1" />
                <lvc:CartesianChart Series="{Binding SeriesQuality3}"
                                    XAxes="{Binding XAxes3}"
                                    YAxes="{Binding YAxes3}"
                                    Title="{Binding Title3}"
                                    Grid.Row="1"
                                    Grid.Column="2" />
            </Grid>
        </Border>
    </Grid>
</UserControl>