ThreeRopesControl.xaml 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. <UserControl x:Class="SWRIS.Pages.RealTime.ThreeRopesControl"
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  5. xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  6. xmlns:local="clr-namespace:SWRIS.Pages.RealTime"
  7. mc:Ignorable="d" FontSize="20" Foreground="#FFFFFF"
  8. xmlns:cvt="clr-namespace:SWRIS.Converters"
  9. xmlns:ctr="clr-namespace:SWRIS.Controls"
  10. xmlns:enum="clr-namespace:SWRIS.Enums"
  11. FontFamily="{StaticResource PuHuiTiRegular}"
  12. d:DesignHeight="865" d:DesignWidth="1560">
  13. <UserControl.Resources>
  14. <cvt:RiskLevelToColorConverter x:Key="RiskLevelToColorConverter"/>
  15. <cvt:RiskLevelToTextConverter x:Key="RiskLevelToTextConverter"/>
  16. <cvt:ConnectivityFaultToColorConverter x:Key="ConnectivityFaultConverter"/>
  17. <cvt:CollectionCountToVisibilityConverter x:Key="CollectionCountToVisibilityConverter"/>
  18. <cvt:ConnectivityToVisibilityConverter x:Key="ConnectivityToVisibilityConverter"/>
  19. <cvt:StringEmptyToVisibilityConverter x:Key="StringEmptyToVisibilityConverter"/>
  20. </UserControl.Resources>
  21. <ItemsControl ItemsSource="{Binding Equipments}" Margin="25,25,25,-20">
  22. <ItemsControl.ItemsPanel>
  23. <ItemsPanelTemplate>
  24. <UniformGrid Columns="1" Rows="3"/>
  25. </ItemsPanelTemplate>
  26. </ItemsControl.ItemsPanel>
  27. <ItemsControl.ItemTemplate>
  28. <DataTemplate>
  29. <Border Grid.Row="0" CornerRadius="10" Margin="0,0,0,25" Loaded="OnCardLoaded">
  30. <Border.Background>
  31. <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
  32. <GradientStop Color="#2a2956" Offset="0"/>
  33. <GradientStop Color="#161536" Offset="0.40"/>
  34. <GradientStop Color="#1f1e44" Offset="1"/>
  35. </LinearGradientBrush>
  36. </Border.Background>
  37. <Grid>
  38. <Grid.RowDefinitions>
  39. <RowDefinition Height="130"/>
  40. <RowDefinition Height="*"/>
  41. <RowDefinition Height="Auto"/>
  42. </Grid.RowDefinitions>
  43. <Grid.ColumnDefinitions>
  44. <ColumnDefinition Width="*"/>
  45. <ColumnDefinition Width="180"/>
  46. </Grid.ColumnDefinitions>
  47. <StackPanel Orientation="Vertical" Grid.Row="0" Grid.Column="0" Margin="35,20,70,0">
  48. <DockPanel>
  49. <!--钢丝绳状态及名称-->
  50. <Rectangle Height="22" Width="18" RadiusX="6" RadiusY="6">
  51. <Rectangle.Fill>
  52. <MultiBinding Converter="{StaticResource ConnectivityFaultConverter}">
  53. <Binding Path="IsConnect"/>
  54. <Binding Path="Faults"/>
  55. <Binding Path="Faults.Count"/>
  56. </MultiBinding>
  57. </Rectangle.Fill>
  58. </Rectangle>
  59. <TextBlock Text="{Binding RopeName}" FontSize="22" FontWeight="Bold"
  60. FontFamily="{StaticResource PuHuiTiBold}" Margin="13,0" VerticalAlignment="Center"/>
  61. <StackPanel Orientation="Horizontal" Margin="10,0" MouseLeftButtonDown="ParameterSetting_MouseDown" Cursor="Hand">
  62. <Image Source="/Resources/eqSet.png" Margin="10,0" Width="20" Height="20"/>
  63. <TextBlock Text="参数设置" FontSize="18" VerticalAlignment="Center" Foreground="#8D86E5" FontWeight="Regular"/>
  64. </StackPanel>
  65. </DockPanel>
  66. <DockPanel Margin="0,10">
  67. <UniformGrid Columns="2" Rows="2" Width="400" HorizontalAlignment="Left">
  68. <StackPanel Orientation="Horizontal" Margin="0,2">
  69. <TextBlock Text="风险等级" Foreground="#7886B2"/>
  70. <TextBlock FontWeight="Bold" Margin="20,0"
  71. FontFamily="{StaticResource PuHuiTiBold}"
  72. Text="{Binding RiskLevel,Converter={StaticResource RiskLevelToTextConverter}}"
  73. Foreground="{Binding RiskLevel,Converter={StaticResource RiskLevelToColorConverter}}"/>
  74. </StackPanel>
  75. <StackPanel Orientation="Horizontal" Margin="0,2">
  76. <TextBlock Text="起升高度" Foreground="#7886B2"/>
  77. <TextBlock Foreground="#FFFFFF" FontWeight="Bold"
  78. FontFamily="{StaticResource PuHuiTiBold}" Margin="40,0">
  79. <Run Text="{Binding LiftHeight,StringFormat=#0.0}"/>
  80. <Run Text="m"/>
  81. </TextBlock>
  82. </StackPanel>
  83. <StackPanel Orientation="Horizontal" Margin="0,2">
  84. <TextBlock Text="损伤数量" Foreground="#7886B2"/>
  85. <TextBlock Text="{Binding DamageCount}" Foreground="#FFFFFF" FontWeight="Bold"
  86. FontFamily="{StaticResource PuHuiTiBold}" Margin="20,0" />
  87. <TextBlock Text="详情" Foreground="#7F74FF" FontSize="18" FontWeight="Regular" Margin="0,2,0,0"
  88. Cursor="Hand" MouseLeftButtonDown="EquipmentAlarm_MouseDown"
  89. Visibility="{Binding DamageCount,Converter={StaticResource CollectionCountToVisibilityConverter}}"/>
  90. </StackPanel>
  91. <StackPanel Orientation="Horizontal" Margin="0,2">
  92. <TextBlock Text="最大损伤值" Foreground="#7886B2"/>
  93. <TextBlock Foreground="#FFFFFF" FontWeight="Bold" FontFamily="{StaticResource PuHuiTiBold}" Margin="20,0">
  94. <Run Text="{Binding MaxDamageValue,StringFormat=#0.0}"/>
  95. <Run Text="%"/>
  96. </TextBlock>
  97. </StackPanel>
  98. </UniformGrid>
  99. <ctr:DamageRangeControl HorizontalAlignment="Stretch" Height="45" FontSize="16" Margin="70,15,0,0"
  100. MildCount="{Binding MildCount}" LightCount="{Binding LightCount}"
  101. ModerateCount="{Binding ModerateCount}" SevereCount="{Binding SevereCount}"
  102. CriticalCount="{Binding CriticalCount}" ExtremeCount="{Binding ExtremeCount}"/>
  103. </DockPanel>
  104. </StackPanel>
  105. <ctr:RopeEquipmentControl Grid.RowSpan="2" Grid.Column="1" Grid.Row="0"
  106. Margin="0,0,0,-15"
  107. PanelMargin="-80,25,15,0"
  108. PanelNameFontSize="18"
  109. PanelValueFontSize="20"
  110. EquipmentTopPosition="0"
  111. RopeImageSource="/Resources/rope_block.png"
  112. EquipmentImageSource="/Resources/equipment.png"
  113. AnimationDuration="0.5">
  114. <ctr:RopeEquipmentControl.Style>
  115. <Style TargetType="ctr:RopeEquipmentControl">
  116. <Style.Triggers>
  117. <DataTrigger Binding="{Binding Direction}" Value="{x:Static enum:DirectionState.Stoped}">
  118. <Setter Property="IsAnimationRunning" Value="False"/>
  119. </DataTrigger>
  120. <DataTrigger Binding="{Binding Direction}" Value="{x:Static enum:DirectionState.Forward}">
  121. <Setter Property="IsAnimationRunning" Value="True"/>
  122. <Setter Property="IsAnimationReversed" Value="False"/>
  123. </DataTrigger>
  124. <DataTrigger Binding="{Binding Direction}" Value="{x:Static enum:DirectionState.Reverse}">
  125. <Setter Property="IsAnimationRunning" Value="True"/>
  126. <Setter Property="IsAnimationReversed" Value="True"/>
  127. </DataTrigger>
  128. </Style.Triggers>
  129. </Style>
  130. </ctr:RopeEquipmentControl.Style>
  131. </ctr:RopeEquipmentControl>
  132. <ctr:RealTimeLineChart x:Name="firstChartLine" Grid.Row="1" Margin="20,-15,55,-5"
  133. SensorCount="{Binding SensorCount}"
  134. SamplingStep="{Binding SamplingStep,Mode=TwoWay}"
  135. RopeLength="{Binding RopeLength}" />
  136. <DockPanel Grid.Row="2" VerticalAlignment="Center" Margin="35,-7,10,2">
  137. <StackPanel Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Left"
  138. Visibility="{Binding DebugMessage.Message,Converter={StaticResource StringEmptyToVisibilityConverter}}">
  139. <TextBlock Style="{StaticResource HeartbeatTextBlockStyle}" FontSize="16"
  140. VerticalAlignment="Center" Foreground="#7F74FF"/>
  141. <TextBlock Text="{Binding DebugMessage.DateTime,StringFormat=HH:mm:ss}" FontSize="15" Margin="5,0"
  142. VerticalAlignment="Center" Foreground="#7F74FF"/>
  143. <TextBlock Text="{Binding DebugMessage.Message}" FontSize="15" Margin="5,0"
  144. VerticalAlignment="Center" Foreground="#7F74FF"/>
  145. </StackPanel>
  146. <ItemsControl ItemsSource="{Binding LiveStreamValues}" Margin="10,2,-85,0" HorizontalAlignment="Right">
  147. <ItemsControl.ItemsPanel>
  148. <ItemsPanelTemplate><WrapPanel/></ItemsPanelTemplate>
  149. </ItemsControl.ItemsPanel>
  150. <ItemsControl.ItemTemplate>
  151. <DataTemplate>
  152. <TextBlock Text="{Binding}" FontSize="12" Margin="4,0,0,0"
  153. Width="20" Foreground="White" Opacity="0.2" FontWeight="Medium">
  154. <TextBlock.Style>
  155. <Style TargetType="TextBlock">
  156. <Style.Triggers>
  157. <DataTrigger Binding="{Binding}" Value="0">
  158. <Setter Property="Visibility" Value="Collapsed"/>
  159. </DataTrigger>
  160. </Style.Triggers>
  161. </Style>
  162. </TextBlock.Style>
  163. </TextBlock>
  164. </DataTemplate>
  165. </ItemsControl.ItemTemplate>
  166. </ItemsControl>
  167. </DockPanel>
  168. </Grid>
  169. </Border>
  170. </DataTemplate>
  171. </ItemsControl.ItemTemplate>
  172. </ItemsControl>
  173. </UserControl>