Display_D_HP/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"
             xmlns:conv="clr-namespace:TeamAAS_VP.ValueConverter"
             mc:Ignorable="d"
             d:Height="600"
             d:Width="1024"
             d:Background="White"
             d:DataContext="{d:DesignInstance Type=vm:HomeViewModel}"
             Background="Transparent"
             FontFamily="{DynamicResource DefaultFont}">
    <UserControl.Resources>
        <conv:CountToColumnsConverter x:Key="CountToColumnsConverter" />
    </UserControl.Resources>
    <b:Interaction.Triggers>
        <b:EventTrigger EventName="Loaded">
            <b:InvokeCommandAction Command="{Binding LoadedCommand}" />
        </b:EventTrigger>
    </b:Interaction.Triggers>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="60*" />
            <ColumnDefinition Width="40*" />
        </Grid.ColumnDefinitions>

        <Grid Grid.Row="0">
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <!--图像-->
            <local:ShowVisionRender x:Name="visionRender"
                                    Grid.Row="0"
                                    Grid.Column="0">
                <local:ShowVisionRender.Style>
                    <Style TargetType="local:ShowVisionRender">
                        <Setter Property="Grid.RowSpan"
                                Value="1" />
                        <Style.Triggers>
                            <!-- 当压力曲线集合为空或没有项时，让图像占满两行 -->
                            <DataTrigger Binding="{Binding ElementName=pressureItems, Path=HasItems}"
                                         Value="False">
                                <Setter Property="Grid.RowSpan"
                                        Value="2" />
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </local:ShowVisionRender.Style>
            </local:ShowVisionRender>
            <!--曲线图-->
            <!--
            <oxy:PlotView Grid.Row="1"
                          Grid.Column="0"
                          Model="{Binding LockCurvePlotModel}"
                          Background="Transparent"
                          Margin="10" />-->
            <!-- 动态压力曲线集合 -->
            <ItemsControl x:Name="pressureItems"
                          Grid.Row="1"
                          Grid.Column="0"
                          ItemsSource="{Binding PressurePlotModels}">
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <!-- 一行显示，列数由转换器根据 Count 决定（1 / 2 / 3） -->
                        <UniformGrid Rows="1"
                                     Columns="{Binding PressurePlotModels.Count, RelativeSource={RelativeSource AncestorType=UserControl}, Converter={StaticResource CountToColumnsConverter}}" />
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>

                <!-- 保证每个项填充单元格 -->
                <ItemsControl.ItemContainerStyle>
                    <Style TargetType="ContentPresenter">
                        <Setter Property="HorizontalAlignment"
                                Value="Stretch" />
                        <Setter Property="VerticalAlignment"
                                Value="Stretch" />
                        <Setter Property="Margin"
                                Value="6" />
                    </Style>
                </ItemsControl.ItemContainerStyle>

                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <Border BorderBrush="LightGray"
                                BorderThickness="1"
                                CornerRadius="6"
                                HorizontalAlignment="Stretch"
                                VerticalAlignment="Stretch">
                            <oxy:PlotView Model="{Binding}"
                                          HorizontalAlignment="Stretch"
                                          VerticalAlignment="Stretch" />
                        </Border>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>
        </Grid>
        <Grid Grid.Row="1"
              Grid.Column="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="60*" />
                <RowDefinition Height="40*" />
            </Grid.RowDefinitions>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*" />
                    <RowDefinition Height="auto" />
                    <RowDefinition Height="auto" />
                </Grid.RowDefinitions>
                <!-- 锁付结果展示表格（插入位置） -->
                <materialDesign:Card Grid.Row="0"
                                     UniformCornerRadius="10"
                                     BorderBrush="LightGray"
                                     BorderThickness="1"
                                     Margin="0,4">
                    <DockPanel LastChildFill="True"
                               Margin="8">
                        <TextBlock DockPanel.Dock="Top"
                                   FontWeight="Bold"
                                   FontSize="{DynamicResource Font.Size.Body3}"
                                   Text="视觉引导定位数据：" />
                        <DataGrid x:Name="lockResultGrid"
                                  ItemsSource="{Binding AssemblyResults}"
                                  AutoGenerateColumns="False"
                                  CanUserAddRows="False"
                                  CanUserDeleteRows="False"
                                  IsReadOnly="True"
                                  HeadersVisibility="Column"
                                  GridLinesVisibility="None"
                                  RowHeaderWidth="0"
                                  MinHeight="120"
                                  VerticalAlignment="Stretch"
                                  HorizontalAlignment="Stretch"
                                  Margin="0,8,0,0">
                            <DataGrid.Columns>
                                <DataGridTextColumn Header="产品编号"
                                                    Binding="{Binding ProductSN}"
                                                    Width="auto"
                                                    IsReadOnly="True" />
                                <DataGridTextColumn Header="时间"
                                                    Binding="{Binding Timestamp, StringFormat={}{0:G}}"
                                                    Width="auto"
                                                    IsReadOnly="True" />
                                <DataGridTextColumn Header="组装压力"
                                                    Binding="{Binding AssemblyPressure, StringFormat={}{0:F3}}"
                                                    Width="auto"
                                                    IsReadOnly="True" />
                                <DataGridTextColumn Header="组装用时(s)"
                                                    Binding="{Binding AssemblyDurationSeconds, StringFormat={}{0:F3}}"
                                                    Width="auto"
                                                    IsReadOnly="True" />
                                <DataGridTemplateColumn Header="组装结果"
                                                        Width="auto"
                                                        IsReadOnly="True">
                                    <DataGridTemplateColumn.CellTemplate>
                                        <DataTemplate>
                                            <Border x:Name="bd"
                                                    Padding="4"
                                                    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 Success, StringFormat={}{0:F3}}"
                                                             Value="True">
                                                    <Setter TargetName="bd"
                                                            Property="Background"
                                                            Value="Green" />
                                                    <Setter TargetName="txt"
                                                            Property="Text"
                                                            Value="OK" />
                                                </DataTrigger>
                                                <DataTrigger Binding="{Binding Success, StringFormat={}{0:F3}}"
                                                             Value="False">
                                                    <Setter TargetName="bd"
                                                            Property="Background"
                                                            Value="Red" />
                                                    <Setter TargetName="txt"
                                                            Property="Text"
                                                            Value="NG" />
                                                </DataTrigger>
                                            </DataTemplate.Triggers>
                                        </DataTemplate>
                                    </DataGridTemplateColumn.CellTemplate>
                                </DataGridTemplateColumn>
                                <DataGridTextColumn Header="下相机工具坐标"
                                                    Binding="{Binding DownCameraCoord1}"
                                                    Width="auto"
                                                    IsReadOnly="True" />
                                <DataGridTextColumn Header="实际放置坐标"
                                                    Binding="{Binding PlaceActualCoord}"
                                                    Width="auto"
                                                    IsReadOnly="True" />
                                <DataGridTextColumn Header="详情"
                                                    Binding="{Binding ResultDetails}"
                                                    Width="auto"
                                                    IsReadOnly="True" />
                            </DataGrid.Columns>
                        </DataGrid>
                    </DockPanel>
                </materialDesign:Card>

                <Grid Grid.Row="1">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <!--加载产品-->
                    <materialDesign:Card Grid.Row="0"
                                         Grid.Column="0"
                                         UniformCornerRadius="10"
                                         BorderBrush="LightGray"
                                         BorderThickness="1">
                        <!--产品-->
                        <StackPanel HorizontalAlignment="Center"
                                    VerticalAlignment="Center"
                                    Orientation="Vertical"
                                    Margin="2">
                            <StackPanel Orientation="Horizontal"
                                        HorizontalAlignment="Left"
                                        VerticalAlignment="Center">
                                <TextBlock Text="{lex:Loc 产品列表,Converter={StaticResource StringFormatConverter},ConverterParameter='{}{0}: '}"
                                           FontSize="14"
                                           VerticalAlignment="Center" />
                                <ComboBox x:Name="selectProduct"
                                          Width="100"
                                          Margin="20,0"
                                          FontSize="14"
                                          materialDesign:HintAssist.Hint="{lex:Loc 选择产品}"
                                          SelectedItem="{Binding SelectProduct,Mode=TwoWay}"
                                          ItemsSource="{Binding ProductList,Mode=TwoWay}">
                                    <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>

                            </StackPanel>
                            <Button Content="{lex:Loc 加载}"
                                    materialDesign:ButtonAssist.CornerRadius="10"
                                    Style="{StaticResource MaterialDesignRaisedButton}"
                                    Margin="0,10"
                                    Command="{Binding LoadProductCommand}"
                                    CommandParameter="{Binding ElementName=selectProduct,Path=SelectedItem}" />
                            <StackPanel HorizontalAlignment="Left"
                                        VerticalAlignment="Center"
                                        Orientation="Horizontal">
                                <TextBlock Text="{lex:Loc 当前产品,Converter={StaticResource StringFormatConverter},ConverterParameter='{}{0}: '}"
                                           FontSize="14"
                                           Foreground="Green"
                                           VerticalAlignment="Center" />
                                <TextBlock FontSize="14"
                                           Margin="10,0"
                                           FontWeight="Bold"
                                           VerticalAlignment="Center">
                                    <TextBlock.Text>
                                        <MultiBinding StringFormat="{}{0}. {1}">
                                            <Binding Path="CurrentProduct.NumberCode" />
                                            <Binding Path="CurrentProduct.Name" />
                                        </MultiBinding>
                                    </TextBlock.Text>
                                </TextBlock>
                            </StackPanel>
                        </StackPanel>
                    </materialDesign:Card>
                    <!--生产数量-->
                    <materialDesign:Card Grid.Row="0"
                                         Grid.Column="1"
                                         UniformCornerRadius="10"
                                         BorderBrush="LightGray"
                                         BorderThickness="1">
                        <Grid Grid.Row="1"
                              HorizontalAlignment="Center"
                              VerticalAlignment="Center">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="auto" />
                                <RowDefinition Height="auto" />
                                <RowDefinition Height="auto" />
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="auto" />
                                <ColumnDefinition Width="auto" />
                            </Grid.ColumnDefinitions>
                            <Grid.Resources>
                                <Style TargetType="TextBlock">
                                    <Setter Property="FontSize"
                                            Value="14" />
                                    <Setter Property="Margin"
                                            Value="5" />
                                    <Setter Property="MinWidth"
                                            Value="50" />
                                    <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}: '}"
                                       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="1"
                                       Grid.Column="0"
                                       Text="{lex:Loc 今日产量,Converter={StaticResource StringFormatConverter},ConverterParameter='{}{0}: '}"
                                       HorizontalAlignment="Right"
                                       TextAlignment="Right" />
                            <Border Grid.Row="1"
                                    Grid.Column="1"
                                    VerticalAlignment="Bottom"
                                    BorderBrush="Gray"
                                    BorderThickness="1" />
                            <TextBlock Grid.Row="1"
                                       Grid.Column="1"
                                       Text="{Binding management.TotalQuantityToday}" />
                            <TextBlock Grid.Row="2"
                                       Grid.Column="0"
                                       Text="UPH："
                                       HorizontalAlignment="Right"
                                       TextAlignment="Right" />
                            <Border Grid.Row="2"
                                    Grid.Column="1"
                                    VerticalAlignment="Bottom"
                                    BorderBrush="Gray"
                                    BorderThickness="1" />
                            <TextBlock Grid.Row="2"
                                       Grid.Column="1"
                                       Text="{Binding management.CurrentUPH}" />
                        </Grid>
                    </materialDesign:Card>
                </Grid>


                <StackPanel Grid.Row="2"
                            Orientation="Horizontal"
                            VerticalAlignment="Bottom"
                            Margin="10,3">
                    <TextBlock Text="CT: "
                               FontWeight="Bold"
                               FontSize="{DynamicResource Font.Size.Body2}"
                               VerticalAlignment="Center" />
                    <TextBlock Text="{Binding management.CTtime,StringFormat={}{0:F2} s}"
                               FontSize="{DynamicResource Font.Size.Body3}"
                               VerticalAlignment="Center"
                               Margin="10,0" />
                </StackPanel>
                <Button Grid.Row="2"
                        Content="{lex:Loc 计数清零}"
                        VerticalAlignment="Bottom"
                        Margin=" 10,3"
                        HorizontalAlignment="Right"
                        materialDesign:ButtonAssist.CornerRadius="10"
                        Style="{StaticResource MaterialDesignRaisedButton}"
                        Command="{Binding ResetCounterCommand}" />
            </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="800"
                                           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>