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"
             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.ColumnDefinitions>
            <ColumnDefinition Width="60*" />
            <ColumnDefinition Width="40*" />
        </Grid.ColumnDefinitions>

        <Grid Grid.Row="0">
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <!--<RowDefinition Height="*" />-->
            </Grid.RowDefinitions>
            <!--图像-->
            <local:ShowVisionRender Grid.Row="0"
                                    Grid.Column="0" />
            
            <!--曲线图-->
            <!--<oxy:PlotView Grid.Row="1"
                          Grid.Column="0"
                          Model="{Binding LockCurvePlotModel}"
                          Background="Transparent"
                          Margin="10" />-->
        </Grid>
        <Grid Grid.Row="1"
              Grid.Column="1"
              x:Name="zzz">
            <Grid.RowDefinitions>
                <RowDefinition Height="60*" />
                <RowDefinition Height="40*" />
            </Grid.RowDefinitions>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*" />
                    <RowDefinition Height="auto" />
                    <RowDefinition Height="auto" />
                </Grid.RowDefinitions>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="80*" />
                        <ColumnDefinition Width="auto" />
                    </Grid.ColumnDefinitions>
                    <!-- 锁付结果展示表格（插入位置） -->
                    <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 LockResults}"
                                      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 PhotoName}"
                                                        Width="auto"
                                                        IsReadOnly="True" />
                                    <DataGridTextColumn Header="产品编号"
                                                        Binding="{Binding PhotoCode}"
                                                        Width="auto"
                                                        IsReadOnly="True" />
                                    <DataGridTextColumn Header="时间"
                                                        Binding="{Binding Timestamp, StringFormat={}{0:G}}"
                                                        Width="auto"
                                                        IsReadOnly="True" />
                                    <DataGridTextColumn Header="测量数据"
                                                        Binding="{Binding ResultData}"
                                                        Width="auto"
                                                        IsReadOnly="True" />
                                    <!--<DataGridTextColumn Header="程序号"
                    Binding="{Binding ScrewdriverProgramNumber}"
                    Width="auto"
                    IsReadOnly="True" />
<DataGridTextColumn Header="锁付圈数"
                    Binding="{Binding LockTurns}"
                    Width="auto"
                    IsReadOnly="True" />
<DataGridTextColumn Header="锁付扭矩"
                    Binding="{Binding LockTorque}"
                    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 PhotoPassed}"
                                                                 Value="OK">
                                                        <Setter TargetName="bd"
                                                                Property="Background"
                                                                Value="Green" />
                                                        <Setter TargetName="txt"
                                                                Property="Text"
                                                                Value="OK" />
                                                    </DataTrigger>
                                                    <DataTrigger Binding="{Binding PhotoPassed}"
                                                                 Value="NG">
                                                        <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 Detail}"
                                                        Width="auto"
                                                        IsReadOnly="True" />
                                </DataGrid.Columns>
                            </DataGrid>
                        </DockPanel>
                    </materialDesign:Card>
                    <StackPanel Grid.Column="1"
                                Margin="5"
                                Orientation="Vertical"
                                HorizontalAlignment="Center"
                                Visibility="{Binding DataContext.IsShowLabel,ElementName=zzz, Converter={StaticResource BooleanToVisibilityConverter}}">
                        <StackPanel Orientation="Vertical">
                            <TextBlock Text="MES:"
                                       FontWeight="Black"
                                       FontSize="30" />
                            <TextBlock FontSize="80"
                                       FontWeight="Black">
                                <TextBlock.Style>
                                    <Style TargetType="TextBlock">
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding management.ShowMes_Query}"
                                                         Value="True">
                                                <Setter Property="Text"
                                                        Value="OK" />
                                                <Setter Property="Background"
                                                        Value="Green" />
                                            </DataTrigger>
                                            <DataTrigger Binding="{Binding management.ShowMes_Query}"
                                                         Value="False">
                                                <Setter Property="Text"
                                                        Value="NG" />
                                                <Setter Property="Background"
                                                        Value="Red" />
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </TextBlock.Style>
                            </TextBlock>
                        </StackPanel>
                        <StackPanel Orientation="Vertical"
                                    Margin="0,40">
                            <TextBlock Text="结果:"
                                       FontWeight="Black"
                                       FontSize="30" />
                            <TextBlock FontSize="80"
                                       FontWeight="Black">
                                <TextBlock.Style>
                                    <Style TargetType="TextBlock">
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding management.ShowMes_Result}"
                                                         Value="True">
                                                <Setter Property="Text"
                                                        Value="OK" />
                                                <Setter Property="Background"
                                                        Value="Green" />
                                            </DataTrigger>
                                            <DataTrigger Binding="{Binding management.ShowMes_Result}"
                                                         Value="False">
                                                <Setter Property="Text"
                                                        Value="NG" />
                                                <Setter Property="Background"
                                                        Value="Red" />
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </TextBlock.Style>
                            </TextBlock>
                        </StackPanel>
                    </StackPanel>
                </Grid>

                <Grid Grid.Row="1">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <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>

                    <!--OK/NG-->
                    <materialDesign:Card Grid.Row="0"
                     Grid.Column="2"
                     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="" />
                            <TextBlock Grid.Row="1"
                   Grid.Column="0"
                   Text="{lex:Loc NG数量,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.NgNumber}" />
                            <TextBlock Grid.Row="2"
                   Grid.Column="0"
                   Text="良率："
                   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.Yield}" />
                        </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>
                <CheckBox Grid.Row="2"
                          VerticalAlignment="Bottom"
                          Margin=" 120,3"
                          HorizontalAlignment="Right"
                          Content="虚拟SN"
                          IsEnabled="{Binding IsRunning, Converter={StaticResource InvertBooleanConverter}}"
                          IsChecked="{Binding IsNoCode, Mode=TwoWay, Converter={StaticResource InvertBooleanConverter}}" />
                <CheckBox Grid.Row="2"
                          VerticalAlignment="Bottom"
                          Margin="0,0,180,3"
                          HorizontalAlignment="Right"
                          Content="检测结果为1"
                          IsEnabled="{Binding IsRunning, Converter={StaticResource InvertBooleanConverter}}"
                          IsChecked="{Binding IsResultTrue, Mode=TwoWay, Converter={StaticResource InvertBooleanConverter}}" Width="98" />
                <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 Width="auto"
                                           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>