完成预约单详情页面布局

Src/GS.Terminal.VisitorSelfService/ViewModelView/ViewModels/Locator.cs

@@ -20,6 +20,7 @@ namespace ViewModels
             CheckRegistVM<Foot>();
             CheckRegistVM<Pages.MenuPage.ViewModel>();
             CheckRegistVM<Pages.AuthenticationPage.ViewModel>();
+            CheckRegistVM<Pages.AppointmentDetailPage.ViewModel>();
         }
 
         private void CheckRegistVM<T>() where T : class
@@ -51,5 +52,13 @@ namespace ViewModels
                 return SimpleIoc.Default.GetInstance<Pages.AuthenticationPage.ViewModel>();
             }
         }
+
+        public Pages.AppointmentDetailPage.ViewModel AppointmentDetailPage
+        {
+            get
+            {
+                return SimpleIoc.Default.GetInstance<Pages.AppointmentDetailPage.ViewModel>();
+            }
+        }
     }
 }

Src/GS.Terminal.VisitorSelfService/ViewModelView/ViewModels/Pages/AppointmentDetailPage/ViewModel.cs

+using GalaSoft.MvvmLight;
+using GS.Terminal.LogicShell.Interface;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace ViewModels.Pages.AppointmentDetailPage
+{
+    public partial class ViewModel : ViewModelBase, IViewModel
+    {
+        public string ViewID => "06d0ebdb-2518-4dc7-bc17-5b3fc5012af4";
+
+        public void Reset()
+        {
+
+        }
+    }
+}

Src/GS.Terminal.VisitorSelfService/ViewModelView/ViewModels/ViewModels.csproj

@@ -65,6 +65,7 @@
   <ItemGroup>
     <Compile Include="Foot.cs" />
     <Compile Include="Locator.cs" />
+    <Compile Include="Pages\AppointmentDetailPage\ViewModel.cs" />
     <Compile Include="Pages\AuthenticationPage\ViewModel.cs" />
     <Compile Include="Pages\MenuPage\ViewModel.cs" />
     <Compile Include="Properties\AssemblyInfo.cs" />

Src/GS.Terminal.VisitorSelfService/ViewModelView/Views/Pages/AppointmentDetailPage/Index.xaml

+<Page x:Class="Views.Pages.AppointmentDetailPage.Index"
+      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
+      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+      xmlns:local="clr-namespace:Views.Pages.AppointmentDetailPage"
+      mc:Ignorable="d" 
+      d:DesignHeight="1695" d:DesignWidth="1080"
+      Title="Index">
+    <Page.Resources>
+        <ResourceDictionary>
+            <ResourceDictionary.MergedDictionaries>
+                <ResourceDictionary Source="Style.xaml"/>
+            </ResourceDictionary.MergedDictionaries>
+        </ResourceDictionary>
+    </Page.Resources>
+    <Grid>
+        <Grid Margin="0,110,0,0">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="480"/>
+                <RowDefinition Height="auto"/>
+                <RowDefinition/>
+            </Grid.RowDefinitions>
+            <!--照片-->
+            <Grid>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition/>
+                    <ColumnDefinition Width="330"/>
+                    <ColumnDefinition/>
+                </Grid.ColumnDefinitions>
+                <Border Grid.Column="1" CornerRadius="5"
+                    Padding="31,31,31,0" BorderThickness="4" BorderBrush="#e5e4e6">
+                    <StackPanel>
+                        <Image Width="260" Height="370"/>
+                        <TextBlock Text="张三" FontSize="42" HorizontalAlignment="Center" Margin="0,5,0,0"/>
+                    </StackPanel>
+                </Border>
+                <Button Width="100" Height="100" HorizontalAlignment="Left" 
+                        VerticalAlignment="Bottom" Margin="20,0,0,0" Grid.Column="2">
+                    <Button.Template>
+                        <ControlTemplate TargetType="Button">
+                            <Border x:Name="PART_bg" BorderThickness="1" BorderBrush="#e1e0df" CornerRadius="5">
+                                <TextBlock FontSize="26"
+                                           HorizontalAlignment="Center" VerticalAlignment="Center">
+                                    <Run Text="附加"/>
+                                    <LineBreak/>
+                                    <Run Text="信息"/>
+                                </TextBlock>
+                            </Border>
+                            <ControlTemplate.Triggers>
+                                <Trigger Property="IsPressed" Value="True">
+                                    <Setter Property="Background" TargetName="PART_bg" Value="#f0f0ef"/>
+                                </Trigger>
+                                <Trigger Property="IsPressed" Value="False">
+                                    <Setter Property="Background" TargetName="PART_bg" Value="#f7f6f5"/>
+                                </Trigger>
+                            </ControlTemplate.Triggers>
+                        </ControlTemplate>
+                    </Button.Template>
+                </Button>
+            </Grid>
+            <!--信息-->
+            <Grid Grid.Row="1" Margin="130,70,130,0">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="245"/>
+                    <ColumnDefinition/>
+                </Grid.ColumnDefinitions>
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="72"/>
+                    <RowDefinition Height="72"/>
+                    <RowDefinition Height="72"/>
+                    <RowDefinition Height="72"/>
+                    <RowDefinition Height="72"/>
+                    <RowDefinition Height="72"/>
+                    <RowDefinition Height="72"/>
+                    <RowDefinition Height="72"/>
+                </Grid.RowDefinitions>
+
+                <TextBlock Text="身份证号码" Style="{StaticResource AppointmentDetailPage_Title}"/>
+                <TextBlock Text="333333*******3333333" Style="{StaticResource AppointmentDetailPage_Value}"/>
+
+                <TextBlock Text="手机号码" Grid.Row="1" Style="{StaticResource AppointmentDetailPage_Title}"/>
+                <TextBlock Text="133****3333" Grid.Row="1" Style="{StaticResource AppointmentDetailPage_Value}"/>
+
+                <ContentControl Grid.Row="2" Template="{StaticResource AppointmentDetailPage_Line}" Grid.ColumnSpan="2"/>
+
+                <TextBlock Text="来访日期" Grid.Row="3" Style="{StaticResource AppointmentDetailPage_Title}"/>
+                <TextBlock Text="2020-07-27 到 2020-07-27" Grid.Row="3" Style="{StaticResource AppointmentDetailPage_Value}"/>
+
+                <TextBlock Text="来访区域" Grid.Row="4" Style="{StaticResource AppointmentDetailPage_Title}"/>
+                <TextBlock Text="区域一" Grid.Row="4" Style="{StaticResource AppointmentDetailPage_Value}"/>
+
+                <TextBlock Text="来访人数" Grid.Row="5" Style="{StaticResource AppointmentDetailPage_Title}"/>
+                <TextBlock Text="2人" Grid.Row="5" Style="{StaticResource AppointmentDetailPage_Value}"/>
+
+                <ContentControl Grid.Row="6" Template="{StaticResource AppointmentDetailPage_Line}" Grid.ColumnSpan="2"/>
+
+                <TextBlock Text="被访人" Grid.Row="7" Style="{StaticResource AppointmentDetailPage_Title}"/>
+                <TextBlock Text="被访人字段包括被访人姓名以及部门信息" TextWrapping="WrapWithOverflow" Grid.Row="7" Style="{StaticResource AppointmentDetailPage_Value}"/>
+
+            </Grid>
+            <!--按钮-->
+            <StackPanel Grid.Row="2">
+
+            </StackPanel>
+        </Grid>
+    </Grid>
+</Page>

