20230201_145_upperpc/InSituLaboratory/Views/Pages/SysDeviceView.xaml

<UserControl x:Class="InSituLaboratory.Views.Pages.SysDeviceView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:InSituLaboratory.Views.Pages"
             FontFamily="{StaticResource DigitalDisplay}"
             mc:Ignorable="d"  Template="{StaticResource PageTempalte}">
    <UserControl.Resources>
        <Style TargetType="GroupBox">
            <Setter Property="Margin" Value="10,5" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="GroupBox">
                        <Grid>
                            <!--  左上角  -->
                            <Polyline HorizontalAlignment="Left" VerticalAlignment="Top" Points="0 30, 0 10, 10 0, 30 0" Stroke="#9918AABD" StrokeThickness="1" />
                            <!--  左上角点  -->
                            <Ellipse Width="4" Height="4" Margin="24,-2,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Fill="#9918AABD" />
                            <Ellipse  Width="4" Height="4" Margin="-2,24,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Fill="#9918AABD" />
                            <!--  右上角  -->
                            <Path HorizontalAlignment="Right" VerticalAlignment="Top"  Data="M0 0, 3 3, 30 3, 33 0, 68 0, 73 7,78 7, 78 10M8 0, 25 0" Stroke="#5518AABD" />
                            <!--  左下角  -->
                            <Polyline HorizontalAlignment="Left"  VerticalAlignment="Bottom"  Points="0,0 0,15 10,15"  Stroke="#5518AABD" />
                            <!--  右下角  -->
                            <Polyline HorizontalAlignment="Right" VerticalAlignment="Bottom"  Points="10,0 0,10" Stroke="#5518AABD" />
                            <!--  右下角图标  -->
                            <Polygon HorizontalAlignment="Right" VerticalAlignment="Bottom" Fill="#9918AABD" Points="0,7 7 7 7 0" />

                            <Border Margin="30,-0.5,78,0" VerticalAlignment="Top" BorderBrush="#5518AABD" BorderThickness="0,1,0,0" />
                            <Border  Margin="0,10" HorizontalAlignment="Right" BorderBrush="#5518AABD" BorderThickness="0,0,1,0" />
                            <Border Margin="10,0"  VerticalAlignment="Bottom" BorderBrush="#5518AABD" BorderThickness="0,1,0,0" />
                            <Border  Margin="-0.5,15" HorizontalAlignment="Left" BorderBrush="#5518AABD" BorderThickness="0,0,1,0" />

                            <!--  箭头  -->
                            <Path  Margin="10,13"  HorizontalAlignment="Left" VerticalAlignment="Top" Data="M0 0,3 0,5 4,3 8,0 8,3 4" Fill="#9918AABD" />
                            <Path Margin="16,13"  HorizontalAlignment="Left" VerticalAlignment="Top"  Data="M0 0,3 0,5 4,3 8,0 8,3 4" Fill="#5518AABD" />
                            <!--  字体  -->
                            <TextBlock Margin="25,8" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="#18AABD" Text="{TemplateBinding Header}"  FontSize="18"/>
                            <!--  占位对象  -->
                            <ContentPresenter />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>
    <Grid  Grid.IsSharedSizeScope="True" >
        <Border CornerRadius="5" Background="#14273a" Margin="10,5,10,10">
            <GroupBox>
                <Grid Grid.IsSharedSizeScope="True" Margin="10,5,10,10">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="50"/>
                        <RowDefinition/>
                    </Grid.RowDefinitions>
                    <Border Background="#EEE" Height="1" VerticalAlignment="Bottom"/>

                    <Grid TextBlock.FontSize="15" TextBlock.FontWeight="Bold" TextBlock.Foreground="#EEE" Background="#14273a">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="150"/>
                            <ColumnDefinition />
                            <ColumnDefinition />
                            <ColumnDefinition />
                            <ColumnDefinition />
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
                        <TextBlock Text="序号" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        <TextBlock Text="设备代码" Grid.Column="1" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        <TextBlock Text="设备名称" Grid.Column="2" VerticalAlignment="Center" HorizontalAlignment="Center" />
                        <TextBlock Text="最小工作时长/min" Grid.Column="3" VerticalAlignment="Center"  HorizontalAlignment="Center"/>
                        <TextBlock Text="单次工作最大时长/min" Grid.Column="4" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        <TextBlock Text="操作" Grid.Column="5" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                    </Grid>

                    <ListBox ItemsSource="{Binding Devices}" Grid.Row="1" BorderThickness="0" Background="#14273a">
                        <ListBox.ItemContainerStyle>
                            <Style TargetType="ListBoxItem">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="ListBoxItem">
                                            <Border>
                                                <ContentPresenter/>
                                            </Border>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </ListBox.ItemContainerStyle>
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Grid Background="Transparent" Name="rootDevice">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="150"/>
                                        <ColumnDefinition />
                                        <ColumnDefinition />
                                        <ColumnDefinition />
                                        <ColumnDefinition />
                                        <ColumnDefinition />
                                    </Grid.ColumnDefinitions>
                                    <!--间隔线-->
                                    <!--<Border BorderBrush="#EEE" BorderThickness="0,0,0,1" Height="1" VerticalAlignment="Bottom" Grid.ColumnSpan="10" SnapsToDevicePixels="True"/>-->
                                    <!--序号-->
                                    <TextBlock Text="{Binding Index}" Grid.Column="0" Height="35" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="15" Foreground="White"/>
                                    <!--设备代码-->
                                    <TextBlock Text="{Binding DeviceType}"  Grid.Column="1" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="15" Foreground="White"/>
                                    <!--设备名称-->
                                    <TextBlock Text="{Binding DeviceName}" Grid.Column="2" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="15" Foreground="White"/>
                                    <!--最小工作时长-->
                                    <TextBlock Text="{Binding MinWorkTime}"  Grid.Column="3" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="15" Foreground="White"/>
                                    <!--单次工作最大时长-->
                                    <TextBlock Text="{Binding WorkTime}"  Grid.Column="4" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="15" Foreground="White"/>
                                    <!--操作-->
                                    <StackPanel Grid.Column="5" VerticalAlignment="Center"  HorizontalAlignment="Center" Orientation="Horizontal">
                                        <TextBlock VerticalAlignment="Center">
                                                <Hyperlink Command="{Binding DataContext.ModifyCommand,RelativeSource={RelativeSource AncestorType=UserControl}}"
                                                           CommandParameter="{Binding}" FontSize="15"
                                                           TextDecorations="None" Foreground="#E0FFFF">编辑</Hyperlink>
                                        </TextBlock>
                                        <TextBlock Margin="5,3">
                                                <Hyperlink Command="{Binding DataContext.DeleteCommand,RelativeSource={RelativeSource AncestorType=UserControl}}"
                                                           CommandParameter="{Binding}" FontSize="15"
                                                           TextDecorations="None" Foreground="#E0FFFF">删除</Hyperlink>
                                        </TextBlock>
                                    </StackPanel>
                                </Grid>
                                <DataTemplate.Triggers>
                                    <Trigger Property="IsMouseOver" Value="True">
                                        <Setter TargetName="rootDevice" Property="Background" Value="#11409EFE"/>
                                    </Trigger>
                                </DataTemplate.Triggers>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                </Grid>
            </GroupBox>
        </Border>
    </Grid>
</UserControl>