You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
418 lines
22 KiB
418 lines
22 KiB
<reactive:ReactiveUserControl xmlns="https://github.com/avaloniaui"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
xmlns:vm="using:MyAvaloniaApp.ViewModels.Pages"
|
|
xmlns:reactive="clr-namespace:Avalonia.ReactiveUI;assembly=Avalonia.ReactiveUI"
|
|
mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="600"
|
|
x:Class="MyAvaloniaApp.Views.Pages.ReportsPageView"
|
|
x:DataType="vm:ReportsPageViewModel">
|
|
|
|
<Design.DataContext>
|
|
<vm:ReportsPageViewModel />
|
|
</Design.DataContext>
|
|
|
|
<Grid>
|
|
<!-- 报表内容 -->
|
|
<ScrollViewer>
|
|
<StackPanel Spacing="20">
|
|
|
|
<!-- 统计概览 -->
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="*"/>
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<!-- 总报表数 -->
|
|
<Border Grid.Column="0"
|
|
Background="#3498DB"
|
|
CornerRadius="10"
|
|
Margin="0,0,15,0"
|
|
Padding="25">
|
|
<StackPanel>
|
|
<TextBlock Text="📊"
|
|
FontSize="32"
|
|
HorizontalAlignment="Center"
|
|
Margin="0,0,0,10"/>
|
|
<TextBlock Text="{Binding TotalReports}"
|
|
FontSize="36"
|
|
FontWeight="Bold"
|
|
Foreground="White"
|
|
HorizontalAlignment="Center"/>
|
|
<TextBlock Text="总报表数"
|
|
FontSize="14"
|
|
Foreground="White"
|
|
HorizontalAlignment="Center"
|
|
Opacity="0.9"/>
|
|
</StackPanel>
|
|
</Border>
|
|
|
|
<!-- 月度报表 -->
|
|
<Border Grid.Column="1"
|
|
Background="#E74C3C"
|
|
CornerRadius="10"
|
|
Margin="5,0,10,0"
|
|
Padding="25">
|
|
<StackPanel>
|
|
<TextBlock Text="📅"
|
|
FontSize="32"
|
|
HorizontalAlignment="Center"
|
|
Margin="0,0,0,10"/>
|
|
<TextBlock Text="{Binding MonthlyReports}"
|
|
FontSize="36"
|
|
FontWeight="Bold"
|
|
Foreground="White"
|
|
HorizontalAlignment="Center"/>
|
|
<TextBlock Text="月度报表"
|
|
FontSize="14"
|
|
Foreground="White"
|
|
HorizontalAlignment="Center"
|
|
Opacity="0.9"/>
|
|
</StackPanel>
|
|
</Border>
|
|
|
|
<!-- 平均评分 -->
|
|
<Border Grid.Column="2"
|
|
Background="#27AE60"
|
|
CornerRadius="10"
|
|
Margin="5,0,0,0"
|
|
Padding="25">
|
|
<StackPanel>
|
|
<TextBlock Text="⭐"
|
|
FontSize="32"
|
|
HorizontalAlignment="Center"
|
|
Margin="0,0,0,10"/>
|
|
<TextBlock Text="{Binding AverageScore}"
|
|
FontSize="36"
|
|
FontWeight="Bold"
|
|
Foreground="White"
|
|
HorizontalAlignment="Center"/>
|
|
<TextBlock Text="平均评分"
|
|
FontSize="14"
|
|
Foreground="White"
|
|
HorizontalAlignment="Center"
|
|
Opacity="0.9"/>
|
|
</StackPanel>
|
|
</Border>
|
|
</Grid>
|
|
|
|
<!-- 报表类型 -->
|
|
<Border Background="White"
|
|
CornerRadius="10"
|
|
BorderBrush="#DEE2E6"
|
|
BorderThickness="1"
|
|
Padding="25">
|
|
<StackPanel>
|
|
<TextBlock Text="📋 报表类型"
|
|
FontSize="18"
|
|
FontWeight="Bold"
|
|
Foreground="#2C3E50"
|
|
Margin="0,0,0,20"/>
|
|
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="*"/>
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<!-- 左侧报表类型 -->
|
|
<StackPanel Grid.Column="0" Margin="0,0,20,0">
|
|
<TextBlock Text="业务报表"
|
|
FontSize="16"
|
|
FontWeight="SemiBold"
|
|
Foreground="#2C3E50"
|
|
Margin="0,0,0,15"/>
|
|
|
|
<StackPanel Spacing="10">
|
|
<Button Background="#3498DB"
|
|
Foreground="White"
|
|
BorderThickness="0"
|
|
CornerRadius="5"
|
|
Padding="15,10"
|
|
HorizontalAlignment="Stretch">
|
|
<StackPanel Orientation="Horizontal" Spacing="5">
|
|
<TextBlock Text="📊" FontSize="14"/>
|
|
<TextBlock Text="销售报表" FontSize="14"/>
|
|
</StackPanel>
|
|
</Button>
|
|
|
|
<Button Background="#27AE60"
|
|
Foreground="White"
|
|
BorderThickness="0"
|
|
CornerRadius="5"
|
|
Padding="15,10"
|
|
HorizontalAlignment="Stretch">
|
|
<StackPanel Orientation="Horizontal" Spacing="5">
|
|
<TextBlock Text="💰" FontSize="14"/>
|
|
<TextBlock Text="财务报表" FontSize="14"/>
|
|
</StackPanel>
|
|
</Button>
|
|
|
|
<Button Background="#E74C3C"
|
|
Foreground="White"
|
|
BorderThickness="0"
|
|
CornerRadius="5"
|
|
Padding="15,10"
|
|
HorizontalAlignment="Stretch">
|
|
<StackPanel Orientation="Horizontal" Spacing="5">
|
|
<TextBlock Text="👥" FontSize="14"/>
|
|
<TextBlock Text="用户报表" FontSize="14"/>
|
|
</StackPanel>
|
|
</Button>
|
|
</StackPanel>
|
|
</StackPanel>
|
|
|
|
<!-- 右侧报表类型 -->
|
|
<StackPanel Grid.Column="1">
|
|
<TextBlock Text="系统报表"
|
|
FontSize="16"
|
|
FontWeight="SemiBold"
|
|
Foreground="#2C3E50"
|
|
Margin="0,0,0,15"/>
|
|
|
|
<StackPanel Spacing="10">
|
|
<Button Background="#F39C12"
|
|
Foreground="White"
|
|
BorderThickness="0"
|
|
CornerRadius="5"
|
|
Padding="15,10"
|
|
HorizontalAlignment="Stretch">
|
|
<StackPanel Orientation="Horizontal" Spacing="5">
|
|
<TextBlock Text="⚡" FontSize="14"/>
|
|
<TextBlock Text="性能报表" FontSize="14"/>
|
|
</StackPanel>
|
|
</Button>
|
|
|
|
<Button Background="#9B59B6"
|
|
Foreground="White"
|
|
BorderThickness="0"
|
|
CornerRadius="5"
|
|
Padding="15,10"
|
|
HorizontalAlignment="Stretch">
|
|
<StackPanel Orientation="Horizontal" Spacing="5">
|
|
<TextBlock Text="🔒" FontSize="14"/>
|
|
<TextBlock Text="安全报表" FontSize="14"/>
|
|
</StackPanel>
|
|
</Button>
|
|
|
|
<Button Background="#1ABC9C"
|
|
Foreground="White"
|
|
BorderThickness="0"
|
|
CornerRadius="5"
|
|
Padding="15,10"
|
|
HorizontalAlignment="Stretch">
|
|
<StackPanel Orientation="Horizontal" Spacing="5">
|
|
<TextBlock Text="📈" FontSize="14"/>
|
|
<TextBlock Text="趋势报表" FontSize="14"/>
|
|
</StackPanel>
|
|
</Button>
|
|
</StackPanel>
|
|
</StackPanel>
|
|
</Grid>
|
|
</StackPanel>
|
|
</Border>
|
|
|
|
<!-- 最近报表 -->
|
|
<Border Background="White"
|
|
CornerRadius="10"
|
|
BorderBrush="#DEE2E6"
|
|
BorderThickness="1"
|
|
Padding="25">
|
|
<StackPanel>
|
|
<TextBlock Text="📄 最近报表"
|
|
FontSize="18"
|
|
FontWeight="Bold"
|
|
Foreground="#2C3E50"
|
|
Margin="0,0,0,20"/>
|
|
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto"/>
|
|
<RowDefinition Height="Auto"/>
|
|
<RowDefinition Height="Auto"/>
|
|
<RowDefinition Height="Auto"/>
|
|
</Grid.RowDefinitions>
|
|
|
|
<!-- 表头 -->
|
|
<Border Grid.Row="0"
|
|
Background="#F8F9FA"
|
|
CornerRadius="5"
|
|
Padding="15,10"
|
|
Margin="0,0,0,10">
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="150"/>
|
|
<ColumnDefinition Width="100"/>
|
|
<ColumnDefinition Width="120"/>
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<TextBlock Grid.Column="0"
|
|
Text="报表名称"
|
|
FontWeight="Bold"
|
|
Foreground="#2C3E50"/>
|
|
<TextBlock Grid.Column="1"
|
|
Text="创建时间"
|
|
FontWeight="Bold"
|
|
Foreground="#2C3E50"/>
|
|
<TextBlock Grid.Column="2"
|
|
Text="状态"
|
|
FontWeight="Bold"
|
|
Foreground="#2C3E50"/>
|
|
<TextBlock Grid.Column="3"
|
|
Text="操作"
|
|
FontWeight="Bold"
|
|
Foreground="#2C3E50"/>
|
|
</Grid>
|
|
</Border>
|
|
|
|
<!-- 报表行1 -->
|
|
<Border Grid.Row="1"
|
|
Background="White"
|
|
BorderBrush="#E9ECEF"
|
|
BorderThickness="0,0,0,1"
|
|
Padding="15,10"
|
|
Margin="0,0,0,5">
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="150"/>
|
|
<ColumnDefinition Width="100"/>
|
|
<ColumnDefinition Width="120"/>
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<TextBlock Grid.Column="0"
|
|
Text="月度销售报表"
|
|
Foreground="#2C3E50"/>
|
|
<TextBlock Grid.Column="1"
|
|
Text="2025-01-10"
|
|
Foreground="#6C757D"/>
|
|
<TextBlock Grid.Column="2"
|
|
Text="已完成"
|
|
Foreground="#27AE60"/>
|
|
<Button Grid.Column="3"
|
|
Content="查看"
|
|
Background="#3498DB"
|
|
Foreground="White"
|
|
BorderThickness="0"
|
|
CornerRadius="3"
|
|
Padding="10,5"
|
|
FontSize="12"/>
|
|
</Grid>
|
|
</Border>
|
|
|
|
<!-- 报表行2 -->
|
|
<Border Grid.Row="2"
|
|
Background="White"
|
|
BorderBrush="#E9ECEF"
|
|
BorderThickness="0,0,0,1"
|
|
Padding="15,10"
|
|
Margin="0,0,0,5">
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="150"/>
|
|
<ColumnDefinition Width="100"/>
|
|
<ColumnDefinition Width="120"/>
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<TextBlock Grid.Column="0"
|
|
Text="用户活跃度报表"
|
|
Foreground="#2C3E50"/>
|
|
<TextBlock Grid.Column="1"
|
|
Text="2025-01-09"
|
|
Foreground="#6C757D"/>
|
|
<TextBlock Grid.Column="2"
|
|
Text="进行中"
|
|
Foreground="#F39C12"/>
|
|
<Button Grid.Column="3"
|
|
Content="查看"
|
|
Background="#3498DB"
|
|
Foreground="White"
|
|
BorderThickness="0"
|
|
CornerRadius="3"
|
|
Padding="10,5"
|
|
FontSize="12"/>
|
|
</Grid>
|
|
</Border>
|
|
|
|
<!-- 报表行3 -->
|
|
<Border Grid.Row="3"
|
|
Background="White"
|
|
BorderBrush="#E9ECEF"
|
|
BorderThickness="0,0,0,1"
|
|
Padding="15,10">
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="150"/>
|
|
<ColumnDefinition Width="100"/>
|
|
<ColumnDefinition Width="120"/>
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<TextBlock Grid.Column="0"
|
|
Text="系统性能报表"
|
|
Foreground="#2C3E50"/>
|
|
<TextBlock Grid.Column="1"
|
|
Text="2025-01-08"
|
|
Foreground="#6C757D"/>
|
|
<TextBlock Grid.Column="2"
|
|
Text="已完成"
|
|
Foreground="#27AE60"/>
|
|
<Button Grid.Column="3"
|
|
Content="查看"
|
|
Background="#3498DB"
|
|
Foreground="White"
|
|
BorderThickness="0"
|
|
CornerRadius="3"
|
|
Padding="10,5"
|
|
FontSize="12"/>
|
|
</Grid>
|
|
</Border>
|
|
</Grid>
|
|
</StackPanel>
|
|
</Border>
|
|
|
|
<!-- 操作按钮 -->
|
|
<StackPanel Orientation="Horizontal"
|
|
Spacing="15"
|
|
HorizontalAlignment="Center"
|
|
Margin="0,20,0,0">
|
|
<Button Background="#27AE60"
|
|
Foreground="White"
|
|
BorderThickness="0"
|
|
CornerRadius="5"
|
|
Padding="20,12">
|
|
<StackPanel Orientation="Horizontal" Spacing="5">
|
|
<TextBlock Text="📊" FontSize="14"/>
|
|
<TextBlock Text="生成新报表" FontSize="14"/>
|
|
</StackPanel>
|
|
</Button>
|
|
<Button Background="#3498DB"
|
|
Foreground="White"
|
|
BorderThickness="0"
|
|
CornerRadius="5"
|
|
Padding="20,12">
|
|
<StackPanel Orientation="Horizontal" Spacing="5">
|
|
<TextBlock Text="📁" FontSize="14"/>
|
|
<TextBlock Text="导出报表" FontSize="14"/>
|
|
</StackPanel>
|
|
</Button>
|
|
<Button Background="#95A5A6"
|
|
Foreground="White"
|
|
BorderThickness="0"
|
|
CornerRadius="5"
|
|
Padding="20,12">
|
|
<StackPanel Orientation="Horizontal" Spacing="5">
|
|
<TextBlock Text="⚙️" FontSize="14"/>
|
|
<TextBlock Text="报表设置" FontSize="14"/>
|
|
</StackPanel>
|
|
</Button>
|
|
</StackPanel>
|
|
|
|
</StackPanel>
|
|
</ScrollViewer>
|
|
</Grid>
|
|
</reactive:ReactiveUserControl>
|
|
|