TeamAAS-VP-HeShuo/TeamAAS-VM/Views/HomeView.xaml

<UserControl x:Class="TeamAAS_VP.Views.HomeView"
             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:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
             xmlns:local="clr-namespace:TeamAAS_VP.Views.Home"
             xmlns:vm="clr-namespace:TeamAAS_VP.ViewModels"
             xmlns:oxy="http://oxyplot.org/wpf"
             xmlns:lex="http://wpflocalizeextension.codeplex.com"
             lex:LocalizeDictionary.DesignCulture="zh-CN"
             lex:ResxLocalizationProvider.DefaultAssembly="TeamAAS-VP"
             lex:ResxLocalizationProvider.DefaultDictionary="Lang"
             prism:ViewModelLocator.AutoWireViewModel="True"
             mc:Ignorable="d"
             d:Height="600"
             d:Width="1024"
             d:Background="White"
             d:DataContext="{d:DesignInstance Type=vm:HomeViewModel}"
             Background="Transparent"
             FontFamily="{DynamicResource DefaultFont}">
    <b:Interaction.Triggers>
        <b:EventTrigger EventName="Loaded">
            <b:InvokeCommandAction Command="{Binding LoadedCommand}" />
        </b:EventTrigger>
    </b:Interaction.Triggers>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="60*" />
            <ColumnDefinition Width="40*" />
        </Grid.ColumnDefinitions>

        <!--产品-->
        <StackPanel Grid.Row="0"
                    Grid.Column="0"
                    Orientation="Vertical"
                    Margin="10">
            <StackPanel Orientation="Horizontal"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Center">
                <TextBlock Text="{lex:Loc 产品列表,Converter={StaticResource StringFormatConverter},ConverterParameter='{}{0}: '}"
                           FontSize="{DynamicResource Font.Size.Body2}"
                           VerticalAlignment="Center" />
                <ComboBox x:Name="selectProduct"
                          MinWidth="100"
                          Margin="20,0"
                          FontSize="{DynamicResource Font.Size.Body3}"
                          materialDesign:HintAssist.Hint="{lex:Loc 选择产品}"
                          SelectedItem="{Binding SelectProduct}"
                          ItemsSource="{Binding management.Products}">
                    <ComboBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Vertical">
                                <StackPanel Orientation="Horizontal">
                                    <materialDesign:PackIcon Kind="CubeOutline" />
                                    <TextBlock Text="{Binding Name}" />
                                </StackPanel>
                                <TextBlock Text="{Binding Description}"
                                           MinHeight="0"
                                           MaxWidth="300"
                                           Foreground="Gray"
                                           TextTrimming="CharacterEllipsis"
                                           FontSize="{DynamicResource Font.Size.Captions4}"
                                           TextWrapping="Wrap" />
                            </StackPanel>
                        </DataTemplate>
                    </ComboBox.ItemTemplate>
                </ComboBox>
                <Button Content="{lex:Loc 加载}"
                        materialDesign:ButtonAssist.CornerRadius="10"
                        Style="{StaticResource MaterialDesignRaisedButton}"
                        Margin="20,0,0,0"
                        Command="{Binding LoadProductCommand}"
                        CommandParameter="{Binding ElementName=selectProduct,Path=SelectedItem}" />
            </StackPanel>
            <StackPanel Margin="0,10,0,10"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Center"
                        Orientation="Horizontal">
                <TextBlock Text="{lex:Loc 当前产品,Converter={StaticResource StringFormatConverter},ConverterParameter='{}{0}: '}"
                           FontSize="{DynamicResource Font.Size.Body2}"
                           Foreground="Green"
                           VerticalAlignment="Center" />
                <TextBlock Text="{Binding management.CurrentProduct.Name}"
                           FontSize="{DynamicResource Font.Size.Body3}"
                           Margin="10,0"
                           FontWeight="Bold"
                           VerticalAlignment="Center" />
                <TextBlock Text="{lex:Loc 产品编号,Converter={StaticResource StringFormatConverter},ConverterParameter='{}{0}: '}"
                           FontSize="{DynamicResource Font.Size.Body2}"
                           Foreground="Green"
                           VerticalAlignment="Center" />
                <TextBox Width="150"
                         FontSize="{DynamicResource Font.Size.Body3}"
                         Margin="10,0"
                         Text="{Binding management.CurrentProduct.NumberCode}" />
            </StackPanel>
        </StackPanel>

        <!--图像-->
        <local:ShowVisionRender Grid.Row="1"
                                Grid.Column="0" />

        <!--<Button Content="全屏"
                Grid.Column="1"
                Margin="10"
                HorizontalAlignment="Right"
                VerticalAlignment="Top"
                Visibility="Hidden"
                materialDesign:ButtonAssist.CornerRadius="10"
                Style="{StaticResource MaterialDesignRaisedButton}" />-->

        <Grid Grid.Row="0"
              Grid.RowSpan="2"
              Grid.Column="1">

            <Grid.RowDefinitions>
                <RowDefinition Height="70*" />
                <RowDefinition Height="30*" />
            </Grid.RowDefinitions>



            <Grid Grid.Row="0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="0" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Grid HorizontalAlignment="Center"
                      VerticalAlignment="Top">
                    <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>
                    <Grid.Resources>
                        <Style TargetType="TextBlock">
                            <Setter Property="FontSize"
                                    Value="{DynamicResource Font.Size.Body2}" />
                            <Setter Property="FontWeight"
                                    Value="Bold" />
                            <Setter Property="Margin"
                                    Value="5" />
                            <Setter Property="MinWidth"
                                    Value="100" />
                            <Setter Property="HorizontalAlignment"
                                    Value="Center" />
                            <Setter Property="VerticalAlignment"
                                    Value="Center" />
                            <Setter Property="TextAlignment"
                                    Value="Center" />
                            <Setter Property="TextTrimming"
                                    Value="CharacterEllipsis" />
                        </Style>
                    </Grid.Resources>
                    <TextBlock Text="{lex:Loc 当前产品总产量,Converter={StaticResource StringFormatConverter},ConverterParameter='{}{0}: '}"
                               FontWeight="Bold"
                               HorizontalAlignment="Right"
                               TextAlignment="Right" />
                    <Border Grid.Row="0"
                            Grid.Column="1"
                            VerticalAlignment="Bottom"
                            BorderBrush="Gray"
                            BorderThickness="1" />
                    <TextBlock Grid.Row="0"
                               Grid.Column="1"
                               Text="{Binding management.TotalQuantity}" />
                    <TextBlock Grid.Row="0"
                               Grid.Column="2"
                               Text="{lex:Loc 今日产量,Converter={StaticResource StringFormatConverter},ConverterParameter='{}{0}: '}"
                               HorizontalAlignment="Right"
                               TextAlignment="Right" />
                    <Border Grid.Row="0"
                            Grid.Column="3"
                            VerticalAlignment="Bottom"
                            BorderBrush="Gray"
                            BorderThickness="1" />
                    <TextBlock Grid.Row="0"
                               Grid.Column="3"
                               Text="{Binding management.TotalQuantityToday}" />
                    
                    <TextBlock Grid.Row="1"
                               Grid.Column="0"
                               Text="UPH："
                               HorizontalAlignment="Right"
                               TextAlignment="Right" />
                    <Border Grid.Row="1"
                            Grid.Column="1"
                            VerticalAlignment="Center"
                            BorderBrush="Gray"
                            BorderThickness="1"
                            Margin="0,30,0,0"/>
                    <TextBlock Grid.Row="1"
                               Grid.Column="1"
                               Text="{Binding management.TotalQuantityToday}" />


                    <TextBlock  Grid.Row="1"
                                Grid.Column="2"
                                Text="CT: "
                                TextAlignment="Right"
                                FontWeight="Bold"
                                FontSize="{DynamicResource Font.Size.Body2}"
                                VerticalAlignment="Center" />
                    
                    <TextBlock  Grid.Row="1"
                                Grid.Column="3"
                                Text="{Binding CTTotalSeconds,StringFormat={}{0:F2} s}"
                                FontSize="{DynamicResource Font.Size.Body3}"
                                VerticalAlignment="Center" />
                    <Button Grid.Row="1"
                            Grid.Column="4"
                            Content="{lex:Loc 计数清零}"
                            VerticalAlignment="Bottom"
                            Margin="20"
                            HorizontalAlignment="Right"
                            materialDesign:ButtonAssist.CornerRadius="10"
                            Style="{StaticResource MaterialDesignRaisedButton}"
                            Command="{Binding ResetCounterCommand}" />
                    
                </Grid>
                <Grid Grid.Row="1">
                    <Grid.RowDefinitions>
                        <!-- 列表固定高度，不与曲线争用弹性空间 -->
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" MinHeight="200" />
                    </Grid.RowDefinitions>

                    <!-- 锁付结果列表 -->
                    <DockPanel Grid.Row="0"
                               LastChildFill="True"
                               Margin="8,8,8,4">
                        <TextBlock DockPanel.Dock="Top"
                                   FontWeight="Bold"
                                   FontSize="{DynamicResource Font.Size.Body3}"
                                   Text="{lex:Loc 锁付结果}" />
                        <DataGrid x:Name="lockResultGrid"
                                  ItemsSource="{Binding LockResults}"
                                  AutoGenerateColumns="False"
                                  CanUserAddRows="False"
                                  CanUserDeleteRows="False"
                                  IsReadOnly="True"
                                  HeadersVisibility="Column"
                                  GridLinesVisibility="Horizontal"
                                  HorizontalGridLinesBrush="#E0E0E0"
                                  RowHeaderWidth="0"
                                  Height="118"
                                  ColumnHeaderHeight="26"
                                  RowHeight="24"
                                  FontSize="{DynamicResource Font.Size.Captions3}"
                                  ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                                  ScrollViewer.VerticalScrollBarVisibility="Auto"
                                  Margin="0,6,0,0">
                            <DataGrid.Resources>
                                <Style TargetType="DataGridColumnHeader">
                                    <Setter Property="HorizontalContentAlignment"
                                            Value="Center" />
                                    <Setter Property="FontWeight"
                                            Value="SemiBold" />
                                    <Setter Property="Padding"
                                            Value="4,2" />
                                </Style>
                                <Style TargetType="DataGridCell">
                                    <Setter Property="Padding"
                                            Value="4,2" />
                                    <Setter Property="HorizontalContentAlignment"
                                            Value="Center" />
                                </Style>
                            </DataGrid.Resources>
                            <DataGrid.Columns>
                                <DataGridTextColumn Header="#"
                                                    Binding="{Binding Number}"
                                                    Width="32"
                                                    IsReadOnly="True" />
                                <DataGridTextColumn Header="{lex:Loc 时间}"
                                                    Binding="{Binding Timestamp, StringFormat={}{0:HH:mm:ss}}"
                                                    Width="64"
                                                    IsReadOnly="True" />
                                <DataGridTextColumn Header="{lex:Loc 程序号}"
                                                    Binding="{Binding ScrewdriverProgramNumber}"
                                                    Width="48"
                                                    IsReadOnly="True" />
                                <DataGridTextColumn Header="{lex:Loc 锁付圈数}"
                                                    Binding="{Binding LockTurns, StringFormat={}{0:F1}}"
                                                    Width="56"
                                                    IsReadOnly="True" />
                                <DataGridTextColumn Header="{lex:Loc 锁付扭矩}"
                                                    Binding="{Binding LockTorque, StringFormat={}{0:F3}}"
                                                    Width="64"
                                                    IsReadOnly="True" />
                                <DataGridTextColumn Header="{lex:Loc 锁付用时}"
                                                    Binding="{Binding LockDuration, StringFormat={}{0:F2}s}"
                                                    Width="56"
                                                    IsReadOnly="True" />
                                <DataGridTemplateColumn Header="{lex:Loc 锁付结果}"
                                                        Width="44"
                                                        IsReadOnly="True">
                                    <DataGridTemplateColumn.CellTemplate>
                                        <DataTemplate>
                                            <Border x:Name="bd"
                                                    Padding="4,2"
                                                    CornerRadius="4"
                                                    Background="Transparent"
                                                    HorizontalAlignment="Center"
                                                    VerticalAlignment="Center">
                                                <TextBlock x:Name="txt"
                                                           HorizontalAlignment="Center"
                                                           VerticalAlignment="Center"
                                                           Foreground="White"
                                                           FontWeight="Bold" />
                                            </Border>
                                            <DataTemplate.Triggers>
                                                <DataTrigger Binding="{Binding LockPassed}"
                                                             Value="True">
                                                    <Setter TargetName="bd"
                                                            Property="Background"
                                                            Value="Green" />
                                                    <Setter TargetName="txt"
                                                            Property="Text"
                                                            Value="OK" />
                                                </DataTrigger>
                                                <DataTrigger Binding="{Binding LockPassed}"
                                                             Value="False">
                                                    <Setter TargetName="bd"
                                                            Property="Background"
                                                            Value="Red" />
                                                    <Setter TargetName="txt"
                                                            Property="Text"
                                                            Value="NG" />
                                                </DataTrigger>
                                            </DataTemplate.Triggers>
                                        </DataTemplate>
                                    </DataGridTemplateColumn.CellTemplate>
                                </DataGridTemplateColumn>
                            </DataGrid.Columns>
                        </DataGrid>
                    </DockPanel>

                    <!-- 锁付曲线（占据列表下方全部剩余空间） -->
                    <Grid Grid.Row="1"
                          Margin="8,2,8,8"
                          MinHeight="200">
                        <oxy:PlotView Model="{Binding LockCurvePlotModel}"
                                      Background="Transparent" />
                        <Border HorizontalAlignment="Left"
                                VerticalAlignment="Top"
                                Margin="12,8,0,0"
                                Padding="10,6"
                                CornerRadius="6"
                                Background="#E6FFFFFF"
                                BorderBrush="#CCCCCC"
                                BorderThickness="1">
                            <StackPanel Orientation="Horizontal">
                                <StackPanel Orientation="Horizontal"
                                            Margin="0,0,20,0">
                                    <TextBlock Text="{lex:Loc 实时扭矩, Converter={StaticResource StringFormatConverter}, ConverterParameter='{}{0}: '}"
                                               FontWeight="SemiBold"
                                               FontSize="{DynamicResource Font.Size.Body3}"
                                               VerticalAlignment="Center" />
                                    <TextBlock Text="{Binding LiveLockTorque, StringFormat={}{0:F3}}"
                                               FontWeight="Bold"
                                               FontSize="{DynamicResource Font.Size.Body3}"
                                               VerticalAlignment="Center"
                                               MinWidth="56" />
                                </StackPanel>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="{lex:Loc 实时圈数, Converter={StaticResource StringFormatConverter}, ConverterParameter='{}{0}: '}"
                                               FontWeight="SemiBold"
                                               FontSize="{DynamicResource Font.Size.Body3}"
                                               VerticalAlignment="Center" />
                                    <TextBlock Text="{Binding LiveLockTurns, StringFormat={}{0:F1}}"
                                               FontWeight="Bold"
                                               FontSize="{DynamicResource Font.Size.Body3}"
                                               VerticalAlignment="Center"
                                               MinWidth="40" />
                                </StackPanel>
                            </StackPanel>
                        </Border>
                    </Grid>
                </Grid>


            </Grid>




            <Border Grid.Row="1"
                    CornerRadius="20"
                    BorderBrush="#787878"
                    BorderThickness="1">
                <DockPanel LastChildFill="True"
                           Margin="10">
                    <TextBlock Text="{lex:Loc 运行信息,Converter={StaticResource StringFormatConverter},ConverterParameter='{}{0}: '}"
                               FontWeight="Bold"
                               FontSize="{DynamicResource Font.Size.Body3}"
                               DockPanel.Dock="Top" />
                    <ListView x:Name="messagelist"
                              ItemsSource="{Binding MessageQueue}"
                              ScrollViewer.VerticalScrollBarVisibility="Auto"
                              ScrollViewer.CanContentScroll="False"
                              BorderThickness="0"
                              Background="Transparent"
                              ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                        <ListView.Resources>
                            <Style TargetType="{x:Type GridViewHeaderRowPresenter}">
                                <Setter Property="FrameworkElement.Visibility"
                                        Value="Collapsed" />
                            </Style>
                        </ListView.Resources>
                        <ListView.ItemContainerStyle>
                            <Style TargetType="ListViewItem">
                                <Setter Property="HorizontalContentAlignment"
                                        Value="Left" />
                                <Setter Property="VerticalContentAlignment"
                                        Value="Top" />
                            </Style>
                        </ListView.ItemContainerStyle>
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <Border BorderThickness="0"
                                        HorizontalAlignment="Left">
                                    <Label MaxWidth="300"
                                           BorderThickness="0"
                                           Background="Transparent"
                                           Margin="0"
                                           Padding="0"
                                           HorizontalAlignment="Left"
                                           VerticalAlignment="Center"
                                           FontSize="10">
                                        <TextBlock TextWrapping="Wrap"
                                                   TextAlignment="Left"
                                                   FontSize="{DynamicResource Font.Size.Captions3}"
                                                   Foreground="{Binding FontColol}">
                                            <TextBlock.Text>
                                                <MultiBinding StringFormat="{}[{0:M/d HH:mm:ss}]:{1}">
                                                    <Binding Path="DT" />
                                                    <Binding Path="Message" />
                                                </MultiBinding>
                                            </TextBlock.Text>
                                        </TextBlock>
                                        <Label.ContextMenu>
                                            <ContextMenu>
                                                <MenuItem Header="Copy"
                                                          Command="{Binding DataContext.CopyCommand, RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=UserControl}}"
                                                          CommandParameter="{Binding Message}"
                                                          Icon="{materialDesign:PackIcon Kind=ContentCopy}" />
                                            </ContextMenu>
                                        </Label.ContextMenu>
                                    </Label>
                                </Border>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                </DockPanel>
            </Border>
        </Grid>
    </Grid>
</UserControl>