DeviceDetailsWindow.xaml 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265
  1. <Window x:Class="QuickIP.Client.DeviceDetailsWindow"
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. Title="设备信息与接口配置"
  5. Height="760"
  6. Width="1100"
  7. MinHeight="680"
  8. MinWidth="1000"
  9. WindowState="Maximized"
  10. ShowInTaskbar="False"
  11. WindowStartupLocation="CenterOwner">
  12. <Grid Background="#F5F7FB">
  13. <ScrollViewer x:Name="ContentScrollViewer"
  14. Margin="20"
  15. VerticalScrollBarVisibility="Auto"
  16. HorizontalScrollBarVisibility="Disabled"
  17. CanContentScroll="True">
  18. <Grid>
  19. <Grid.RowDefinitions>
  20. <RowDefinition Height="Auto" />
  21. <RowDefinition Height="Auto" />
  22. <RowDefinition Height="Auto" />
  23. <RowDefinition Height="*" />
  24. </Grid.RowDefinitions>
  25. <UniformGrid Grid.Row="0" Columns="4">
  26. <Border Margin="0,0,12,0" Padding="14" Background="White" CornerRadius="10">
  27. <StackPanel>
  28. <TextBlock FontSize="12" Foreground="#6B7280" Text="设备 ID" />
  29. <TextBlock x:Name="RemoteDeviceIdTextBlock" Margin="0,8,0,0" FontSize="14" FontWeight="SemiBold" Foreground="#111827" Text="-" />
  30. </StackPanel>
  31. </Border>
  32. <Border Margin="0,0,12,0" Padding="14" Background="White" CornerRadius="10">
  33. <StackPanel>
  34. <TextBlock FontSize="12" Foreground="#6B7280" Text="主机名" />
  35. <TextBlock x:Name="RemoteHostnameTextBlock" Margin="0,8,0,0" FontSize="14" FontWeight="SemiBold" Foreground="#111827" Text="-" />
  36. </StackPanel>
  37. </Border>
  38. <Border Margin="0,0,12,0" Padding="14" Background="White" CornerRadius="10">
  39. <StackPanel>
  40. <TextBlock FontSize="12" Foreground="#6B7280" Text="Ubuntu 版本" />
  41. <TextBlock x:Name="RemoteOsVersionTextBlock" Margin="0,8,0,0" FontSize="14" FontWeight="SemiBold" Foreground="#111827" Text="-" />
  42. </StackPanel>
  43. </Border>
  44. <Border Padding="14" Background="White" CornerRadius="10">
  45. <StackPanel>
  46. <TextBlock FontSize="12" Foreground="#6B7280" Text="Agent 版本" />
  47. <TextBlock x:Name="RemoteAgentVersionTextBlock" Margin="0,8,0,0" FontSize="14" FontWeight="SemiBold" Foreground="#111827" Text="-" />
  48. </StackPanel>
  49. </Border>
  50. </UniformGrid>
  51. <Border Grid.Row="1" Margin="0,12,0,0" Padding="14" Background="White" CornerRadius="10">
  52. <Grid>
  53. <Grid.RowDefinitions>
  54. <RowDefinition Height="Auto" />
  55. <RowDefinition Height="Auto" />
  56. </Grid.RowDefinitions>
  57. <Grid.ColumnDefinitions>
  58. <ColumnDefinition Width="*" />
  59. <ColumnDefinition Width="Auto" />
  60. </Grid.ColumnDefinitions>
  61. <TextBlock FontSize="13"
  62. FontWeight="SemiBold"
  63. Foreground="#111827"
  64. Text="目标接口" />
  65. <ComboBox x:Name="RemoteTargetInterfaceComboBox"
  66. Grid.Row="1"
  67. Margin="0,10,0,0"
  68. MinHeight="36"
  69. VerticalContentAlignment="Center"
  70. DisplayMemberPath="DisplayName"
  71. SelectionChanged="RemoteTargetInterfaceComboBox_OnSelectionChanged" />
  72. <Button x:Name="ReloadInterfaceConfigButton"
  73. Grid.Row="1"
  74. Grid.Column="1"
  75. Margin="14,10,0,0"
  76. MinHeight="36"
  77. Padding="14,0"
  78. VerticalAlignment="Center"
  79. Click="ReloadInterfaceConfigButton_OnClick"
  80. Content="1. 读取当前配置" />
  81. </Grid>
  82. </Border>
  83. <Border Grid.Row="2" Margin="0,12,0,0" Padding="14" Background="White" CornerRadius="10">
  84. <Grid>
  85. <Grid.RowDefinitions>
  86. <RowDefinition Height="Auto" />
  87. <RowDefinition Height="Auto" />
  88. <RowDefinition Height="Auto" />
  89. <RowDefinition Height="Auto" />
  90. </Grid.RowDefinitions>
  91. <TextBlock FontSize="13" FontWeight="SemiBold" Foreground="#111827" Text="配置调整" />
  92. <Grid Grid.Row="1" Margin="0,12,0,0">
  93. <Grid.ColumnDefinitions>
  94. <ColumnDefinition Width="*" />
  95. <ColumnDefinition Width="*" />
  96. </Grid.ColumnDefinitions>
  97. <Border Margin="0,0,8,0" Padding="14" Background="#F9FAFB" CornerRadius="10">
  98. <StackPanel>
  99. <TextBlock FontSize="13" FontWeight="SemiBold" Foreground="#111827" Text="当前配置" />
  100. <TextBlock Margin="0,12,0,0" FontSize="12" Foreground="#6B7280" Text="接口名" />
  101. <TextBlock x:Name="RemoteConfigInterfaceTextBlock" Margin="0,8,0,0" FontSize="14" FontWeight="SemiBold" Foreground="#111827" Text="-" />
  102. <TextBlock Margin="0,12,0,0" FontSize="12" Foreground="#6B7280" Text="当前 IP" />
  103. <TextBlock x:Name="RemoteConfigIpTextBlock" Margin="0,8,0,0" FontSize="14" FontWeight="SemiBold" Foreground="#111827" Text="-" />
  104. <TextBlock Margin="0,12,0,0" FontSize="12" Foreground="#6B7280" Text="当前网关" />
  105. <TextBlock x:Name="RemoteConfigGatewayTextBlock" Margin="0,8,0,0" FontSize="14" FontWeight="SemiBold" Foreground="#111827" Text="-" />
  106. <TextBlock Margin="0,12,0,0" FontSize="12" Foreground="#6B7280" Text="当前 DNS" />
  107. <TextBlock x:Name="RemoteConfigDnsTextBlock" Margin="0,8,0,0" FontSize="14" FontWeight="SemiBold" Foreground="#111827" Text="-" />
  108. </StackPanel>
  109. </Border>
  110. <Border Grid.Column="1" Margin="8,0,0,0" Padding="14" Background="#F9FAFB" CornerRadius="10">
  111. <StackPanel>
  112. <TextBlock FontSize="13" FontWeight="SemiBold" Foreground="#111827" Text="新配置" />
  113. <TextBlock Margin="0,12,0,0" FontSize="12" Foreground="#6B7280" Text="IP 地址" />
  114. <TextBox x:Name="NewIpTextBox" Margin="0,8,0,0" MinHeight="32" VerticalContentAlignment="Center" TextChanged="ConfigInputChanged_OnChanged" />
  115. <TextBlock Margin="0,12,0,0" FontSize="12" Foreground="#6B7280" Text="子网掩码" />
  116. <TextBox x:Name="NewMaskTextBox" Margin="0,8,0,0" MinHeight="32" VerticalContentAlignment="Center" TextChanged="ConfigInputChanged_OnChanged" />
  117. <TextBlock Margin="0,12,0,0" FontSize="12" Foreground="#6B7280" Text="网关" />
  118. <TextBox x:Name="NewGatewayTextBox" Margin="0,8,0,0" MinHeight="32" VerticalContentAlignment="Center" TextChanged="ConfigInputChanged_OnChanged" />
  119. <TextBlock Margin="0,12,0,0" FontSize="12" Foreground="#6B7280" Text="首选 DNS" />
  120. <TextBox x:Name="NewDnsTextBox" Margin="0,8,0,0" MinHeight="32" VerticalContentAlignment="Center" TextChanged="ConfigInputChanged_OnChanged" />
  121. </StackPanel>
  122. </Border>
  123. </Grid>
  124. <Grid Grid.Row="2" Margin="0,12,0,0">
  125. <Grid.ColumnDefinitions>
  126. <ColumnDefinition Width="*" />
  127. <ColumnDefinition Width="Auto" />
  128. </Grid.ColumnDefinitions>
  129. <TextBlock VerticalAlignment="Center"
  130. FontSize="12"
  131. Foreground="#6B7280"
  132. Text="先确认当前配置,再校验新配置,最后再应用到目标接口。" />
  133. <StackPanel Grid.Column="1" Margin="12,0,0,0" Orientation="Horizontal">
  134. <Button x:Name="ValidateConfigButton"
  135. MinHeight="36"
  136. Padding="14,0"
  137. Click="ValidateConfigButton_OnClick"
  138. Content="2. 校验配置" />
  139. <Button x:Name="ApplyConfigButton"
  140. Margin="10,0,0,0"
  141. MinHeight="36"
  142. Padding="14,0"
  143. FontWeight="SemiBold"
  144. Click="ApplyConfigButton_OnClick"
  145. Content="3. 应用配置">
  146. <Button.Style>
  147. <Style TargetType="Button">
  148. <Setter Property="Background" Value="#2563EB" />
  149. <Setter Property="Foreground" Value="White" />
  150. <Setter Property="BorderBrush" Value="#2563EB" />
  151. <Style.Triggers>
  152. <Trigger Property="IsEnabled" Value="False">
  153. <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" />
  154. <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
  155. <Setter Property="BorderBrush" Value="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}" />
  156. </Trigger>
  157. </Style.Triggers>
  158. </Style>
  159. </Button.Style>
  160. </Button>
  161. </StackPanel>
  162. </Grid>
  163. <Border Grid.Row="3" Margin="0,12,0,0" Padding="14" Background="#FEF2F2" CornerRadius="10">
  164. <Grid>
  165. <Grid.RowDefinitions>
  166. <RowDefinition Height="Auto" />
  167. <RowDefinition Height="Auto" />
  168. </Grid.RowDefinitions>
  169. <TextBlock FontSize="13"
  170. FontWeight="SemiBold"
  171. Foreground="#991B1B"
  172. Text="高级操作" />
  173. <StackPanel Grid.Row="1" Margin="0,12,0,0">
  174. <TextBlock FontSize="12"
  175. Foreground="#991B1B"
  176. TextWrapping="Wrap"
  177. Text="重启或关闭设备会立即影响远端设备。执行后,当前连接可能马上断开。" />
  178. <StackPanel Margin="0,12,0,0" Orientation="Horizontal">
  179. <Button x:Name="RebootButton"
  180. MinHeight="36"
  181. Padding="14,0"
  182. FontWeight="SemiBold"
  183. Background="#FFF7ED"
  184. Foreground="#9A3412"
  185. BorderBrush="#FDBA74"
  186. Click="RebootButton_OnClick"
  187. Content="重启设备" />
  188. <Button x:Name="ShutdownButton"
  189. Margin="10,0,0,0"
  190. MinHeight="36"
  191. Padding="14,0"
  192. FontWeight="SemiBold"
  193. Background="#DC2626"
  194. Foreground="White"
  195. BorderBrush="#DC2626"
  196. Click="ShutdownButton_OnClick"
  197. Content="关闭设备" />
  198. </StackPanel>
  199. </StackPanel>
  200. </Grid>
  201. </Border>
  202. </Grid>
  203. </Border>
  204. </Grid>
  205. </ScrollViewer>
  206. <Border x:Name="BusyOverlay"
  207. Visibility="Collapsed"
  208. Panel.ZIndex="90"
  209. Background="#80F5F7FB">
  210. <Border HorizontalAlignment="Center"
  211. VerticalAlignment="Center"
  212. Padding="18,16"
  213. Background="White"
  214. CornerRadius="12">
  215. <StackPanel>
  216. <ProgressBar Width="220"
  217. Height="6"
  218. IsIndeterminate="True" />
  219. <TextBlock x:Name="BusyMessageTextBlock"
  220. Margin="0,12,0,0"
  221. HorizontalAlignment="Center"
  222. FontSize="13"
  223. FontWeight="SemiBold"
  224. Foreground="#111827"
  225. Text="正在处理,请稍候..." />
  226. </StackPanel>
  227. </Border>
  228. </Border>
  229. <Border x:Name="StatusMessageBorder"
  230. Visibility="Collapsed"
  231. Panel.ZIndex="100"
  232. HorizontalAlignment="Center"
  233. VerticalAlignment="Top"
  234. Margin="24,12,24,0"
  235. MaxWidth="860"
  236. Padding="14,10"
  237. Background="#111827"
  238. CornerRadius="10">
  239. <TextBlock x:Name="StatusMessageTextBlock"
  240. FontSize="13"
  241. Foreground="White"
  242. TextWrapping="Wrap"
  243. Text="" />
  244. </Border>
  245. </Grid>
  246. </Window>