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>
            <CollectionView 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>