FATrace/FATrace.WPLApp/Views/FootView.xaml

<UserControl
    x:Class="FATrace.WPLApp.Views.FootView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:FATrace.WPLApp.Views"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    d:DesignHeight="30"
    d:DesignWidth="1920"
    mc:Ignorable="d">
    <Grid Margin="2,1,2,2" Background="#f6f5ec">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="2*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="2*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.Resources>
            <Style x:Key="BoardStyle" TargetType="Border">
                <Setter Property="Background" Value="Gray" />
                <Setter Property="CornerRadius" Value="3" />
                <Setter Property="Margin" Value="2,1" />
                <Setter Property="Padding" Value="2" />
            </Style>
            <Style x:Key="StackPanelStyle" TargetType="StackPanel">
                <Setter Property="HorizontalAlignment" Value="Center" />
                <Setter Property="VerticalAlignment" Value="Center" />
                <Setter Property="Orientation" Value="Horizontal" />
                <Setter Property="Margin" Value="10,0" />
            </Style>
            <Style x:Key="TextBlockStyle" TargetType="TextBlock">
                <Setter Property="HorizontalAlignment" Value="Center" />
                <Setter Property="VerticalAlignment" Value="Center" />
                <Setter Property="Foreground" Value="White" />
                <Setter Property="FontSize" Value="18" />
            </Style>
            <Style x:Key="TextBlockIcon" TargetType="TextBlock">
                <Setter Property="FontFamily" Value="/Assets/Fonts/#iconfont" />
                <Setter Property="VerticalAlignment" Value="Center" />
                <Setter Property="Foreground" Value="White" />
                <Setter Property="FontSize" Value="18" />
                <Setter Property="Margin" Value="5,0,5,0" />
            </Style>
        </Grid.Resources>

        <Border>
            <Border.Style>
                <Style BasedOn="{StaticResource BoardStyle}" TargetType="Border">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding SysRunService.SysRunState.RunState}" Value="1">
                            <Setter Property="Background" Value="LimeGreen" />
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Border.Style>
            <StackPanel Style="{StaticResource StackPanelStyle}">
                <TextBlock Style="{StaticResource TextBlockIcon}" Text="&#xe67f;" />
                <TextBlock Style="{StaticResource TextBlockStyle}" Text="系统状态:" />
                <TextBlock Style="{StaticResource TextBlockStyle}" Text="{Binding SysRunService.SysRunState.RunStateMsg}" />
            </StackPanel>

        </Border>

        <Border Grid.Column="1">
            <Border.Style>
                <Style BasedOn="{StaticResource BoardStyle}" TargetType="Border">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding SysRunService.SysRunState.ComState}" Value="1">
                            <Setter Property="Background" Value="LimeGreen" />
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Border.Style>
            <StackPanel Style="{StaticResource StackPanelStyle}">
                <Ellipse
                    Width="10"
                    Height="10"
                    Margin="0,0,6,0">
                    <Ellipse.Style>
                        <Style TargetType="Ellipse">
                            <Setter Property="Fill" Value="Red" />
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding SysRunService.PlcLinkState}" Value="True">
                                    <Setter Property="Fill" Value="Lime" />
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </Ellipse.Style>
                </Ellipse>
                <TextBlock Style="{StaticResource TextBlockIcon}" Text="&#xe776;" />
                <TextBlock Style="{StaticResource TextBlockStyle}" Text="PLC:" />
                <TextBlock
                    Margin="5,0"
                    FontSize="16"
                    Foreground="White"
                    Text="{Binding SysRunService.PlcEndPoint}" />
                <TextBlock Style="{StaticResource TextBlockStyle}" Text="/" />
                <TextBlock Style="{StaticResource TextBlockStyle}" Text="{Binding SysRunService.SysRunState.ComMsg}" />
            </StackPanel>
        </Border>

        <!--<Border Grid.Column="2" Style="{StaticResource BoardStyle}">
            <StackPanel Style="{StaticResource StackPanelStyle}">
                <TextBlock Style="{StaticResource TextBlockIcon}" Text="&#xe9b0;" />
                <TextBlock Style="{StaticResource TextBlockStyle}" Text="数据记录:" />
                <TextBlock
                    Margin="5,0"
                    FontSize="16"
                    Foreground="White"
                    Text="{Binding c}" />
            </StackPanel>
        </Border>-->

        <Border Grid.Column="2">
            <Border.Style>
                <Style BasedOn="{StaticResource BoardStyle}" TargetType="Border">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding SysRunService.IsLogin}" Value="true">
                            <Setter Property="Background" Value="LimeGreen" />
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Border.Style>
            <StackPanel Style="{StaticResource StackPanelStyle}">
                <TextBlock Style="{StaticResource TextBlockIcon}" Text="&#xec82;" />
                <TextBlock Style="{StaticResource TextBlockStyle}" Text="用户:" />
                <TextBlock
                    Foreground="White"
                    Style="{StaticResource TextBlockStyle}"
                    Text="{Binding SysRunService.CurUser}" />
            </StackPanel>
        </Border>

        <Border Grid.Column="3">
            <Border.Style>
                <Style BasedOn="{StaticResource BoardStyle}" TargetType="Border">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding SysRunService.PlcScanState}" Value="1">
                            <Setter Property="Background" Value="LimeGreen" />
                        </DataTrigger>
                        <DataTrigger Binding="{Binding SysRunService.PlcScanState}" Value="2">
                            <Setter Property="Background" Value="OrangeRed" />
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Border.Style>
            <StackPanel Style="{StaticResource StackPanelStyle}">
                <Ellipse
                    Width="10"
                    Height="10"
                    Margin="0,0,6,0">
                    <Ellipse.Style>
                        <Style TargetType="Ellipse">
                            <Setter Property="Fill" Value="Red" />
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding SysRunService.PlcScanState}" Value="1">
                                    <Setter Property="Fill" Value="Lime" />
                                </DataTrigger>
                                <DataTrigger Binding="{Binding SysRunService.PlcScanState}" Value="2">
                                    <Setter Property="Fill" Value="Orange" />
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </Ellipse.Style>
                </Ellipse>
                <TextBlock Style="{StaticResource TextBlockIcon}" Text="&#xe776;" />
                <TextBlock Style="{StaticResource TextBlockStyle}" Text="PLC扫描:" />
                <TextBlock Style="{StaticResource TextBlockStyle}" Text="{Binding SysRunService.PlcScanMsg}" />
            </StackPanel>
        </Border>

    </Grid>
</UserControl>