SunlightAggregationTerminal/InfoChemicalStatistics.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="SunlightAggregationTerminal.InfoChemicalStatistics"
             Title="耗用统计">
    <Grid>
        <Grid RowDefinitions="Auto, *" >
            <Grid ColumnDefinitions="*, Auto" Grid.Row="0" Grid.Column="0" Margin="5">                
                <HorizontalStackLayout Grid.Row="0" Grid.Column="0" Margin="5,0,0,0" >
                    <DatePicker x:Name="StartTime" Format="yyyy年MM月dd日" FontSize="16" 
                    MaximumWidthRequest="150" MinimumWidthRequest="130" WidthRequest="135"/>
                    <Label Text="~" FontSize="28"/>
                    <DatePicker x:Name="EndTime" Format="yyyy年MM月dd日" FontSize="16"
                    MaximumWidthRequest="150" MinimumWidthRequest="130" WidthRequest="135"/>
                </HorizontalStackLayout>
                <Button Grid.Row="0" Grid.Column="1" Text="查询" Clicked="Button_Clicked"           
                        WidthRequest="60" Padding="5,0,5,0" Margin="20,0,0,5" />
            </Grid>
            <CollectionView Grid.Row="1" x:Name="CardCollectionView">
                <!-- 保持滚动条 -->
                <CollectionView.ItemTemplate>
                    <DataTemplate>
                        <!-- 这里定义单个卡片的 UI 结构 -->
                        <Border BackgroundColor="White" Stroke="#CCCCCC"                 
                          StrokeThickness="2" Margin="10,0,10,10"                
                          StrokeShape="RoundRectangle 10">
                            <VerticalStackLayout>
                                <!-- 设备信息 -->
                                <HorizontalStackLayout>
                                    <Label Text="原料: " FontAttributes="Bold" 
                                           FontSize="22" TextColor="Black"/>
                                    <Label Text="{Binding ProductName}" FontAttributes="Bold" 
                                           FontSize="22" TextColor="Black"/>
                                </HorizontalStackLayout>
                                <HorizontalStackLayout>
                                    <Label Text="代码: " FontAttributes="Bold" 
                                           FontSize="22" TextColor="Black"/>
                                    <Label Text="{Binding ProductCode}" FontAttributes="Bold"
                                           FontSize="22" TextColor="Black"/>
                                </HorizontalStackLayout>
                                <HorizontalStackLayout>
                                    <Label Text="用量: " FontAttributes="Bold" 
                                           FontSize="22" TextColor="Black"/>
                                    <Label Text="{Binding TotalDispenseGrams}" FontAttributes="Bold" 
                                           FontSize="22" TextColor="Black"/>
                                    <Label Text="Kg" FontAttributes="Bold" 
                                           FontSize="22" TextColor="Black"/>
                                </HorizontalStackLayout>
                            </VerticalStackLayout>
                        </Border>
                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>
        </Grid>
        <!-- 查询中动画页面 -->
        <Grid x:Name="LoadingIndicator" BackgroundColor="Gray"       
        IsVisible="False" Opacity="0.9">
            <VerticalStackLayout Padding="30" Spacing="10"       
                    VerticalOptions="Center"       
                    HorizontalOptions="Center">
                <ActivityIndicator IsRunning="True"                                 
                      Color="#512BD4"                              
                      HorizontalOptions="Center"                                 
                      VerticalOptions="Center" />
                <Label Text="查询中..." FontAttributes="Bold"                                 
                 FontSize="24" TextColor="Black"/>
            </VerticalStackLayout>
        </Grid>
    </Grid>
</ContentPage>