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

<UserControl x:Class="LogoForceTestApp.Modules.MainModule.Views.SopPage"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:local="clr-namespace:LogoForceTestApp.Modules.MainModule.Views"
             xmlns:hc="https://handyorg.github.io/handycontrol"
             xmlns:viewmodels="clr-namespace:LogoForceTestApp.Modules.MainModule.ViewModels"
             xmlns:converter="clr-namespace:LogoForceTestApp.Modules.MainModule.Converters"
             d:DataContext="{d:DesignInstance Type=viewmodels:SopPageViewModel}"
             xmlns:prism="http://prismlibrary.com/"
             mc:Ignorable="d"
             prism:ViewModelLocator.AutoWireViewModel="True">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary>
                    <ResourceDictionary.MergedDictionaries>
                        <ResourceDictionary Source="/LogoForceTestApp.Modules.MainModule;component/Dictionary/ButtonStyle.xaml" />
                        <ResourceDictionary>
                            <converter:BooleanToBrush x:Key="BoolBrush" />
                        </ResourceDictionary>
                    </ResourceDictionary.MergedDictionaries>
                </ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
            <Style TargetType="DataGrid">
                <Setter Property="Height"
                        Value="auto" />
                <Setter Property="Width"
                        Value="auto" />
                <Setter Property="CanUserAddRows"
                        Value="False" />
                <Setter Property="FontSize"
                        Value="16" />
            </Style>
        </ResourceDictionary>
        
    </UserControl.Resources>
    
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition />
        </Grid.RowDefinitions>
        <StackPanel Orientation="Horizontal">
            <Button Content="清空表"
                    VerticalAlignment="Center"
                    Margin="5"
                    Width="120"
                    Height="35"
                    FontSize="20"
                    Style="{StaticResource BtnStyle}"
                    Command="{Binding ClearChart}"/>
            <Button Content="添加(表1)"
                    VerticalAlignment="Center"
                    Margin="5"
                    Width="120"
                    Height="35"
                    FontSize="20"
                    Command="{Binding AddCommand1}"
                    Style="{StaticResource BtnStyle}" />
            <Button Content="添加(表2)"
                    VerticalAlignment="Center"
                    Margin="5"
                    Width="120"
                    Height="35"
                    FontSize="20"
                    Command="{Binding AddCommand2}"
                    Style="{StaticResource BtnStyle}" />
            <Button Content="添加(表3)"
                    VerticalAlignment="Center"
                    Margin="5"
                    Width="120"
                    Height="35"
                    FontSize="20"
                    Command="{Binding AddCommand3}"
                    Style="{StaticResource BtnStyle}" />
            <Button Content="添加图片"
                    VerticalAlignment="Center"
                    Margin="5"
                    Width="120"
                    Height="35"
                    FontSize="20"
                    Command="{Binding AddPic}"
                    Style="{StaticResource BtnStyle}" />
            <TextBlock Text="产品名称"
                       FontSize="25"
                       Margin="4" />
            <TextBox Width="200"
                     Height="35"
                     FontSize="20"
                     HorizontalAlignment="Center"
                     VerticalAlignment="Center"
                     Margin="4"
                     Text="{Binding ProName}" />
            <Button Content="保存SOP"
                    VerticalAlignment="Center"
                    Margin="5"
                    Width="120"
                    Height="35"
                    FontSize="20"
                    Style="{StaticResource BtnStyle}"
                    Command="{Binding SaveSopCmm}" />
        </StackPanel>
        <Border Grid.Row="1"
                BorderBrush="#6A5ACD"
                BorderThickness="4">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto" />
                    <RowDefinition />
                    <RowDefinition Height="500" />
                </Grid.RowDefinitions>
                <StackPanel Orientation="Vertical">
                    <TextBlock Text="作   业   指   导   书"
                               FontSize="25"
                               FontWeight="Bold"
                               VerticalAlignment="Center"
                               HorizontalAlignment="Center" />
                </StackPanel>

                <Grid  Margin="4"
                       Grid.Row="1">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="60" />
                        <RowDefinition Height="150" />
                        <RowDefinition Height="330" />
                    </Grid.RowDefinitions>
                    <DataGrid Grid.Row="0"
                              AutoGenerateColumns="False"
                              IsReadOnly="True"
                              ItemsSource="{Binding FileInfos}">
                        <DataGrid.ColumnHeaderStyle>
                            <Style TargetType="DataGridColumnHeader">
                                <Setter Property="Background"
                                        Value="#CCCCFF" />
                                <Setter Property="Height"
                                        Value="30" />
                            </Style>
                        </DataGrid.ColumnHeaderStyle>
                        <DataGrid.Columns>
                            <DataGridTextColumn Width="*"
                                                Header="机种"
                                                Binding="{Binding FileNum}" />
                            <DataGridTextColumn Width="*"
                                                Header="工位"
                                                Binding="{Binding Edition}" />
                            <DataGridTextColumn Width="*"
                                                Header="工序名称"
                                                Binding="{Binding Date}" />
                            <DataGridTextColumn Width="*"
                                                Header="文件编号"
                                                Binding="{Binding Type}" />
                            <DataGridTextColumn Width="*"
                                                Header="版本"
                                                Binding="{Binding People}" />
                        </DataGrid.Columns>
                    </DataGrid>
                    <DataGrid Grid.Row="1"
                              AutoGenerateColumns="False"
                              IsReadOnly="True"
                              ItemsSource="{Binding FileInfos2}">
                        <DataGrid.ColumnHeaderStyle>
                            <Style TargetType="DataGridColumnHeader">
                                <Setter Property="Background"
                                        Value="#CCCCFF" />
                                <Setter Property="Height"
                                        Value="30" />
                            </Style>
                        </DataGrid.ColumnHeaderStyle>
                        <DataGrid.Columns>
                            <DataGridTextColumn Width="*"
                                                Header="物料名称"
                                                Binding="{Binding Num}" />
                            <DataGridTextColumn Width="*"
                                                Header="型号"
                                                Binding="{Binding MaterialNum}" />
                            <DataGridTextColumn Width="*"
                                                Header="数量"
                                                Binding="{Binding MaterialName}" />
                            <DataGridTextColumn Width="*"
                                                Header="装配工具"
                                                Binding="{Binding Count}" />
                            <DataGridTextColumn Width="*"
                                                Header="备注"
                                                Binding="{Binding Unit}" />
                        </DataGrid.Columns>
                    </DataGrid>
                    <ScrollViewer Grid.Row="2">
                        <DataGrid AutoGenerateColumns="False"
                                  IsReadOnly="True"
                                  ItemsSource="{Binding FileInfos3}">
                            <DataGrid.ColumnHeaderStyle>
                                <Style TargetType="DataGridColumnHeader">
                                    <Setter Property="Background"
                                            Value="#CCCCFF" />
                                    <Setter Property="Height"
                                            Value="30" />
                                </Style>
                            </DataGrid.ColumnHeaderStyle>

                            <DataGrid.Columns>
                                <DataGridTemplateColumn Width="*"
                                                        Header="操作步骤(一)">
                                    <DataGridTemplateColumn.CellTemplate>
                                        <DataTemplate>
                                            <RichTextBox Height="300"
                                                         IsReadOnly="True"
                                                         ScrollViewer.VerticalScrollBarVisibility="Auto">
                                                <FlowDocument>
                                                    <Paragraph>
                                                        <Run Text="{Binding Equipment}" />
                                                    </Paragraph>
                                                </FlowDocument>
                                            </RichTextBox>
                                        </DataTemplate>
                                    </DataGridTemplateColumn.CellTemplate>
                                </DataGridTemplateColumn>
                                <DataGridTemplateColumn Width="*"
                                                        Header="操作步骤(二)">
                                    <DataGridTemplateColumn.CellTemplate>
                                        <DataTemplate>
                                            <RichTextBox Height="300"
                                                         IsReadOnly="True"
                                                         ScrollViewer.VerticalScrollBarVisibility="Auto">
                                                <FlowDocument>
                                                    <Paragraph>
                                                        <Run Text="{Binding Before}" />
                                                    </Paragraph>
                                                </FlowDocument>
                                            </RichTextBox>
                                        </DataTemplate>
                                    </DataGridTemplateColumn.CellTemplate>
                                </DataGridTemplateColumn>
                                <DataGridTemplateColumn Width="*"
                                                        Header="操作步骤(三)">
                                    <DataGridTemplateColumn.CellTemplate>
                                        <DataTemplate>
                                            <RichTextBox Height="300"
                                                         IsReadOnly="True"
                                                         ScrollViewer.VerticalScrollBarVisibility="Auto">
                                                <FlowDocument>
                                                    <Paragraph>
                                                        <Run Text="{Binding Inn}" />
                                                    </Paragraph>
                                                </FlowDocument>
                                            </RichTextBox>
                                        </DataTemplate>
                                    </DataGridTemplateColumn.CellTemplate>
                                </DataGridTemplateColumn>
                                <DataGridTemplateColumn Width="*"
                                                        Header="操作步骤(四)">
                                    <DataGridTemplateColumn.CellTemplate>
                                        <DataTemplate>
                                            <RichTextBox Height="300"
                                                         IsReadOnly="True"
                                                         ScrollViewer.VerticalScrollBarVisibility="Auto">
                                                <FlowDocument>
                                                    <Paragraph>
                                                        <Run Text="{Binding After}" />
                                                    </Paragraph>
                                                </FlowDocument>
                                            </RichTextBox>
                                        </DataTemplate>
                                    </DataGridTemplateColumn.CellTemplate>
                                </DataGridTemplateColumn>
                                <DataGridTemplateColumn Width="*"
                                                        Header="注意事项">
                                    <DataGridTemplateColumn.CellTemplate>
                                        <DataTemplate>
                                            <RichTextBox Height="300"
                                                         IsReadOnly="True"
                                                         ScrollViewer.VerticalScrollBarVisibility="Auto">
                                                <FlowDocument>
                                                    <Paragraph>
                                                        <Run Text="{Binding LookOut}" />
                                                    </Paragraph>
                                                </FlowDocument>
                                            </RichTextBox>
                                        </DataTemplate>
                                    </DataGridTemplateColumn.CellTemplate>
                                </DataGridTemplateColumn>
                            </DataGrid.Columns>
                        </DataGrid>
                    </ScrollViewer>
                </Grid>

                
                <Border Grid.Row="2"
                        BorderBrush="#6A5ACD"
                        BorderThickness="0,4,0,0">

                    <ListBox ScrollViewer.IsDeferredScrollingEnabled="False"
                             ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                             ItemsSource="{Binding ImageList, Mode=OneWay,IsAsync=True}">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Image Height="490"
                                       Width="490"
                                       Source="{Binding PicturePath}" />
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                        <ListBox.ItemsPanel>
                            <ItemsPanelTemplate>
                                <WrapPanel Orientation="Horizontal" />
                            </ItemsPanelTemplate>
                        </ListBox.ItemsPanel>
                    </ListBox>
                </Border>
            </Grid>
        </Border>
    </Grid>
</UserControl>