Src/GS.Terminal.VisitorSelfService/ViewModelView/Views/Pages/AppointmentDetailPage/Index.xaml.cs

+using GS.Terminal.LogicShell.Interface;
+using GS.Unitive.Framework.Security.Core;
+using System;
+using System.Collections.Generic;
+using System.ComponentModel.Composition;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Data;
+using System.Windows.Documents;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Media.Imaging;
+using System.Windows.Navigation;
+using System.Windows.Shapes;
+
+namespace Views.Pages.AppointmentDetailPage
+{
+    /// <summary>
+    /// Index.xaml 的交互逻辑
+    /// </summary>
+    [Export(typeof(IView))]
+    [UnitiveView("预约单详情", "", "06d0ebdb-2518-4dc7-bc17-5b3fc5012af4", null)]
+    public partial class Index : Page, IView
+    {
+        public Index()
+        {
+            InitializeComponent();
+        }
+
+        public void BindDataContext(IViewModel vm)
+        {
+            DataContext = vm;
+        }
+
+        public object Clone()
+        {
+            throw new NotImplementedException();
+        }
+
+        public void GoBack()
+        {
+            throw new NotImplementedException();
+        }
+
+        public void GoForward()
+        {
+            throw new NotImplementedException();
+        }
+
+        public void NavigateToContent(object content)
+        {
+            throw new NotImplementedException();
+        }
+
+        public void Reset()
+        {
+            throw new NotImplementedException();
+        }
+    }
+}

Src/GS.Terminal.VisitorSelfService/ViewModelView/Views/Pages/AppointmentDetailPage/Style.xaml

+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:local="clr-namespace:Views.Pages.AppointmentDetailPage">
+    <ControlTemplate x:Key="AppointmentDetailPage_Line" TargetType="ContentControl">
+        <StackPanel VerticalAlignment="Center">
+            <Border BorderThickness="0,2,0,0" BorderBrush="#f4f4f4"/>
+            <Border BorderThickness="0,2,0,0" BorderBrush="#e1e2e3"/>
+        </StackPanel>
+    </ControlTemplate>
+
+    <Style x:Key="AppointmentDetailPage_Title" TargetType="TextBlock">
+        <Setter Property="VerticalAlignment" Value="Top"/>
+        <Setter Property="HorizontalAlignment" Value="Left"/>
+        <Setter Property="FontSize" Value="36"/>
+        <Setter Property="Foreground" Value="#787f8e"/>
+    </Style>
+
+    <Style x:Key="AppointmentDetailPage_Value" TargetType="TextBlock">
+        <Setter Property="VerticalAlignment" Value="Top"/>
+        <Setter Property="HorizontalAlignment" Value="Right"/>
+        <Setter Property="FontSize" Value="36"/>
+        <Setter Property="Grid.Column" Value="1"/>
+        <Setter Property="TextWrapping" Value="NoWrap"/>
+        <Setter Property="TextTrimming" Value="CharacterEllipsis"/>
+        <Setter Property="Foreground" Value="#2a2b2d"/>
+    </Style>
+</ResourceDictionary>
\ No newline at end of file

Src/GS.Terminal.VisitorSelfService/ViewModelView/Views/Views.csproj

@@ -67,6 +67,9 @@
     <Compile Include="Foot.xaml.cs">
       <DependentUpon>Foot.xaml</DependentUpon>
     </Compile>
+    <Compile Include="Pages\AppointmentDetailPage\Index.xaml.cs">
+      <DependentUpon>Index.xaml</DependentUpon>
+    </Compile>
     <Compile Include="Pages\AuthenticationPage\Index.xaml.cs">
       <DependentUpon>Index.xaml</DependentUpon>
     </Compile>
@@ -101,6 +104,14 @@
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
+    <Page Include="Pages\AppointmentDetailPage\Index.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+    <Page Include="Pages\AppointmentDetailPage\Style.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
     <Page Include="Pages\AuthenticationPage\Index.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>