SunlightAggregationTerminal/QueryPage.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.QueryPage"
             Title="">
    <Grid>
        <Grid RowDefinitions="Auto, *" >
            <Grid RowDefinitions="Auto, *" ColumnDefinitions="*, Auto" 
                  Grid.Row="0" Grid.Column="0">
                <Border Grid.Row="0" Grid.Column="0" Stroke="#CCCCCC"                          
                        StrokeThickness="1" StrokeShape="RoundRectangle 10"                      
                        BackgroundColor="White" Padding="0,0"                
                        VerticalOptions="Center" Margin="10,10,0,10">
                    <Entry x:Name="ResultEntry" Grid.Row="0"                              
                           Grid.Column="0" FontSize="Medium"                             
                           Placeholder="等待扫码..." VerticalOptions="Center"                   
                           BackgroundColor="Transparent" Margin="0,0,0,0" />
                </Border>
                <!--扫码按钮-->
                <Button Grid.Row="0" Grid.Column="1" Clicked="OnScanButtonClicked"              
                        BackgroundColor="Transparent" WidthRequest="60"               
                        HeightRequest="60" Margin="10">
                    <Button.ImageSource>
                        <!-- 设置图标 -->
                        <FileImageSource File="lucidescanline.png" />
                    </Button.ImageSource>
                </Button>
                <StackLayout Grid.Row="1"  Grid.Column="0" >
                    <HorizontalStackLayout>
                        <DatePicker x:Name="StartTime" Format="yyyy年MM月dd日" FontSize="16"/>
                        <Label Text="~" FontSize="32"/>
                        <DatePicker x:Name="EndTime" Format="yyyy年MM月dd日" FontSize="16"/>
                        <Button Text="搜索" Clicked="Button_Clicked" Padding="25,0,25,0"/>
                    </HorizontalStackLayout>
                </StackLayout>
            </Grid>
      
            <Grid Grid.Row="1" Grid.Column="0">
                <CollectionView x:Name="CardCollectionView" RemainingItemsThreshold="5">
                    <!-- 保持滚动条 -->
                    <CollectionView.ItemTemplate>
                        <DataTemplate>
                            <!-- 这里定义单个卡片的 UI 结构 -->
                            <Border BackgroundColor="White"
                                Stroke="#CCCCCC" StrokeThickness="1"             
                                Margin="10,0,10,10" StrokeShape="RoundRectangle 10">
                                <VerticalStackLayout>
                                    <HorizontalStackLayout>
                                        <Label Text="工单: " FontAttributes="Bold"  FontSize="22" TextColor="Black"/>
                                        <Label Text="{Binding Dyelot}" FontAttributes="Bold" FontSize="22" TextColor="Gray"/>
                                        <Label Text="@" FontAttributes="Bold"  FontSize="22" TextColor="Black"/>
                                        <Label Text="{Binding ReDye}" FontAttributes="Bold" FontSize="22" TextColor="Gray"/>
                                    </HorizontalStackLayout>
                                    <HorizontalStackLayout>
                                        <Label Text="机台: " FontAttributes="Bold" FontSize="22" TextColor="Black"/>
                                        <Label Text="{Binding Machine}" FontAttributes="Bold" FontSize="22" TextColor="Gray"/>
                                    </HorizontalStackLayout>
                                    <HorizontalStackLayout>
                                        <Label Text="下单时间: " FontAttributes="Bold" FontSize="22" TextColor="Black"/>
                                        <Label Text="{Binding CreationTime}" FontAttributes="Bold" FontSize="22" TextColor="Gray"/>
                                    </HorizontalStackLayout>
                                    <HorizontalStackLayout>
                                        <Label Text="工艺: " FontAttributes="Bold" FontSize="22" TextColor="Black"/>
                                        <Label Text="{Binding FabricName}" FontAttributes="Bold" FontSize="22" TextColor="Gray"/>
                                    </HorizontalStackLayout>
                                    <HorizontalStackLayout>
                                        <Label Text="面料: " FontAttributes="Bold" FontSize="22" TextColor="Black"/>
                                        <Label Text="{Binding FabricName}" FontAttributes="Bold" FontSize="22" TextColor="Gray"/>
                                    </HorizontalStackLayout>
                                    <HorizontalStackLayout>
                                        <Label Text="颜色: " FontAttributes="Bold" FontSize="22" TextColor="Black"/>
                                        <Label Text="{Binding ColorName}" FontAttributes="Bold" FontSize="22" TextColor="Gray"/>
                                    </HorizontalStackLayout>
                                    <HorizontalStackLayout>
                                        <Label Text="客户: " FontAttributes="Bold" FontSize="22" TextColor="Black"/>
                                        <Label Text="{Binding CustomerName}" FontAttributes="Bold" FontSize="22" TextColor="Gray"/>
                                    </HorizontalStackLayout>
                                </VerticalStackLayout>
                                <Border.GestureRecognizers>
                                    <TapGestureRecognizer Tapped="TapGestureRecognizer_Tapped"/>
                                </Border.GestureRecognizers>
                            </Border>
                        </DataTemplate>
                    </CollectionView.ItemTemplate>
                </CollectionView>               
            </Grid>
        </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>