NetworkTool/windows/NetworkTool.Client/DeviceDetailsWindow.xaml

<Window x:Class="NetworkTool.Client.DeviceDetailsWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="设备信息与接口配置"
        Height="760"
        Width="1100"
        MinHeight="680"
        MinWidth="1000"
        WindowState="Maximized"
        ShowInTaskbar="False"
        WindowStartupLocation="CenterOwner">
    <Grid Background="#F5F7FB">
        <ScrollViewer x:Name="ContentScrollViewer"
                      Margin="20"
                      VerticalScrollBarVisibility="Auto"
                      HorizontalScrollBarVisibility="Disabled"
                      CanContentScroll="True">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <UniformGrid Grid.Row="0" Columns="4">
            <Border Margin="0,0,12,0" Padding="14" Background="White" CornerRadius="10">
                <StackPanel>
                    <TextBlock FontSize="12" Foreground="#6B7280" Text="设备 ID" />
                    <TextBlock x:Name="RemoteDeviceIdTextBlock" Margin="0,8,0,0" FontSize="14" FontWeight="SemiBold" Foreground="#111827" Text="-" />
                </StackPanel>
            </Border>
            <Border Margin="0,0,12,0" Padding="14" Background="White" CornerRadius="10">
                <StackPanel>
                    <TextBlock FontSize="12" Foreground="#6B7280" Text="主机名" />
                    <TextBlock x:Name="RemoteHostnameTextBlock" Margin="0,8,0,0" FontSize="14" FontWeight="SemiBold" Foreground="#111827" Text="-" />
                </StackPanel>
            </Border>
            <Border Margin="0,0,12,0" Padding="14" Background="White" CornerRadius="10">
                <StackPanel>
                    <TextBlock FontSize="12" Foreground="#6B7280" Text="Ubuntu 版本" />
                    <TextBlock x:Name="RemoteOsVersionTextBlock" Margin="0,8,0,0" FontSize="14" FontWeight="SemiBold" Foreground="#111827" Text="-" />
                </StackPanel>
            </Border>
            <Border Padding="14" Background="White" CornerRadius="10">
                <StackPanel>
                    <TextBlock FontSize="12" Foreground="#6B7280" Text="Server 版本" />
                    <TextBlock x:Name="RemoteServerVersionTextBlock" Margin="0,8,0,0" FontSize="14" FontWeight="SemiBold" Foreground="#111827" Text="-" />
                </StackPanel>
            </Border>
            </UniformGrid>

            <Border Grid.Row="1" Margin="0,12,0,0" Padding="14" Background="White" CornerRadius="10">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>

                    <TextBlock FontSize="13"
                               FontWeight="SemiBold"
                               Foreground="#111827"
                               Text="网络配置" />

                    <Button x:Name="ReloadInterfaceConfigButton"
                            Grid.Column="1"
                            MinHeight="32"
                            Padding="12,0"
                            VerticalAlignment="Center"
                            Click="ReloadInterfaceConfigButton_OnClick"
                            Content="刷新接口配置" />

                    <ListBox x:Name="RemoteTargetInterfaceTabControl"
                             Grid.Row="1"
                             Grid.ColumnSpan="2"
                             Margin="0,12,0,0"
                             MinHeight="54"
                             Padding="4"
                             Background="#F8FAFC"
                             BorderBrush="#D1D5DB"
                             BorderThickness="1"
                             ScrollViewer.HorizontalScrollBarVisibility="Auto"
                             ScrollViewer.VerticalScrollBarVisibility="Disabled"
                             SelectionChanged="RemoteTargetInterfaceTabControl_OnSelectionChanged">
                        <ListBox.ItemsPanel>
                            <ItemsPanelTemplate>
                                <StackPanel Orientation="Horizontal" />
                            </ItemsPanelTemplate>
                        </ListBox.ItemsPanel>
                        <ListBox.ItemContainerStyle>
                            <Style TargetType="ListBoxItem">
                                <Setter Property="Margin" Value="0,0,4,0" />
                                <Setter Property="Padding" Value="0" />
                                <Setter Property="Background" Value="Transparent" />
                                <Setter Property="BorderBrush" Value="Transparent" />
                                <Setter Property="BorderThickness" Value="0" />
                                <Setter Property="MinWidth" Value="126" />
                                <Setter Property="HorizontalContentAlignment" Value="Center" />
                                <Setter Property="VerticalContentAlignment" Value="Center" />
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="ListBoxItem">
                                            <Border x:Name="ItemBorder"
                                                    Padding="16,8,16,10"
                                                    Background="{TemplateBinding Background}"
                                                    BorderBrush="{TemplateBinding BorderBrush}"
                                                    BorderThickness="1"
                                                    CornerRadius="8">
                                                <Grid>
                                                    <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                                                </Grid>
                                            </Border>
                                            <ControlTemplate.Triggers>
                                                <Trigger Property="IsMouseOver" Value="True">
                                                    <Setter TargetName="ItemBorder" Property="Background" Value="#F1F5F9" />
                                                    <Setter TargetName="ItemBorder" Property="BorderBrush" Value="#CBD5E1" />
                                                </Trigger>
                                                <Trigger Property="IsSelected" Value="True">
                                                    <Setter TargetName="ItemBorder" Property="Background" Value="#EFF6FF" />
                                                    <Setter TargetName="ItemBorder" Property="BorderBrush" Value="#60A5FA" />
                                                </Trigger>
                                            </ControlTemplate.Triggers>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                                <Style.Triggers>
                                    <Trigger Property="IsSelected" Value="True">
                                        <Setter Property="Background" Value="#EFF6FF" />
                                        <Setter Property="BorderBrush" Value="#93C5FD" />
                                    </Trigger>
                                </Style.Triggers>
                            </Style>
                        </ListBox.ItemContainerStyle>
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <StackPanel>
                                    <TextBlock HorizontalAlignment="Center" FontSize="13" FontWeight="SemiBold" Text="{Binding SystemName}" />
                                    <TextBlock Margin="0,3,0,0" FontSize="11" Foreground="#6B7280" Text="{Binding StatusSummary}" />
                                </StackPanel>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>

                    <Grid Grid.Row="2" Grid.ColumnSpan="2" Margin="0,0,0,0">
                        <Border Padding="14" Background="#F9FAFB" BorderBrush="#D1D5DB" BorderThickness="1,0,1,1" CornerRadius="0,0,10,10">
                            <StackPanel>
                                <CheckBox x:Name="Dhcp4CheckBox" VerticalContentAlignment="Center" Checked="ConfigModeChanged_OnChanged" Unchecked="ConfigModeChanged_OnChanged" Content="使用 DHCP 自动获取 IPv4 配置" />
                                <Grid x:Name="TableConfigPanel" Margin="0,12,0,0">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="2*" />
                                        <ColumnDefinition Width="2*" />
                                        <ColumnDefinition Width="1.2*" />
                                    </Grid.ColumnDefinitions>

                                    <Border Margin="0,0,8,0" Padding="10" Background="White" BorderBrush="#E5E7EB" BorderThickness="1" CornerRadius="8">
                                        <Grid>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="Auto" />
                                                <RowDefinition Height="*" />
                                                <RowDefinition Height="Auto" />
                                            </Grid.RowDefinitions>
                                            <TextBlock FontSize="13" FontWeight="SemiBold" Foreground="#111827" Text="IP 地址" />
                                            <DataGrid x:Name="AddressesDataGrid"
                                                      Grid.Row="1"
                                                      Margin="0,8,0,0"
                                                      MaxHeight="260"
                                                      AutoGenerateColumns="False"
                                                      CanUserAddRows="False"
                                                      HeadersVisibility="Column"
                                                      CellEditEnding="ConfigGrid_OnCellEditEnding">
                                                <DataGrid.Columns>
                                                    <DataGridTextColumn Header="IP 地址" Binding="{Binding IP, UpdateSourceTrigger=PropertyChanged}" Width="*" />
                                                    <DataGridTextColumn Header="子网掩码" Binding="{Binding Mask, UpdateSourceTrigger=PropertyChanged}" Width="120" />
                                                    <DataGridTemplateColumn Header="操作" Width="58">
                                                        <DataGridTemplateColumn.CellTemplate>
                                                            <DataTemplate>
                                                                <Button Padding="8,0" Click="DeleteAddressButton_OnClick" Content="删除" />
                                                            </DataTemplate>
                                                        </DataGridTemplateColumn.CellTemplate>
                                                    </DataGridTemplateColumn>
                                                </DataGrid.Columns>
                                            </DataGrid>
                                            <Button x:Name="AddAddressButton" Grid.Row="2" Margin="0,10,0,0" HorizontalAlignment="Left" MinHeight="30" Padding="12,0" Click="AddAddressButton_OnClick" Content="+ 添加 IP" />
                                        </Grid>
                                    </Border>

                                    <Border Grid.Column="1" Margin="8,0,8,0" Padding="10" Background="White" BorderBrush="#E5E7EB" BorderThickness="1" CornerRadius="8">
                                        <Grid>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="Auto" />
                                                <RowDefinition Height="Auto" />
                                                <RowDefinition Height="*" />
                                                <RowDefinition Height="Auto" />
                                            </Grid.RowDefinitions>
                                            <StackPanel>
                                                <TextBlock FontSize="13" FontWeight="SemiBold" Foreground="#111827" Text="网关" />
                                                <StackPanel Margin="0,8,0,12" Orientation="Horizontal">
                                                    <CheckBox x:Name="DefaultGatewayCheckBox" VerticalContentAlignment="Center" Checked="GatewayOrRouteModeChanged_OnChanged" Unchecked="GatewayOrRouteModeChanged_OnChanged" Content="启用" />
                                                    <TextBox x:Name="DefaultGatewayTextBox" Margin="12,0,0,0" MinWidth="220" MinHeight="30" VerticalContentAlignment="Center" TextChanged="ConfigInputChanged_OnChanged" />
                                                </StackPanel>
                                            </StackPanel>
                                            <CheckBox x:Name="CustomRoutesCheckBox" Grid.Row="1" Margin="0,0,0,8" VerticalContentAlignment="Center" Checked="GatewayOrRouteModeChanged_OnChanged" Unchecked="GatewayOrRouteModeChanged_OnChanged" Content="启用自定义路由" />
                                            <DataGrid x:Name="RoutesDataGrid"
                                                      Grid.Row="2"
                                                      Margin="0,8,0,0"
                                                      MaxHeight="260"
                                                      AutoGenerateColumns="False"
                                                      CanUserAddRows="False"
                                                      HeadersVisibility="Column"
                                                      CellEditEnding="ConfigGrid_OnCellEditEnding">
                                                <DataGrid.Columns>
                                                    <DataGridTextColumn Header="目标网段" Binding="{Binding To, UpdateSourceTrigger=PropertyChanged}" Width="*" />
                                                    <DataGridTextColumn Header="网关地址" Binding="{Binding Via, UpdateSourceTrigger=PropertyChanged}" Width="*" />
                                                    <DataGridTemplateColumn Header="操作" Width="58">
                                                        <DataGridTemplateColumn.CellTemplate>
                                                            <DataTemplate>
                                                                <Button Padding="8,0" Click="DeleteRouteButton_OnClick" Content="删除" />
                                                            </DataTemplate>
                                                        </DataGridTemplateColumn.CellTemplate>
                                                    </DataGridTemplateColumn>
                                                </DataGrid.Columns>
                                            </DataGrid>
                                            <Button x:Name="AddRouteButton" Grid.Row="3" Margin="0,10,0,0" HorizontalAlignment="Left" MinHeight="30" Padding="12,0" Click="AddRouteButton_OnClick" Content="+ 添加路由" />
                                        </Grid>
                                    </Border>

                                    <Border Grid.Column="2" Margin="8,0,0,0" Padding="10" Background="White" BorderBrush="#E5E7EB" BorderThickness="1" CornerRadius="8">
                                        <Grid>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="Auto" />
                                                <RowDefinition Height="*" />
                                                <RowDefinition Height="Auto" />
                                            </Grid.RowDefinitions>
                                            <TextBlock FontSize="13" FontWeight="SemiBold" Foreground="#111827" Text="DNS" />
                                            <DataGrid x:Name="DnsDataGrid"
                                                      Grid.Row="1"
                                                      Margin="0,8,0,0"
                                                      MaxHeight="260"
                                                      AutoGenerateColumns="False"
                                                      CanUserAddRows="False"
                                                      HeadersVisibility="Column"
                                                      CellEditEnding="ConfigGrid_OnCellEditEnding">
                                                <DataGrid.Columns>
                                                    <DataGridTextColumn Header="DNS 地址" Binding="{Binding Address, UpdateSourceTrigger=PropertyChanged}" Width="*" />
                                                    <DataGridTemplateColumn Header="操作" Width="58">
                                                        <DataGridTemplateColumn.CellTemplate>
                                                            <DataTemplate>
                                                                <Button Padding="8,0" Click="DeleteDnsButton_OnClick" Content="删除" />
                                                            </DataTemplate>
                                                        </DataGridTemplateColumn.CellTemplate>
                                                    </DataGridTemplateColumn>
                                                </DataGrid.Columns>
                                            </DataGrid>
                                            <Button x:Name="AddDnsButton" Grid.Row="2" Margin="0,10,0,0" HorizontalAlignment="Left" MinHeight="30" Padding="12,0" Click="AddDnsButton_OnClick" Content="+ 添加 DNS" />
                                        </Grid>
                                    </Border>
                                </Grid>
                            </StackPanel>
                        </Border>
                    </Grid>

                    <Grid Grid.Row="3" Grid.ColumnSpan="2" Margin="0,12,0,0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>

                        <TextBlock VerticalAlignment="Center"
                                   FontSize="12"
                                   Foreground="#6B7280"
                                   Text="先确认当前配置，再校验新配置，最后再应用到目标接口。" />

                        <StackPanel Grid.Column="1" Margin="12,0,0,0" Orientation="Horizontal">
                            <Button x:Name="ValidateConfigButton"
                                    MinHeight="36"
                                    Padding="14,0"
                                    Click="ValidateConfigButton_OnClick"
                                    Content="校验配置" />
                            <Button x:Name="ApplyConfigButton"
                                    Margin="10,0,0,0"
                                    MinHeight="36"
                                    Padding="14,0"
                                    FontWeight="SemiBold"
                                    Click="ApplyConfigButton_OnClick"
                                    Content="应用配置">
                                <Button.Style>
                                    <Style TargetType="Button">
                                        <Setter Property="Background" Value="#2563EB" />
                                        <Setter Property="Foreground" Value="White" />
                                        <Setter Property="BorderBrush" Value="#2563EB" />
                                        <Style.Triggers>
                                            <Trigger Property="IsEnabled" Value="False">
                                                <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" />
                                                <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
                                                <Setter Property="BorderBrush" Value="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}" />
                                            </Trigger>
                                        </Style.Triggers>
                                    </Style>
                                </Button.Style>
                            </Button>
                        </StackPanel>
                    </Grid>
                </Grid>
            </Border>

            <Border Grid.Row="2" Margin="0,12,0,0" Padding="14" Background="#FEF2F2" CornerRadius="10">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>

                    <TextBlock FontSize="13"
                               FontWeight="SemiBold"
                               Foreground="#991B1B"
                               Text="高级操作" />

                    <StackPanel Grid.Row="1" Margin="0,12,0,0">
                        <TextBlock FontSize="12"
                                   Foreground="#991B1B"
                                   TextWrapping="Wrap"
                                   Text="重启或关闭设备会立即影响远端设备。执行后，当前连接可能马上断开。" />

                        <StackPanel Margin="0,12,0,0" Orientation="Horizontal">
                            <Button x:Name="RebootButton"
                                    MinHeight="36"
                                    Padding="14,0"
                                    FontWeight="SemiBold"
                                    Background="#FFF7ED"
                                    Foreground="#9A3412"
                                    BorderBrush="#FDBA74"
                                    Click="RebootButton_OnClick"
                                    Content="重启设备" />
                            <Button x:Name="ShutdownButton"
                                    Margin="10,0,0,0"
                                    MinHeight="36"
                                    Padding="14,0"
                                    FontWeight="SemiBold"
                                    Background="#DC2626"
                                    Foreground="White"
                                    BorderBrush="#DC2626"
                                    Click="ShutdownButton_OnClick"
                                    Content="关闭设备" />
                        </StackPanel>
                    </StackPanel>
                </Grid>
            </Border>
        </Grid>
        </ScrollViewer>

        <Border x:Name="BusyOverlay"
                Visibility="Collapsed"
                Panel.ZIndex="90"
                Background="#80F5F7FB">
            <Border HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Padding="18,16"
                    Background="White"
                    CornerRadius="12">
                <StackPanel>
                    <ProgressBar Width="220"
                                 Height="6"
                                 IsIndeterminate="True" />
                    <TextBlock x:Name="BusyMessageTextBlock"
                               Margin="0,12,0,0"
                               HorizontalAlignment="Center"
                               FontSize="13"
                               FontWeight="SemiBold"
                               Foreground="#111827"
                               Text="正在处理，请稍候..." />
                </StackPanel>
            </Border>
        </Border>

        <Border x:Name="StatusMessageBorder"
                Visibility="Collapsed"
                Panel.ZIndex="100"
                HorizontalAlignment="Center"
                VerticalAlignment="Top"
                Margin="24,12,24,0"
                MaxWidth="860"
                Padding="14,10"
                Background="#111827"
                CornerRadius="10">
            <TextBlock x:Name="StatusMessageTextBlock"
                       FontSize="13"
                       Foreground="White"
                       TextWrapping="Wrap"
                       Text="" />
        </Border>
    </Grid>
</Window>