HomeView.xaml 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546
  1. <UserControl x:Class="TeamAAS_VP.Views.HomeView"
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. xmlns:prism="http://prismlibrary.com/"
  5. xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  6. xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  7. xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
  8. xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
  9. xmlns:local="clr-namespace:TeamAAS_VP.Views.Home"
  10. xmlns:vm="clr-namespace:TeamAAS_VP.ViewModels"
  11. xmlns:oxy="http://oxyplot.org/wpf"
  12. xmlns:lex="http://wpflocalizeextension.codeplex.com"
  13. lex:LocalizeDictionary.DesignCulture="zh-CN"
  14. lex:ResxLocalizationProvider.DefaultAssembly="TeamAAS-VP"
  15. lex:ResxLocalizationProvider.DefaultDictionary="Lang"
  16. prism:ViewModelLocator.AutoWireViewModel="True"
  17. xmlns:conv="clr-namespace:TeamAAS_VP.ValueConverter"
  18. mc:Ignorable="d"
  19. d:Height="600"
  20. d:Width="1024"
  21. d:Background="White"
  22. d:DataContext="{d:DesignInstance Type=vm:HomeViewModel}"
  23. Background="Transparent"
  24. FontFamily="{DynamicResource DefaultFont}">
  25. <UserControl.Resources>
  26. <conv:CountToColumnsConverter x:Key="CountToColumnsConverter" />
  27. </UserControl.Resources>
  28. <b:Interaction.Triggers>
  29. <b:EventTrigger EventName="Loaded">
  30. <b:InvokeCommandAction Command="{Binding LoadedCommand}" />
  31. </b:EventTrigger>
  32. </b:Interaction.Triggers>
  33. <Grid>
  34. <Grid.ColumnDefinitions>
  35. <ColumnDefinition Width="60*" />
  36. <ColumnDefinition Width="40*" />
  37. </Grid.ColumnDefinitions>
  38. <Grid Grid.Row="0">
  39. <Grid.RowDefinitions>
  40. <RowDefinition Height="2*" />
  41. <RowDefinition Height="1*" />
  42. </Grid.RowDefinitions>
  43. <!--图像-->
  44. <local:ShowVisionRender x:Name="visionRender"
  45. Grid.Row="0"
  46. Grid.Column="0">
  47. <local:ShowVisionRender.Style>
  48. <Style TargetType="local:ShowVisionRender">
  49. <Setter Property="Grid.RowSpan"
  50. Value="1" />
  51. <Style.Triggers>
  52. <!-- 当压力曲线集合为空或没有项时,让图像占满两行 -->
  53. <DataTrigger Binding="{Binding ElementName=pressureItems, Path=HasItems}"
  54. Value="False">
  55. <Setter Property="Grid.RowSpan"
  56. Value="2" />
  57. </DataTrigger>
  58. </Style.Triggers>
  59. </Style>
  60. </local:ShowVisionRender.Style>
  61. </local:ShowVisionRender>
  62. <!--曲线图-->
  63. <!--
  64. <oxy:PlotView Grid.Row="1"
  65. Grid.Column="0"
  66. Model="{Binding LockCurvePlotModel}"
  67. Background="Transparent"
  68. Margin="10" />-->
  69. <!-- 动态压力曲线集合 -->
  70. <ItemsControl x:Name="pressureItems"
  71. Grid.Row="1"
  72. Grid.Column="0"
  73. ItemsSource="{Binding PressurePlotModels}">
  74. <ItemsControl.ItemsPanel>
  75. <ItemsPanelTemplate>
  76. <!-- 一行显示,列数由转换器根据 Count 决定(1 / 2 / 3) -->
  77. <UniformGrid Rows="1"
  78. Columns="{Binding PressurePlotModels.Count, RelativeSource={RelativeSource AncestorType=UserControl}, Converter={StaticResource CountToColumnsConverter}}" />
  79. </ItemsPanelTemplate>
  80. </ItemsControl.ItemsPanel>
  81. <!-- 保证每个项填充单元格 -->
  82. <ItemsControl.ItemContainerStyle>
  83. <Style TargetType="ContentPresenter">
  84. <Setter Property="HorizontalAlignment"
  85. Value="Stretch" />
  86. <Setter Property="VerticalAlignment"
  87. Value="Stretch" />
  88. <Setter Property="Margin"
  89. Value="6" />
  90. </Style>
  91. </ItemsControl.ItemContainerStyle>
  92. <ItemsControl.ItemTemplate>
  93. <DataTemplate>
  94. <Border BorderBrush="LightGray"
  95. BorderThickness="1"
  96. CornerRadius="6"
  97. HorizontalAlignment="Stretch"
  98. VerticalAlignment="Stretch">
  99. <oxy:PlotView Model="{Binding}"
  100. HorizontalAlignment="Stretch"
  101. VerticalAlignment="Stretch" />
  102. </Border>
  103. </DataTemplate>
  104. </ItemsControl.ItemTemplate>
  105. </ItemsControl>
  106. </Grid>
  107. <Grid Grid.Row="1"
  108. Grid.Column="1">
  109. <Grid.RowDefinitions>
  110. <RowDefinition Height="60*" />
  111. <RowDefinition Height="40*" />
  112. </Grid.RowDefinitions>
  113. <Grid>
  114. <Grid.RowDefinitions>
  115. <RowDefinition Height="*" />
  116. <RowDefinition Height="auto" />
  117. <RowDefinition Height="auto" />
  118. </Grid.RowDefinitions>
  119. <!-- 锁付结果展示表格(插入位置) -->
  120. <materialDesign:Card Grid.Row="0"
  121. UniformCornerRadius="10"
  122. BorderBrush="LightGray"
  123. BorderThickness="1"
  124. Margin="0,4">
  125. <DockPanel LastChildFill="True"
  126. Margin="8">
  127. <TextBlock DockPanel.Dock="Top"
  128. FontWeight="Bold"
  129. FontSize="{DynamicResource Font.Size.Body3}"
  130. Text="{lex:Loc 视觉引导定位数据}" />
  131. <DataGrid x:Name="lockResultGrid"
  132. ItemsSource="{Binding AssemblyResults}"
  133. AutoGenerateColumns="False"
  134. CanUserAddRows="False"
  135. CanUserDeleteRows="False"
  136. IsReadOnly="True"
  137. HeadersVisibility="Column"
  138. GridLinesVisibility="None"
  139. RowHeaderWidth="0"
  140. MinHeight="120"
  141. VerticalAlignment="Stretch"
  142. HorizontalAlignment="Stretch"
  143. Margin="0,8,0,0">
  144. <DataGrid.Columns>
  145. <DataGridTextColumn Header="{lex:Loc 产品编号}"
  146. Binding="{Binding ProductSN}"
  147. Width="auto"
  148. IsReadOnly="True" />
  149. <DataGridTextColumn Header="{lex:Loc 时间}"
  150. Binding="{Binding Timestamp, StringFormat={}{0:G}}"
  151. Width="auto"
  152. IsReadOnly="True" />
  153. <DataGridTextColumn Header="{lex:Loc 组装压力}"
  154. Binding="{Binding AssemblyPressure, StringFormat={}{0:F3}}"
  155. Width="auto"
  156. IsReadOnly="True" />
  157. <DataGridTextColumn Header="{lex:Loc 组装用时s}"
  158. Binding="{Binding AssemblyDurationSeconds, StringFormat={}{0:F3}}"
  159. Width="auto"
  160. IsReadOnly="True" />
  161. <DataGridTemplateColumn Header="{lex:Loc 组装结果}"
  162. Width="auto"
  163. IsReadOnly="True"
  164. SortMemberPath="AssemblyResult">
  165. <DataGridTemplateColumn.CellTemplate>
  166. <DataTemplate>
  167. <Border x:Name="bd"
  168. Padding="4"
  169. CornerRadius="4"
  170. Background="Transparent"
  171. HorizontalAlignment="Center"
  172. VerticalAlignment="Center">
  173. <TextBlock x:Name="txt"
  174. HorizontalAlignment="Center"
  175. VerticalAlignment="Center"
  176. Foreground="White"
  177. FontWeight="Bold" />
  178. </Border>
  179. <DataTemplate.Triggers>
  180. <DataTrigger Binding="{Binding Success, StringFormat={}{0:F3}}"
  181. Value="True">
  182. <Setter TargetName="bd"
  183. Property="Background"
  184. Value="Green" />
  185. <Setter TargetName="txt"
  186. Property="Text"
  187. Value="OK" />
  188. </DataTrigger>
  189. <DataTrigger Binding="{Binding Success, StringFormat={}{0:F3}}"
  190. Value="False">
  191. <Setter TargetName="bd"
  192. Property="Background"
  193. Value="Red" />
  194. <Setter TargetName="txt"
  195. Property="Text"
  196. Value="NG" />
  197. </DataTrigger>
  198. </DataTemplate.Triggers>
  199. </DataTemplate>
  200. </DataGridTemplateColumn.CellTemplate>
  201. </DataGridTemplateColumn>
  202. <DataGridTextColumn Header="{lex:Loc 下相机工具坐标}"
  203. Binding="{Binding DownCameraCoord1}"
  204. Width="auto"
  205. IsReadOnly="True" />
  206. <DataGridTextColumn Header="{lex:Loc 实际放置坐标}"
  207. Binding="{Binding PlaceActualCoord}"
  208. Width="auto"
  209. IsReadOnly="True" />
  210. <DataGridTextColumn Header="{lex:Loc 详情}"
  211. Binding="{Binding ResultDetails}"
  212. Width="auto"
  213. IsReadOnly="True" />
  214. </DataGrid.Columns>
  215. </DataGrid>
  216. </DockPanel>
  217. </materialDesign:Card>
  218. <Grid Grid.Row="1">
  219. <Grid.ColumnDefinitions>
  220. <ColumnDefinition Width="*" />
  221. <ColumnDefinition Width="*" />
  222. <ColumnDefinition Width="*" />
  223. </Grid.ColumnDefinitions>
  224. <!--加载产品-->
  225. <materialDesign:Card Grid.Row="0"
  226. Grid.Column="0"
  227. UniformCornerRadius="10"
  228. BorderBrush="LightGray"
  229. BorderThickness="1">
  230. <!--产品-->
  231. <StackPanel HorizontalAlignment="Center"
  232. VerticalAlignment="Center"
  233. Orientation="Vertical"
  234. Margin="2">
  235. <StackPanel Orientation="Horizontal"
  236. HorizontalAlignment="Left"
  237. VerticalAlignment="Center">
  238. <TextBlock Text="{lex:Loc 产品列表,Converter={StaticResource StringFormatConverter},ConverterParameter='{}{0}: '}"
  239. FontSize="14"
  240. VerticalAlignment="Center" />
  241. <ComboBox x:Name="selectProduct"
  242. Width="100"
  243. Margin="20,0"
  244. FontSize="14"
  245. materialDesign:HintAssist.Hint="{lex:Loc 选择产品}"
  246. SelectedItem="{Binding SelectProduct,Mode=TwoWay}"
  247. ItemsSource="{Binding ProductList,Mode=TwoWay}">
  248. <ComboBox.ItemTemplate>
  249. <DataTemplate>
  250. <StackPanel Orientation="Vertical">
  251. <StackPanel Orientation="Horizontal">
  252. <materialDesign:PackIcon Kind="CubeOutline" />
  253. <TextBlock Text="{Binding Name}" />
  254. </StackPanel>
  255. <TextBlock Text="{Binding Description}"
  256. MinHeight="0"
  257. MaxWidth="300"
  258. Foreground="Gray"
  259. TextTrimming="CharacterEllipsis"
  260. FontSize="{DynamicResource Font.Size.Captions4}"
  261. TextWrapping="Wrap" />
  262. </StackPanel>
  263. </DataTemplate>
  264. </ComboBox.ItemTemplate>
  265. </ComboBox>
  266. </StackPanel>
  267. <Button Content="{lex:Loc 加载}"
  268. materialDesign:ButtonAssist.CornerRadius="10"
  269. Style="{StaticResource MaterialDesignRaisedButton}"
  270. Margin="0,10"
  271. Command="{Binding LoadProductCommand}"
  272. CommandParameter="{Binding ElementName=selectProduct,Path=SelectedItem}" />
  273. <StackPanel HorizontalAlignment="Left"
  274. VerticalAlignment="Center"
  275. Orientation="Horizontal">
  276. <TextBlock Text="{lex:Loc 当前产品,Converter={StaticResource StringFormatConverter},ConverterParameter='{}{0}: '}"
  277. FontSize="14"
  278. Foreground="Green"
  279. VerticalAlignment="Center" />
  280. <TextBlock FontSize="14"
  281. Margin="10,0"
  282. FontWeight="Bold"
  283. VerticalAlignment="Center">
  284. <TextBlock.Text>
  285. <MultiBinding StringFormat="{}{0}. {1}">
  286. <Binding Path="CurrentProduct.NumberCode" />
  287. <Binding Path="CurrentProduct.Name" />
  288. </MultiBinding>
  289. </TextBlock.Text>
  290. </TextBlock>
  291. </StackPanel>
  292. </StackPanel>
  293. </materialDesign:Card>
  294. <!--生产数量-->
  295. <materialDesign:Card Grid.Row="0"
  296. Grid.Column="1"
  297. UniformCornerRadius="10"
  298. BorderBrush="LightGray"
  299. BorderThickness="1">
  300. <Grid Grid.Row="1"
  301. HorizontalAlignment="Center"
  302. VerticalAlignment="Center">
  303. <Grid.RowDefinitions>
  304. <RowDefinition Height="auto" />
  305. <RowDefinition Height="auto" />
  306. <RowDefinition Height="auto" />
  307. </Grid.RowDefinitions>
  308. <Grid.ColumnDefinitions>
  309. <ColumnDefinition Width="auto" />
  310. <ColumnDefinition Width="auto" />
  311. </Grid.ColumnDefinitions>
  312. <Grid.Resources>
  313. <Style TargetType="TextBlock">
  314. <Setter Property="FontSize"
  315. Value="14" />
  316. <Setter Property="Margin"
  317. Value="5" />
  318. <Setter Property="MinWidth"
  319. Value="50" />
  320. <Setter Property="HorizontalAlignment"
  321. Value="Center" />
  322. <Setter Property="VerticalAlignment"
  323. Value="Center" />
  324. <Setter Property="TextAlignment"
  325. Value="Center" />
  326. <Setter Property="TextTrimming"
  327. Value="CharacterEllipsis" />
  328. </Style>
  329. </Grid.Resources>
  330. <TextBlock Text="{lex:Loc 当前产品总产量,Converter={StaticResource StringFormatConverter},ConverterParameter='{}{0}: '}"
  331. HorizontalAlignment="Right"
  332. TextAlignment="Right" />
  333. <Border Grid.Row="0"
  334. Grid.Column="1"
  335. VerticalAlignment="Bottom"
  336. BorderBrush="Gray"
  337. BorderThickness="1" />
  338. <TextBlock Grid.Row="0"
  339. Grid.Column="1"
  340. Text="{Binding management.TotalQuantity}" />
  341. <TextBlock Grid.Row="1"
  342. Grid.Column="0"
  343. Text="{lex:Loc 今日产量,Converter={StaticResource StringFormatConverter},ConverterParameter='{}{0}: '}"
  344. HorizontalAlignment="Right"
  345. TextAlignment="Right" />
  346. <Border Grid.Row="1"
  347. Grid.Column="1"
  348. VerticalAlignment="Bottom"
  349. BorderBrush="Gray"
  350. BorderThickness="1" />
  351. <TextBlock Grid.Row="1"
  352. Grid.Column="1"
  353. Text="{Binding management.TotalQuantityToday}" />
  354. <TextBlock Grid.Row="2"
  355. Grid.Column="0"
  356. Text="UPH: "
  357. HorizontalAlignment="Right"
  358. TextAlignment="Right" />
  359. <Border Grid.Row="2"
  360. Grid.Column="1"
  361. VerticalAlignment="Bottom"
  362. BorderBrush="Gray"
  363. BorderThickness="1" />
  364. <TextBlock Grid.Row="2"
  365. Grid.Column="1"
  366. Text="{Binding management.CurrentUPH}" />
  367. </Grid>
  368. </materialDesign:Card>
  369. <!--生产数量2-->
  370. <materialDesign:Card Grid.Row="0"
  371. Grid.Column="2"
  372. UniformCornerRadius="10"
  373. BorderBrush="LightGray"
  374. BorderThickness="1">
  375. <Grid Grid.Row="1"
  376. HorizontalAlignment="Center"
  377. VerticalAlignment="Center">
  378. <Grid.RowDefinitions>
  379. <RowDefinition Height="auto" />
  380. <RowDefinition Height="auto" />
  381. <RowDefinition Height="auto" />
  382. </Grid.RowDefinitions>
  383. <Grid.ColumnDefinitions>
  384. <ColumnDefinition Width="auto" />
  385. <ColumnDefinition Width="auto" />
  386. </Grid.ColumnDefinitions>
  387. <Grid.Resources>
  388. <Style TargetType="TextBlock">
  389. <Setter Property="FontSize"
  390. Value="14" />
  391. <Setter Property="Margin"
  392. Value="5" />
  393. <Setter Property="MinWidth"
  394. Value="50" />
  395. <Setter Property="HorizontalAlignment"
  396. Value="Center" />
  397. <Setter Property="VerticalAlignment"
  398. Value="Center" />
  399. <Setter Property="TextAlignment"
  400. Value="Center" />
  401. <Setter Property="TextTrimming"
  402. Value="CharacterEllipsis" />
  403. </Style>
  404. </Grid.Resources>
  405. <TextBlock Text="抛料数:"
  406. HorizontalAlignment="Right"
  407. TextAlignment="Right" />
  408. <Border Grid.Row="0"
  409. Grid.Column="1"
  410. VerticalAlignment="Bottom"
  411. BorderBrush="Gray"
  412. BorderThickness="1" />
  413. <TextBlock Grid.Row="0"
  414. Grid.Column="1"
  415. Text="{Binding management.ThrowNumber}" />
  416. <TextBlock Grid.Row="1"
  417. Grid.Column="0"
  418. Text="NG数量:"
  419. HorizontalAlignment="Right"
  420. TextAlignment="Right" />
  421. <Border Grid.Row="1"
  422. Grid.Column="1"
  423. VerticalAlignment="Bottom"
  424. BorderBrush="Gray"
  425. BorderThickness="1" />
  426. <TextBlock Grid.Row="1"
  427. Grid.Column="1"
  428. Text="{Binding management.NgNumber}" />
  429. <TextBlock Grid.Row="2"
  430. Grid.Column="0"
  431. Text="良率:"
  432. HorizontalAlignment="Right"
  433. TextAlignment="Right" />
  434. <Border Grid.Row="2"
  435. Grid.Column="1"
  436. VerticalAlignment="Bottom"
  437. BorderBrush="Gray"
  438. BorderThickness="1" />
  439. <TextBlock Grid.Row="2"
  440. Grid.Column="1"
  441. Text="{Binding management.Yield,StringFormat={}{0:F2}%}" />
  442. </Grid>
  443. </materialDesign:Card>
  444. </Grid>
  445. <StackPanel Grid.Row="2"
  446. Orientation="Horizontal"
  447. VerticalAlignment="Bottom"
  448. Margin="10,3">
  449. <TextBlock Text="CT: "
  450. FontWeight="Bold"
  451. FontSize="{DynamicResource Font.Size.Body2}"
  452. VerticalAlignment="Center" />
  453. <TextBlock Text="{Binding management.CTtime,StringFormat={}{0:F2} s}"
  454. FontSize="{DynamicResource Font.Size.Body3}"
  455. VerticalAlignment="Center"
  456. Margin="10,0" />
  457. </StackPanel>
  458. <Button Grid.Row="2"
  459. Content="{lex:Loc 计数清零}"
  460. VerticalAlignment="Bottom"
  461. Margin=" 10,3"
  462. HorizontalAlignment="Right"
  463. IsEnabled="{Binding IsAllowEdit}"
  464. materialDesign:ButtonAssist.CornerRadius="10"
  465. Style="{StaticResource MaterialDesignRaisedButton}"
  466. Command="{Binding ResetCounterCommand}" />
  467. </Grid>
  468. <Border Grid.Row="1"
  469. CornerRadius="20"
  470. BorderBrush="#787878"
  471. BorderThickness="1">
  472. <DockPanel LastChildFill="True"
  473. Margin="10">
  474. <TextBlock Text="{lex:Loc 运行信息,Converter={StaticResource StringFormatConverter},ConverterParameter='{}{0}: '}"
  475. FontWeight="Bold"
  476. FontSize="{DynamicResource Font.Size.Body3}"
  477. DockPanel.Dock="Top" />
  478. <ListView x:Name="messagelist"
  479. ItemsSource="{Binding MessageQueue}"
  480. ScrollViewer.VerticalScrollBarVisibility="Auto"
  481. ScrollViewer.CanContentScroll="False"
  482. BorderThickness="0"
  483. Background="Transparent"
  484. ScrollViewer.HorizontalScrollBarVisibility="Disabled">
  485. <ListView.Resources>
  486. <Style TargetType="{x:Type GridViewHeaderRowPresenter}">
  487. <Setter Property="FrameworkElement.Visibility"
  488. Value="Collapsed" />
  489. </Style>
  490. </ListView.Resources>
  491. <ListView.ItemContainerStyle>
  492. <Style TargetType="ListViewItem">
  493. <Setter Property="HorizontalContentAlignment"
  494. Value="Left" />
  495. <Setter Property="VerticalContentAlignment"
  496. Value="Top" />
  497. </Style>
  498. </ListView.ItemContainerStyle>
  499. <ListView.ItemTemplate>
  500. <DataTemplate>
  501. <Border BorderThickness="0"
  502. HorizontalAlignment="Left">
  503. <Label MaxWidth="800"
  504. BorderThickness="0"
  505. Background="Transparent"
  506. Margin="0"
  507. Padding="0"
  508. HorizontalAlignment="Left"
  509. VerticalAlignment="Center"
  510. FontSize="10">
  511. <TextBlock TextWrapping="Wrap"
  512. TextAlignment="Left"
  513. FontSize="{DynamicResource Font.Size.Captions3}"
  514. Foreground="{Binding FontColol}">
  515. <TextBlock.Text>
  516. <MultiBinding StringFormat="{}[{0:M/d HH:mm:ss}]:{1}">
  517. <Binding Path="DT" />
  518. <Binding Path="Message" />
  519. </MultiBinding>
  520. </TextBlock.Text>
  521. </TextBlock>
  522. <Label.ContextMenu>
  523. <ContextMenu>
  524. <MenuItem Header="Copy"
  525. Command="{Binding DataContext.CopyCommand, RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=UserControl}}"
  526. CommandParameter="{Binding Message}"
  527. Icon="{materialDesign:PackIcon Kind=ContentCopy}" />
  528. </ContextMenu>
  529. </Label.ContextMenu>
  530. </Label>
  531. </Border>
  532. </DataTemplate>
  533. </ListView.ItemTemplate>
  534. </ListView>
  535. </DockPanel>
  536. </Border>
  537. </Grid>
  538. </Grid>
  539. </UserControl>