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="960"
        MinHeight="680"
        MinWidth="900"
        ShowInTaskbar="False"
        WindowStartupLocation="CenterOwner">
    <Window.Resources>
        <Style x:Key="ConfigDataGridStyle" TargetType="DataGrid">
            <Setter Property="Background" Value="White" />
            <Setter Property="BorderBrush" Value="#E5E7EB" />
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="GridLinesVisibility" Value="None" />
            <Setter Property="HeadersVisibility" Value="Column" />
            <Setter Property="RowHeight" Value="36" />
            <Setter Property="ColumnHeaderHeight" Value="36" />
            <Setter Property="AlternatingRowBackground" Value="#F9FAFB" />
            <Setter Property="HorizontalGridLinesBrush" Value="#EEF2F7" />
            <Setter Property="VerticalGridLinesBrush" Value="#EEF2F7" />
            <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled" />
            <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto" />
        </Style>

        <Style TargetType="DataGridColumnHeader">
            <Setter Property="Padding" Value="12,0" />
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="Background" Value="#F3F4F6" />
            <Setter Property="Foreground" Value="#374151" />
            <Setter Property="FontWeight" Value="SemiBold" />
            <Setter Property="BorderBrush" Value="#E5E7EB" />
            <Setter Property="BorderThickness" Value="0,0,1,1" />
        </Style>

        <Style TargetType="DataGridCell">
            <Setter Property="Padding" Value="0" />
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="BorderBrush" Value="#EEF2F7" />
            <Setter Property="BorderThickness" Value="0,0,1,1" />
            <Style.Triggers>
                <Trigger Property="IsSelected" Value="True">
                    <Setter Property="Background" Value="#DBEAFE" />
                    <Setter Property="Foreground" Value="#111827" />
                </Trigger>
            </Style.Triggers>
        </Style>

        <Style x:Key="SectionTitleStyle" TargetType="TextBlock">
            <Setter Property="FontSize" Value="13" />
            <Setter Property="FontWeight" Value="SemiBold" />
            <Setter Property="Foreground" Value="#111827" />
        </Style>

        <Style x:Key="ConfigDataGridTextStyle" TargetType="TextBlock">
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="Padding" Value="8,0" />
        </Style>

        <Style x:Key="ConfigDataGridEditingTextStyle" TargetType="TextBox">
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="Padding" Value="8,0" />
            <Setter Property="BorderThickness" Value="0" />
        </Style>
    </Window.Resources>
    <Grid Background="#F5F7FB">
        <ScrollViewer x:Name="ContentScrollViewer"
                      Margin="20"
                      VerticalScrollBarVisibility="Auto"
                      HorizontalScrollBarVisibility="Disabled"
                      CanContentScroll="True">
        <Grid MaxWidth="940" HorizontalAlignment="Center">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>

            <Border Grid.Row="0" Padding="16" Background="White" BorderBrush="#E5E7EB" BorderThickness="1" CornerRadius="12">
                <Border.Effect>
                    <DropShadowEffect BlurRadius="18" Direction="270" Opacity="0.08" ShadowDepth="6" Color="#111827" />
                </Border.Effect>
                <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="16"
                               FontWeight="SemiBold"
                               Foreground="#0F172A"
                               Text="网络配置" />

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

                    <ItemsControl x:Name="InterfacesItemsControl" Grid.Row="1" Grid.ColumnSpan="2" Margin="0,12,0,0">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                 <Border Margin="0,0,0,14" Padding="14" Background="#F8FAFC" BorderBrush="#D8DEE9" BorderThickness="1" CornerRadius="12">
                                     <StackPanel>
                                        <StackPanel Orientation="Horizontal">
                                             <TextBlock FontSize="15" FontWeight="SemiBold" Foreground="#0F172A" Text="{Binding SystemName}" />
                                            <TextBlock Margin="10,2,0,0" FontSize="12" Text="{Binding StatusSummary}">
                                                <TextBlock.Style>
                                                    <Style TargetType="TextBlock">
                                                        <Setter Property="Foreground" Value="#6B7280" />
                                                        <Style.Triggers>
                                                            <DataTrigger Binding="{Binding LinkUp}" Value="True">
                                                                <Setter Property="Foreground" Value="#16A34A" />
                                                            </DataTrigger>
                                                        </Style.Triggers>
                                                    </Style>
                                                </TextBlock.Style>
                                            </TextBlock>
                                        </StackPanel>
                                        <CheckBox Margin="0,12,0,0" VerticalContentAlignment="Center" IsChecked="{Binding Dhcp4, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Checked="ConfigModeChanged_OnChanged" Unchecked="ConfigModeChanged_OnChanged" Content="使用 DHCP 自动获取 IPv4 配置" />
                                        <Grid Margin="0,12,0,0">
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="Auto" />
                                                <RowDefinition Height="Auto" />
                                                <RowDefinition Height="Auto" />
                                            </Grid.RowDefinitions>

                                             <Border Padding="12" Background="White" BorderBrush="#E2E8F0" BorderThickness="1" CornerRadius="10">
                                                 <Grid>
                                                    <Grid.RowDefinitions>
                                                        <RowDefinition Height="Auto" />
                                                        <RowDefinition Height="*" />
                                                        <RowDefinition Height="Auto" />
                                                    </Grid.RowDefinitions>
                                                     <TextBlock Style="{StaticResource SectionTitleStyle}" Text="IP 地址" />
                                                     <DataGrid Grid.Row="1" Margin="18,10,0,0" ItemsSource="{Binding Addresses}" AutoGenerateColumns="False" CanUserAddRows="False" HeadersVisibility="Column" CellEditEnding="ConfigGrid_OnCellEditEnding" PreviewMouseWheel="DataGrid_OnPreviewMouseWheel">
                                                         <DataGrid.Style>
                                                             <Style TargetType="DataGrid" BasedOn="{StaticResource ConfigDataGridStyle}">
                                                                 <Setter Property="IsEnabled" Value="True" />
                                                                <Style.Triggers>
                                                                    <DataTrigger Binding="{Binding Dhcp4}" Value="True">
                                                                        <Setter Property="IsEnabled" Value="False" />
                                                                    </DataTrigger>
                                                                </Style.Triggers>
                                                            </Style>
                                                         </DataGrid.Style>
                                                         <DataGrid.Columns>
                                                             <DataGridTextColumn Header="IP 地址" Binding="{Binding IP, UpdateSourceTrigger=PropertyChanged}" ElementStyle="{StaticResource ConfigDataGridTextStyle}" EditingElementStyle="{StaticResource ConfigDataGridEditingTextStyle}" Width="*" />
                                                             <DataGridTextColumn Header="子网掩码" Binding="{Binding Mask, UpdateSourceTrigger=PropertyChanged}" ElementStyle="{StaticResource ConfigDataGridTextStyle}" EditingElementStyle="{StaticResource ConfigDataGridEditingTextStyle}" Width="*" />
                                                             <DataGridTemplateColumn Header="操作" Width="72">
                                                                 <DataGridTemplateColumn.CellTemplate>
                                                                     <DataTemplate>
                                                                         <Button HorizontalAlignment="Center" VerticalAlignment="Center" MinHeight="24" Padding="10,0" Click="DeleteAddressButton_OnClick" Content="删除" />
                                                                     </DataTemplate>
                                                                 </DataGridTemplateColumn.CellTemplate>
                                                             </DataGridTemplateColumn>
                                                        </DataGrid.Columns>
                                                    </DataGrid>
                                                    <Button Grid.Row="2" Margin="18,10,0,0" HorizontalAlignment="Center" MinHeight="30" Padding="12,0" Click="AddAddressButton_OnClick" Content="+ 添加 IP">
                                                        <Button.Style>
                                                            <Style TargetType="Button" BasedOn="{StaticResource {x:Type Button}}">
                                                                <Setter Property="IsEnabled" Value="True" />
                                                                <Style.Triggers>
                                                                    <DataTrigger Binding="{Binding Dhcp4}" Value="True">
                                                                        <Setter Property="IsEnabled" Value="False" />
                                                                    </DataTrigger>
                                                                </Style.Triggers>
                                                            </Style>
                                                        </Button.Style>
                                                    </Button>
                                                </Grid>
                                            </Border>

                                             <Border Grid.Row="1" Margin="0,12,0,0" Padding="12" Background="White" BorderBrush="#E2E8F0" BorderThickness="1" CornerRadius="10">
                                                 <Grid>
                                                    <Grid.RowDefinitions>
                                                        <RowDefinition Height="Auto" />
                                                        <RowDefinition Height="Auto" />
                                                        <RowDefinition Height="*" />
                                                        <RowDefinition Height="Auto" />
                                                    </Grid.RowDefinitions>
                                                    <StackPanel>
                                                         <TextBlock Style="{StaticResource SectionTitleStyle}" Text="网关" />
                                                        <StackPanel Margin="18,8,0,12" Orientation="Horizontal">
                                                            <TextBlock VerticalAlignment="Center" FontSize="12" Foreground="#6B7280" Text="默认网关：" />
                                                            <CheckBox Margin="8,0,0,0" VerticalContentAlignment="Center" IsChecked="{Binding DefaultGatewayEnabled, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Checked="GatewayOrRouteModeChanged_OnChanged" Unchecked="GatewayOrRouteModeChanged_OnChanged" Content="启用">
                                                                <CheckBox.Style>
                                                                    <Style TargetType="CheckBox">
                                                                        <Setter Property="IsEnabled" Value="True" />
                                                                        <Style.Triggers>
                                                                            <DataTrigger Binding="{Binding Dhcp4}" Value="True">
                                                                                <Setter Property="IsEnabled" Value="False" />
                                                                            </DataTrigger>
                                                                        </Style.Triggers>
                                                                    </Style>
                                                                </CheckBox.Style>
                                                            </CheckBox>
                                                            <TextBox Margin="12,0,0,0" MinWidth="220" MinHeight="30" VerticalContentAlignment="Center" Text="{Binding DefaultGateway, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" TextChanged="ConfigInputChanged_OnChanged">
                                                                <TextBox.Style>
                                                                    <Style TargetType="TextBox">
                                                                        <Setter Property="IsEnabled" Value="True" />
                                                                        <Style.Triggers>
                                                                            <DataTrigger Binding="{Binding Dhcp4}" Value="True">
                                                                                <Setter Property="IsEnabled" Value="False" />
                                                                            </DataTrigger>
                                                                            <DataTrigger Binding="{Binding DefaultGatewayEnabled}" Value="False">
                                                                                <Setter Property="IsEnabled" Value="False" />
                                                                            </DataTrigger>
                                                                        </Style.Triggers>
                                                                    </Style>
                                                                </TextBox.Style>
                                                            </TextBox>
                                                        </StackPanel>
                                                    </StackPanel>
                                                    <StackPanel Grid.Row="1" Margin="18,0,0,8" Orientation="Horizontal">
                                                        <TextBlock VerticalAlignment="Center" FontSize="12" Foreground="#6B7280" Text="自定义路由：" />
                                                        <CheckBox Margin="8,0,0,0" VerticalContentAlignment="Center" IsChecked="{Binding CustomRoutesEnabled, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Checked="GatewayOrRouteModeChanged_OnChanged" Unchecked="GatewayOrRouteModeChanged_OnChanged" Content="启用" />
                                                    </StackPanel>
                                                     <DataGrid Grid.Row="2" Margin="18,8,0,0" ItemsSource="{Binding Routes}" AutoGenerateColumns="False" CanUserAddRows="False" HeadersVisibility="Column" CellEditEnding="ConfigGrid_OnCellEditEnding" PreviewMouseWheel="DataGrid_OnPreviewMouseWheel">
                                                         <DataGrid.Style>
                                                             <Style TargetType="DataGrid" BasedOn="{StaticResource ConfigDataGridStyle}">
                                                                 <Setter Property="Visibility" Value="Collapsed" />
                                                                <Style.Triggers>
                                                                    <DataTrigger Binding="{Binding CustomRoutesEnabled}" Value="True">
                                                                        <Setter Property="Visibility" Value="Visible" />
                                                                    </DataTrigger>
                                                                </Style.Triggers>
                                                            </Style>
                                                        </DataGrid.Style>
                                                         <DataGrid.Columns>
                                                             <DataGridTextColumn Header="目标网段" Binding="{Binding To, UpdateSourceTrigger=PropertyChanged}" ElementStyle="{StaticResource ConfigDataGridTextStyle}" EditingElementStyle="{StaticResource ConfigDataGridEditingTextStyle}" Width="*" />
                                                             <DataGridTextColumn Header="子网掩码" Binding="{Binding Mask, UpdateSourceTrigger=PropertyChanged}" ElementStyle="{StaticResource ConfigDataGridTextStyle}" EditingElementStyle="{StaticResource ConfigDataGridEditingTextStyle}" Width="*" />
                                                             <DataGridTextColumn Header="网关地址" Binding="{Binding Via, UpdateSourceTrigger=PropertyChanged}" ElementStyle="{StaticResource ConfigDataGridTextStyle}" EditingElementStyle="{StaticResource ConfigDataGridEditingTextStyle}" Width="*" />
                                                             <DataGridTemplateColumn Header="操作" Width="72">
                                                                 <DataGridTemplateColumn.CellTemplate>
                                                                     <DataTemplate>
                                                                         <Button HorizontalAlignment="Center" VerticalAlignment="Center" MinHeight="24" Padding="10,0" Click="DeleteRouteButton_OnClick" Content="删除" />
                                                                     </DataTemplate>
                                                                 </DataGridTemplateColumn.CellTemplate>
                                                             </DataGridTemplateColumn>
                                                        </DataGrid.Columns>
                                                    </DataGrid>
                                                    <Button Grid.Row="3" Margin="18,10,0,0" HorizontalAlignment="Center" MinHeight="30" Padding="12,0" Click="AddRouteButton_OnClick" Content="+ 添加路由">
                                                        <Button.Style>
                                                            <Style TargetType="Button" BasedOn="{StaticResource {x:Type Button}}">
                                                                <Setter Property="Visibility" Value="Collapsed" />
                                                                <Style.Triggers>
                                                                    <DataTrigger Binding="{Binding CustomRoutesEnabled}" Value="True">
                                                                        <Setter Property="Visibility" Value="Visible" />
                                                                    </DataTrigger>
                                                                </Style.Triggers>
                                                            </Style>
                                                        </Button.Style>
                                                    </Button>
                                                </Grid>
                                            </Border>

                                             <Border Grid.Row="2" Margin="0,12,0,0" Padding="12" Background="White" BorderBrush="#E2E8F0" BorderThickness="1" CornerRadius="10">
                                                 <Grid>
                                                    <Grid.RowDefinitions>
                                                        <RowDefinition Height="Auto" />
                                                        <RowDefinition Height="*" />
                                                        <RowDefinition Height="Auto" />
                                                    </Grid.RowDefinitions>
                                                     <TextBlock Style="{StaticResource SectionTitleStyle}" Text="DNS" />
                                                     <DataGrid Grid.Row="1" Margin="18,10,0,0" Style="{StaticResource ConfigDataGridStyle}" ItemsSource="{Binding Dns}" AutoGenerateColumns="False" CanUserAddRows="False" HeadersVisibility="Column" CellEditEnding="ConfigGrid_OnCellEditEnding" PreviewMouseWheel="DataGrid_OnPreviewMouseWheel">
                                                         <DataGrid.Columns>
                                                             <DataGridTextColumn Header="DNS 地址" Binding="{Binding Address, UpdateSourceTrigger=PropertyChanged}" ElementStyle="{StaticResource ConfigDataGridTextStyle}" EditingElementStyle="{StaticResource ConfigDataGridEditingTextStyle}" Width="*" />
                                                             <DataGridTemplateColumn Header="操作" Width="72">
                                                                 <DataGridTemplateColumn.CellTemplate>
                                                                     <DataTemplate>
                                                                         <Button HorizontalAlignment="Center" VerticalAlignment="Center" MinHeight="24" Padding="10,0" Click="DeleteDnsButton_OnClick" Content="删除" />
                                                                     </DataTemplate>
                                                                 </DataGridTemplateColumn.CellTemplate>
                                                             </DataGridTemplateColumn>
                                                        </DataGrid.Columns>
                                                    </DataGrid>
                                                    <Button Grid.Row="2" Margin="18,10,0,0" HorizontalAlignment="Center" MinHeight="30" Padding="12,0" Click="AddDnsButton_OnClick" Content="+ 添加 DNS" />
                                                </Grid>
                                            </Border>
                                        </Grid>
                                    </StackPanel>
                                </Border>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>

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

                        <TextBlock x:Name="ConfigStateTextBlock"
                                   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"
                                    Style="{StaticResource PrimaryButtonStyle}"
                                    Click="ApplyConfigButton_OnClick"
                                    Content="应用全部配置" />
                        </StackPanel>
                    </Grid>
                </Grid>
            </Border>

            <Border Grid.Row="1" 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="12,10"
                Background="White"
                CornerRadius="10">
            <Border.Effect>
                <DropShadowEffect BlurRadius="18" Direction="270" Opacity="0.16" ShadowDepth="6" Color="#111827" />
            </Border.Effect>
            <StackPanel Orientation="Horizontal">
                <Border x:Name="StatusIconBorder"
                        Width="16"
                        Height="16"
                        Margin="0,1,10,0"
                        VerticalAlignment="Top"
                        Background="#508DF8"
                        CornerRadius="8">
                    <TextBlock x:Name="StatusIconTextBlock"
                               HorizontalAlignment="Center"
                               VerticalAlignment="Center"
                               FontSize="11"
                               FontWeight="Bold"
                               Foreground="White"
                               LineHeight="16"
                               Text="i" />
                </Border>
                <TextBlock x:Name="StatusMessageTextBlock"
                           FontSize="13"
                           Foreground="#1F2937"
                           TextWrapping="Wrap"
                           Text="" />
            </StackPanel>
        </Border>
    </Grid>
</Window>