NetworkTool/windows/NetworkTool.Client/DeviceDetailsWindow.xaml

<Window x:Class="QuickIP.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="Agent 版本" />
                    <TextBlock x:Name="RemoteAgentVersionTextBlock" 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" />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>

                    <TextBlock FontSize="13"
                               FontWeight="SemiBold"
                               Foreground="#111827"
                               Text="目标接口" />

                    <ComboBox x:Name="RemoteTargetInterfaceComboBox"
                              Grid.Row="1"
                              Margin="0,10,0,0"
                              MinHeight="36"
                              VerticalContentAlignment="Center"
                              DisplayMemberPath="DisplayName"
                              SelectionChanged="RemoteTargetInterfaceComboBox_OnSelectionChanged" />

                    <Button x:Name="ReloadInterfaceConfigButton"
                            Grid.Row="1"
                            Grid.Column="1"
                            Margin="14,10,0,0"
                            MinHeight="36"
                            Padding="14,0"
                            VerticalAlignment="Center"
                            Click="ReloadInterfaceConfigButton_OnClick"
                            Content="1. 读取当前配置" />
                </Grid>
            </Border>

            <Border Grid.Row="2" 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" />
                    </Grid.RowDefinitions>

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

                    <Grid Grid.Row="1" Margin="0,12,0,0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>

                        <Border Margin="0,0,8,0" Padding="14" Background="#F9FAFB" CornerRadius="10">
                            <StackPanel>
                                <TextBlock FontSize="13" FontWeight="SemiBold" Foreground="#111827" Text="当前配置" />
                                <TextBlock Margin="0,12,0,0" FontSize="12" Foreground="#6B7280" Text="接口名" />
                                <TextBlock x:Name="RemoteConfigInterfaceTextBlock" Margin="0,8,0,0" FontSize="14" FontWeight="SemiBold" Foreground="#111827" Text="-" />
                                <TextBlock Margin="0,12,0,0" FontSize="12" Foreground="#6B7280" Text="当前 IP" />
                                <TextBlock x:Name="RemoteConfigIpTextBlock" Margin="0,8,0,0" FontSize="14" FontWeight="SemiBold" Foreground="#111827" Text="-" />
                                <TextBlock Margin="0,12,0,0" FontSize="12" Foreground="#6B7280" Text="当前网关" />
                                <TextBlock x:Name="RemoteConfigGatewayTextBlock" Margin="0,8,0,0" FontSize="14" FontWeight="SemiBold" Foreground="#111827" Text="-" />
                                <TextBlock Margin="0,12,0,0" FontSize="12" Foreground="#6B7280" Text="当前 DNS" />
                                <TextBlock x:Name="RemoteConfigDnsTextBlock" Margin="0,8,0,0" FontSize="14" FontWeight="SemiBold" Foreground="#111827" Text="-" />
                            </StackPanel>
                        </Border>

                        <Border Grid.Column="1" Margin="8,0,0,0" Padding="14" Background="#F9FAFB" CornerRadius="10">
                            <StackPanel>
                                <TextBlock FontSize="13" FontWeight="SemiBold" Foreground="#111827" Text="新配置" />
                                <CheckBox x:Name="Dhcp4CheckBox" Margin="0,12,0,0" VerticalContentAlignment="Center" Checked="ConfigModeChanged_OnChanged" Unchecked="ConfigModeChanged_OnChanged" Content="使用 DHCP 自动获取 IPv4 配置" />
                                <TextBlock Margin="0,12,0,0" FontSize="12" Foreground="#6B7280" Text="IP 地址" />
                                <TextBox x:Name="NewIpTextBox" Margin="0,8,0,0" MinHeight="32" VerticalContentAlignment="Center" TextChanged="ConfigInputChanged_OnChanged" />
                                <TextBlock Margin="0,12,0,0" FontSize="12" Foreground="#6B7280" Text="子网掩码" />
                                <TextBox x:Name="NewMaskTextBox" Margin="0,8,0,0" MinHeight="32" VerticalContentAlignment="Center" TextChanged="ConfigInputChanged_OnChanged" />
                                <TextBlock Margin="0,12,0,0" FontSize="12" Foreground="#6B7280" Text="网关" />
                                <TextBox x:Name="NewGatewayTextBox" Margin="0,8,0,0" MinHeight="32" VerticalContentAlignment="Center" TextChanged="ConfigInputChanged_OnChanged" />
                                <TextBlock Margin="0,12,0,0" FontSize="12" Foreground="#6B7280" Text="首选 DNS" />
                                <TextBox x:Name="NewDnsTextBox" Margin="0,8,0,0" MinHeight="32" VerticalContentAlignment="Center" TextChanged="ConfigInputChanged_OnChanged" />
                            </StackPanel>
                        </Border>
                    </Grid>

                    <Grid Grid.Row="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="2. 校验配置" />
                            <Button x:Name="ApplyConfigButton"
                                    Margin="10,0,0,0"
                                    MinHeight="36"
                                    Padding="14,0"
                                    FontWeight="SemiBold"
                                    Click="ApplyConfigButton_OnClick"
                                    Content="3. 应用配置">
                                <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>

                    <Border Grid.Row="3" 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>
            </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>