MV485/MV485/uc/UCDeviceUpgrade.xaml

<UserControl x:Class="MV485.uc.UCDeviceUpgrade"
             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:MV485.uc"
             xmlns:zdfflatui="clr-namespace:ZdfFlatUI;assembly=WPF.UI"
             mc:Ignorable="d"
             Padding="5 2 5 5"
             Background="WhiteSmoke"             
             Unloaded="UserControl_Unloaded" 
             SizeChanged="UserControl_SizeChanged"
             d:DesignHeight="600" d:DesignWidth="1366">
    <Grid Margin="10">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="300" />
            <ColumnDefinition Width="750" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <Border Grid.Column="0" BorderBrush="DarkGray" BorderThickness="1">
            <StackPanel Orientation="Vertical" Margin="0">
                <Grid Height="35" Margin="10 0 0 0">
                    <TextBlock Text="获取设备版本信息：" FontSize="14" FontWeight="Bold"
                               VerticalAlignment="Center" Foreground="DarkBlue" />
                </Grid>
                <Grid Height="50" Margin="10 0 10 0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="65" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="40" />
                    </Grid.ColumnDefinitions>
                    <TextBlock Grid.Column="0" Text="端口号" FontSize="14" VerticalAlignment="Center" />
                    <ComboBox x:Name="cmbPortNames" Grid.Column="1"
                              DisplayMemberPath="ModelName" SelectedValuePath="PortName" 
                      SelectionChanged="CmbPortNames_SelectionChanged" Height="28"
                     Padding="5 0 0 0" Margin="2" FontSize="14px" VerticalContentAlignment="Center"/>
                    <zdfflatui:FlatButton Grid.Column="3"
                        x:Name="btnRefreshPorts" HorizontalAlignment="Center" Background="#2196F3" 
                                  Foreground="White" Content="🔄" ToolTip="刷新并重新加载串口列表"
                                  Click="btnRefreshPorts_Click" Margin="5 0 0 0" Width="30" Height="30" FontSize="20px"  />
                </Grid>
                <Grid Height="50" Margin="10 0 10 0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="65" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <TextBlock Grid.Column="0" Text="波特率" FontSize="14" VerticalAlignment="Center" />
                    <ComboBox x:Name="cmbBaudrate" Grid.Column="1" Height="28"
                        Padding="5 0 0 0" Margin="2" FontSize="14px" VerticalContentAlignment="Center"/>
                </Grid>

                <Grid Height="50" Margin="10 0 10 0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="65" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <TextBlock Grid.Column="0" Text="设备地址" FontSize="14" VerticalAlignment="Center" />
                    <ComboBox x:Name="cmbDevId" Grid.Column="1"  Padding="5 0 0 0" Margin="0" FontSize="14" 
                        PreviewTextInput="TextBox_PreviewTextInput" VerticalContentAlignment="Center" Height="28" IsEditable="True"/>
                </Grid>

                
                <Grid Height="50" Margin="10 0 10 0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="65" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <TextBlock Grid.Column="0" Text="设备序号" FontSize="14" VerticalAlignment="Center" />
                    <TextBox Grid.Column="1" IsReadOnly="True" x:Name="txtDeviceSn" VerticalContentAlignment="Center"
                                             Text="240505102203" FontSize="14" Height="26" Padding="5 0 0 0" Margin="0 0 0 0" />
                </Grid>

                <Grid Height="50" Margin="10 0 10 0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="65" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <TextBlock Grid.Column="0" Text="固件版本" FontSize="14" VerticalAlignment="Center" />
                    <TextBox Grid.Column="1" IsReadOnly="True" x:Name="txtOldFireware" VerticalContentAlignment="Center"
                                             Text="240505102203" FontSize="14" Height="26" Padding="5 0 0 0" />
                </Grid>
                <Grid Height="40" Margin="0 0 0 0">
                    <zdfflatui:FlatButton Grid.Column="0" x:Name="btnReadFireware" Background="#4CAF50" Foreground="White" 
                                                          Content="读取设备号及版本信息"  Click="BtnReadFireware_Click" 
                                                          Height="28" FontSize="14" Margin="10 0 10 0" />
                </Grid>

                <Grid Height="35" Margin="10 0 0 0">
                    <TextBlock Text="选择新固件版本文件：" FontSize="14" FontWeight="Bold"
                               VerticalAlignment="Center" Foreground="DarkBlue" />
                </Grid>
                <Grid Height="50" Margin="10 0 10 0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="40" />
                    </Grid.ColumnDefinitions>
                    <!--ComboBox x:Name="cmbNewFireware" Grid.Column="0"  Padding="5 0 0 0" Margin="0" FontSize="14" 
                        VerticalContentAlignment="Center" Height="28" IsEditable="True" />-->
                    <TextBox Grid.Column="0" IsReadOnly="True" x:Name="txtNewFirewarePath" VerticalContentAlignment="Center"
                                    Text="c:\sdfds.bin" FontSize="14" Height="26" Padding="5 0 0 0" />
                    <Button x:Name="btnSelNewFireware" Content="..." Click="BtnSelNewFireware_Click"
                            Grid.Column="1" Height="28" Margin="5 0 0 0"/>
                </Grid>

                <Grid Height="50" Margin="10 0 10 0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="65" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <TextBlock Grid.Column="0" Text="固件版本" FontSize="14" VerticalAlignment="Center" />
                    <TextBox Grid.Column="1" IsReadOnly="True" x:Name="txtNewFireware" VerticalContentAlignment="Center"
                                             Text="240505102203" FontSize="14" Height="26" Padding="5 0 0 0" />
                </Grid>

                <Grid Height="40">
                    <zdfflatui:FlatButton Grid.Column="1" x:Name="btnDeviceUpgrade" Background="#2196F3" Foreground="White" 
                                                          Content="开始升级固件"  Click="BtnDeviceUpgrade_Click" 
                                                          Height="28" FontSize="14" Margin="10 0 10 0" />
                </Grid>
                <Grid Height="50" >
                    <TextBlock Text="注意：要先读取到当前设备的版本信息后，再进行固件升级。" 
                               TextWrapping="Wrap" Foreground="Red" Margin="5 0 5 0"
                               FontSize="14" VerticalAlignment="Center"/>
                </Grid>
            </StackPanel>
        </Border>

        <Border Grid.Column="1" Margin="10 0 0 0" BorderThickness="1" BorderBrush="DarkGray" Padding="0 0 0 5">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="35" />
                    <RowDefinition Height="*" />
                    <RowDefinition Height="40" />
                </Grid.RowDefinitions>
                <Grid Grid.Row="0" Margin="5 0 0 0">
                    <TextBlock Text="固件升级历史" FontSize="14" FontWeight="Bold" Foreground="DarkBlue" VerticalAlignment="Center" />
                    <StackPanel Orientation="Horizontal" Grid.Column="1" HorizontalAlignment="Right" VerticalAlignment="Center">
                        <zdfflatui:FlatButton x:Name="btnClearUpgradeHis" HorizontalAlignment="Right"
                                                      Background="#FF4C4C" Content="清空历史"
                                                        Click="BtnClearUpgradeHis_Click" Foreground="White"
                                                      Width="80" Height="28" FontSize="13" Margin="10 0 0 0" />
                        <zdfflatui:FlatButton x:Name="btnRefreshUpgradeHis" HorizontalAlignment="Center"
                                              Background="#2196F3" Foreground="White" Content="🔄"
                                          ToolTip="刷新地址列表"
                                          Click="BtnRefreshUpgradeHis_Click" Margin="10 0 10 0" Width="30" Height="28" FontSize="20px"  />

                        <zdfflatui:FlatButton x:Name="btnClearDataA" HorizontalAlignment="Right"
                                                      Background="Black" Content="测试增加" Visibility="Visible"
                                                        Click="BtnClearDataA_Click" Foreground="White"
                                                      Width="80" Height="28" FontSize="13" Margin="10 0 10 0" />
                    </StackPanel>
                </Grid>

                <Border Grid.Row="1" BorderThickness="0" Padding="0">
                    <!--RowHeight="80"-->
                    <DataGrid Name="dgUpgradHis" GridLinesVisibility="All" HorizontalGridLinesBrush="#D3D3D3" VerticalGridLinesBrush="#D3D3D3" 
                              RowHeight="40"
                              BorderBrush="#D3D3D3"
                          HeadersVisibility="Column" SelectionMode="Single" SelectionUnit="FullRow" HorizontalScrollBarVisibility="Auto" CanUserResizeColumns="False"  
                          SelectedItem="{Binding SelectedHis,Mode=TwoWay}" FrozenColumnCount="2"
                          AutoGenerateColumns="False" CanUserAddRows="False" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Background="White">
                        <DataGrid.Resources>
                            <Style TargetType="DataGridColumnHeader">
                                <Setter Property="Height" Value="40" />
                                <!--Setter Property="Background" Value="White" /-->
                                <Setter Property="Foreground" Value="Black" />
                                <Setter Property="FontSize" Value="13px" />
                                <Setter Property="FontWeight" Value="Bold" />
                                <Setter Property="BorderBrush" Value="#D3D3D3" />
                                <Setter Property="BorderThickness" Value="0,0,1,1" />
                                <Setter Property="HorizontalContentAlignment" Value="Center" />
                            </Style>
                            <!-- 自定义行的选中样式 -->
                            <Style TargetType="DataGridRow">
                                <Style.Triggers>
                                    <!-- 当行被选中时 -->
                                    <DataTrigger Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="True">
                                        <!-- 设置选中行的背景色 -->
                                        <Setter Property="Background" Value="#CCE5FF"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>

                            <!-- 自定义选中单元格的背景色 -->
                            <Style TargetType="DataGridCell">
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="True">
                                        <!-- 设置选中单元格的背景色 -->
                                        <Setter Property="Background" Value="#CCE5FF"/>
                                        <Setter Property="BorderBrush" Value="Transparent" />
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>

                        </DataGrid.Resources>

                        <DataGrid.ContextMenu>
                            <ContextMenu>
                                <MenuItem x:Name="miDeleteHis" Header="删除" FontSize="13" Foreground="Blue" Click="MiDeleteHis_Click" >
                                    <MenuItem.Icon>
                                        <Image Source="pack://application:,,,/MV485;component/Assest/mi_delete.png" Width="16" Height="16"/>
                                    </MenuItem.Icon>
                                </MenuItem>
                            </ContextMenu>
                        </DataGrid.ContextMenu>

                        <DataGrid.Columns>

                            <DataGridTemplateColumn Header="序号" Width="40">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <TextBlock Text="{Binding Index}" FontSize="13px" Foreground="#000000" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>

                            <DataGridTemplateColumn Header="设备SN"  Width="100">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <TextBlock Text="{Binding DeviceSn}" FontSize="13px" Foreground="Black"  
                                                   HorizontalAlignment="Left" 
                                                   VerticalAlignment="Center"
                                                   Padding="5 0 0 0"/>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>

                            <DataGridTemplateColumn Header="485地址"  Width="80">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <TextBlock Text="{Binding AddressName}" FontSize="13px" Foreground="Black"  
                                                   HorizontalAlignment="Left" 
                                                   VerticalAlignment="Center"
                                                   Padding="5 0 0 0"/>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>

                            <DataGridTemplateColumn Header="旧版本"  Width="80">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <TextBlock Text="{Binding OldFireware}" FontSize="13px" Foreground="Black"  
                                                   HorizontalAlignment="Left" 
                                                   VerticalAlignment="Center"
                                                   Padding="5 0 0 0"/>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>

                            <DataGridTemplateColumn Header="升级时间"  Width="140">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <TextBlock Text="{Binding UpgradeTime}" FontSize="13px" Foreground="Black"  
                                                   HorizontalAlignment="Left" 
                                                   VerticalAlignment="Center"
                                                   Padding="5 0 0 0"/>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>

                            <DataGridTemplateColumn Header="新版本"  Width="80">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <TextBlock Text="{Binding NewFireware}" FontSize="13px" Foreground="Black"  
                                                   HorizontalAlignment="Left" 
                                                   VerticalAlignment="Center"
                                                   Padding="5 0 0 0"/>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>


                            <DataGridTemplateColumn Header="升级结果"  Width="80">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <TextBlock Text="{Binding UpgradeResultName}" FontSize="14px" Foreground="Black"  
                                                       HorizontalAlignment="Left" 
                                                       VerticalAlignment="Center"
                                                       Padding="5 0 0 0"/>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>


                            <DataGridTemplateColumn Header="操作" Width="60">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <StackPanel Orientation="Vertical" VerticalAlignment="Center">
                                           <Button x:Name="btnDelUpgradeHis" Width="Auto" FontSize="13px" Content="删除" Foreground="#2196F3" VerticalAlignment="Center"
                                                    BorderBrush="Transparent" BorderThickness="0 0 0 0" Background="Transparent" Click="BtnDelUpgradeHis_Click"  />
                                        </StackPanel>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>

                        </DataGrid.Columns>
                    </DataGrid>
                </Border>

                <StackPanel Grid.Row="2" Height="35" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0">
                    <!--<TextBlock Text="共 100 条数据" Margin="5" VerticalAlignment="Center" FontSize="13px"/>-->
                    <!--Text="{Binding Path=SlaveRecords,StringFormat='共 {0} 个设备'}"-->
                    <TextBlock Text="{Binding Path=HisRecords,StringFormat='共 {0} 条数据'}" Margin="5" VerticalAlignment="Center" FontSize="13px"/>
                    <ComboBox x:Name="cmbPageSize" Width="55" Margin="5" FontSize="13px" 
                              ItemsSource="{Binding Path=PageSizeOptions}"
                              SelectedValue="{Binding Path=CurPageSize}"/>
                    <Button x:Name="btnDataFirstPage" Content="首页" Width="55" Margin="5" FontSize="13px" Click="BtnDataFirstPage_Click"/>
                    <Button x:Name="btnDataPrePage" Content="上一页" Width="55" Margin="5" FontSize="13px" Click="BtnDataPrePage_Click"/>
                    <!--<TextBlock Text="第 2 页 / 共 10 页" Margin="5" FontSize="13px" VerticalAlignment="Center"/>-->
                    <TextBlock  Margin="5" FontSize="13px" VerticalAlignment="Center">
                        <TextBlock.Text>
                            <MultiBinding StringFormat="第 {0} 页 / 共 {1} 页">
                                <!--<Binding ElementName="ucPatchGird" Path="PatchDetailPage.PageNumber"/>
                                <Binding ElementName="ucPatchGird" Path="PatchDetailPage.PageCount"/>-->
                                <Binding Path="DetailPage.PageNumber"/>
                                <Binding Path="DetailPage.PageCount"/>
                            </MultiBinding>
                        </TextBlock.Text>
                    </TextBlock>
                    <Button x:Name="btnDataNextPage" Content="下一页" Width="55" Margin="5" FontSize="13px" Click="BtnDataNextPage_Click"/>
                    <Button x:Name="btnDataLastPage" Content="尾页" Width="55" Margin="5" FontSize="13px" Click="BtnDataLastPage_Click"/>
                    <TextBox x:Name="txtDataPageNumber" Width="55" Margin="5" TextAlignment="Center" FontSize="13px"
                             Text="{Binding Path=DetailPage.PageNumber,Mode=OneWay}"
                             MaxLength="5" PreviewTextInput="TextBox_PreviewTextInput" VerticalContentAlignment="Center"/>
                    <Button x:Name="btnDataSpeciPage" Content="跳转" Width="55" Margin="5" FontSize="13px" Click="BtnDataSpeciPage_Click"/>
                </StackPanel>
            </Grid>
        </Border>

        <Border Grid.Column="2" Margin="10 0 0 0" BorderThickness="1" BorderBrush="DarkGray" Padding="0 0 0 5">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="35" />
                    <RowDefinition Height="*" />
                    <!--<RowDefinition Height="40" />-->
                </Grid.RowDefinitions>

                <Grid Grid.Row="0" Margin="5 0 0 0">
                    <TextBlock Text="升级日志" FontSize="14" FontWeight="Bold" Foreground="DarkBlue" VerticalAlignment="Center" />
                    <StackPanel Orientation="Horizontal" Grid.Column="1" HorizontalAlignment="Right" VerticalAlignment="Center">
                        <zdfflatui:FlatButton Grid.Column="1" x:Name="btnClearUpgradeLog" HorizontalAlignment="Right"
                                                      Background="#FF4C4C" Content="清空历史"
                                                        Click="BtnClearLog_Click" Foreground="White"
                                                      Width="80" Height="28" FontSize="13" Margin="10 0 10 0" />
                    </StackPanel>
                </Grid>

                <ListView x:Name="lvLogs" Grid.Row="1" Margin="0">
                    <ListView.ContextMenu>
                        <ContextMenu>
                            <!--<MenuItem Header="复制消息" Click="MenuItem_CopyMessage_Click"/>-->
                            <MenuItem x:Name="miDeleteSlave" Header="复制消息" FontSize="13" Foreground="Blue" Click="MenuItem_CopyMessage_Click" >
                                <MenuItem.Icon>
                                    <Image Source="pack://application:,,,/MV485;component/Assest/copy.png" Width="16" Height="16"/>
                                </MenuItem.Icon>
                            </MenuItem>
                        </ContextMenu>
                    </ListView.ContextMenu>
                    <ListView.Resources>
                        <!-- 设置标题字体样式 -->
                        <Style TargetType="GridViewColumnHeader">
                            <Setter Property="FontSize" Value="14"/>
                            <Setter Property="Foreground" Value="DarkBlue"/>
                            <Setter Property="Height" Value="26"/>
                            <!-- 设置标题的高度 -->
                            <Setter Property="VerticalAlignment" Value="Center"/>
                            <!-- 设置垂直对齐方式 -->
                        </Style>

                        <!-- 设置内容字体样式 -->
                        <Style TargetType="TextBlock">
                            <Setter Property="FontSize" Value="13"/>
                            <Setter Property="Foreground" Value="Black"/>
                        </Style>
                    </ListView.Resources>

                    <ListView.View>
                        <GridView>
                            <GridViewColumn Header="时间" Width="120" DisplayMemberBinding="{Binding Time}"/>
                            <!--<GridViewColumn Header="消息" Width="600" DisplayMemberBinding="{Binding Message}"/>-->
                            <!-- "消息" 列，支持换行 -->
                            <GridViewColumn Header="消息" Width="400">
                                <GridViewColumn.CellTemplate>
                                    <DataTemplate>
                                        <TextBlock Text="{Binding Message}" TextWrapping="Wrap"/>
                                    </DataTemplate>
                                </GridViewColumn.CellTemplate>
                            </GridViewColumn>
                        </GridView>
                    </ListView.View>
                </ListView>

            </Grid>
        </Border>
        
    </Grid>
</UserControl>