提交记录修改UI/Models/DataPageModel.cs+28 −0看文件
修改UI/Themes/DatePickerBar/DatePickerBarItem.xaml+30 −0看文件
修改UI/ViewModels/DataPageVM.cs+27 −1看文件
修改UI/ViewModels/MainViewModel.cs+1 −1看文件
修改UI/Views/DataPage.xaml+6 −2看文件
| @@ -5,11 +5,36 @@ using System.Linq; | ||
| 5 | 5 | using System.Text; |
| 6 | 6 | using System.Threading.Tasks; |
| 7 | 7 | using UI.Controls.Charts.Model; |
| 8 | 新增:using UI.Controls.DatePickerBar; | |
| 8 | 9 | |
| 9 | 10 | namespace UI.Models |
| 10 | 11 | { |
| 11 | 12 | public class DataPageModel : UINotifyPropertyChanged |
| 12 | 13 | { |
| 14 | 新增: private ObservableCollection<string> TabbarData_; | |
| 15 | 新增: /// <summary> | |
| 16 | 新增: /// tabbar data | |
| 17 | 新增: /// </summary> | |
| 18 | 新增: public ObservableCollection<string> TabbarData | |
| 19 | 新增: { | |
| 20 | 新增: get { return TabbarData_; } | |
| 21 | 新增: set { TabbarData_ = value; OnPropertyChanged(); } | |
| 22 | 新增: } | |
| 23 | 新增: | |
| 24 | 新增: private int TabbarSelectedIndex_; | |
| 25 | 新增: /// <summary> | |
| 26 | 新增: /// tabbar selected item index | |
| 27 | 新增: /// </summary> | |
| 28 | 新增: public int TabbarSelectedIndex | |
| 29 | 新增: { | |
| 30 | 新增: get { return TabbarSelectedIndex_; } | |
| 31 | 新增: set | |
| 32 | 新增: { | |
| 33 | 新增: TabbarSelectedIndex_ = value; | |
| 34 | 新增: OnPropertyChanged(); | |
| 35 | 新增: } | |
| 36 | 新增: } | |
| 37 | 新增: | |
| 13 | 38 | private List<ChartsDataModel> Data_; |
| 14 | 39 | /// <summary> |
| 15 | 40 | /// data |
| @@ -29,5 +54,8 @@ namespace UI.Models | ||
| 29 | 54 | get { return Date_; } |
| 30 | 55 | set { Date_ = value; OnPropertyChanged(); } |
| 31 | 56 | } |
| 57 | 新增: | |
| 58 | 新增: private DatePickerShowType DatePickerType_; | |
| 59 | 新增: public DatePickerShowType DatePickerType { get { return DatePickerType_; } set { DatePickerType_ = value; OnPropertyChanged(); } } | |
| 32 | 60 | } |
| 33 | 61 | } |
| @@ -5,6 +5,7 @@ | ||
| 5 | 5 | <Style TargetType="{x:Type local:DatePickerBarItem}"> |
| 6 | 6 | <Setter Property="SnapsToDevicePixels" |
| 7 | 7 | Value="true" /> |
| 8 | 新增: <Setter Property="Cursor" Value="Hand"/> | |
| 8 | 9 | |
| 9 | 10 | <Setter Property="Background" Value="Transparent"/> |
| 10 | 11 | <Setter Property="Template"> |
| @@ -19,7 +20,36 @@ | ||
| 19 | 20 | <TextBlock x:Name="Text" Foreground="#5c5c5c" Text="{TemplateBinding Title}" HorizontalAlignment="Center" VerticalAlignment="Center"/> |
| 20 | 21 | </Border> |
| 21 | 22 | </Grid> |
| 23 | 新增: <VisualStateManager.VisualStateGroups> | |
| 24 | 新增: <VisualStateGroup x:Name="CommonStates"> | |
| 25 | 新增: <VisualStateGroup.Transitions> | |
| 26 | 新增: <VisualTransition GeneratedDuration="0:0:0.18" /> | |
| 27 | 新增: <VisualTransition GeneratedDuration="0" | |
| 28 | 新增: To="Pressed" /> | |
| 29 | 新增: </VisualStateGroup.Transitions> | |
| 30 | 新增: <VisualState x:Name="Normal" /> | |
| 31 | 新增: <VisualState x:Name="MouseOver"> | |
| 32 | 新增: <Storyboard> | |
| 33 | 新增: <ColorAnimation Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" | |
| 34 | 新增: Storyboard.TargetName="Bg" To="#192B20D9"> | |
| 35 | 新增: <ColorAnimation.EasingFunction> | |
| 36 | 新增: <CubicEase EasingMode="EaseInOut"/> | |
| 37 | 新增: </ColorAnimation.EasingFunction> | |
| 38 | 新增: </ColorAnimation> | |
| 39 | 新增: <!--<ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" | |
| 40 | 新增: Storyboard.TargetName="Bg" > | |
| 41 | 新增: <EasingColorKeyFrame KeyTime="0" | |
| 42 | 新增: Value="#192B20D9"/> | |
| 43 | 新增: | |
| 44 | 新增: </ColorAnimationUsingKeyFrames>--> | |
| 22 | 45 | |
| 46 | 新增: </Storyboard> | |
| 47 | 新增: </VisualState> | |
| 48 | 新增: <VisualState x:Name="Pressed"> | |
| 49 | 新增: | |
| 50 | 新增: </VisualState> | |
| 51 | 新增: </VisualStateGroup> | |
| 52 | 新增: </VisualStateManager.VisualStateGroups> | |
| 23 | 53 | </Border> |
| 24 | 54 | <ControlTemplate.Triggers> |
| 25 | 55 | <Trigger Property="IsSelected" |
| @@ -37,6 +37,14 @@ namespace UI.ViewModels | ||
| 37 | 37 | { |
| 38 | 38 | LoadData(DateTime.Now.Date); |
| 39 | 39 | PropertyChanged += DataPageVM_PropertyChanged; |
| 40 | 新增: | |
| 41 | 新增: TabbarData = new System.Collections.ObjectModel.ObservableCollection<string>() | |
| 42 | 新增: { | |
| 43 | 新增: "按天查看","按月查看" | |
| 44 | 新增: }; | |
| 45 | 新增: | |
| 46 | 新增: TabbarSelectedIndex = 0; | |
| 47 | 新增: DatePickerType = Controls.DatePickerBar.DatePickerShowType.Day; | |
| 40 | 48 | } |
| 41 | 49 | |
| 42 | 50 | private void OnTodetailCommand(object obj) |
| @@ -56,6 +64,18 @@ namespace UI.ViewModels | ||
| 56 | 64 | { |
| 57 | 65 | LoadData(Date); |
| 58 | 66 | } |
| 67 | 新增: | |
| 68 | 新增: if (e.PropertyName == nameof(TabbarSelectedIndex)) | |
| 69 | 新增: { | |
| 70 | 新增: if (TabbarSelectedIndex == 0) | |
| 71 | 新增: { | |
| 72 | 新增: DatePickerType = Controls.DatePickerBar.DatePickerShowType.Day; | |
| 73 | 新增: } | |
| 74 | 新增: else | |
| 75 | 新增: { | |
| 76 | 新增: DatePickerType = Controls.DatePickerBar.DatePickerShowType.Month; | |
| 77 | 新增: } | |
| 78 | 新增: } | |
| 59 | 79 | } |
| 60 | 80 | |
| 61 | 81 | |
| @@ -67,7 +87,13 @@ namespace UI.ViewModels | ||
| 67 | 87 | |
| 68 | 88 | private void LoadData(DateTime date) |
| 69 | 89 | { |
| 70 | 删除: var list = data.GetDateRangelogList(date, date); | |
| 90 | 新增: DateTime dateStart = date, dateEnd = date; | |
| 91 | 新增: if (TabbarSelectedIndex == 1) | |
| 92 | 新增: { | |
| 93 | 新增: dateStart = new DateTime(date.Year, date.Month, 1); | |
| 94 | 新增: dateEnd = new DateTime(date.Year, date.Month, DateTime.DaysInMonth(date.Year, date.Month)); | |
| 95 | 新增: } | |
| 96 | 新增: var list = data.GetDateRangelogList(dateStart, dateEnd); | |
| 71 | 97 | Data = MapToChartsData(list); |
| 72 | 98 | } |
| 73 | 99 | |
| @@ -79,7 +79,7 @@ namespace UI.ViewModels | ||
| 79 | 79 | Items.Add(new Controls.Navigation.Models.NavigationItemModel() |
| 80 | 80 | { |
| 81 | 81 | Icon = Controls.Base.IconTypes.BIDashboard, |
| 82 | 删除: Title = "每日", | |
| 82 | 新增: Title = "详细", | |
| 83 | 83 | ID = 1, |
| 84 | 84 | Uri = nameof(DataPage), |
| 85 | 85 | |
| @@ -11,7 +11,11 @@ | ||
| 11 | 11 | |
| 12 | 12 | <Grid> |
| 13 | 13 | <StackPanel Margin="20"> |
| 14 | 删除: <TextBlock Text="每日" FontSize="18" Margin="0,5,0,20"/> | |
| 14 | 新增: <TextBlock Text="详细" FontSize="18" Margin="0,5,0,20"/> | |
| 15 | 新增: | |
| 16 | 新增: <Tabbar:Tabbar Data="{Binding TabbarData}" SelectedIndex="{Binding TabbarSelectedIndex,Mode=TwoWay}"/> | |
| 17 | 新增: | |
| 18 | 新增: <!--<TextBlock Text="每日" FontSize="18" Margin="0,5,0,20"/>--> | |
| 15 | 19 | |
| 16 | 20 | <!--<Border Width="60" Height="60" HorizontalAlignment="Left" RenderTransformOrigin="1,0.5"> |
| 17 | 21 | <Border.Effect> |
| @@ -26,7 +30,7 @@ | ||
| 26 | 30 | |
| 27 | 31 | </Border>--> |
| 28 | 32 | <!--<TextBlock Text="按月统计" FontSize="18" Margin="0,5,0,10"/>--> |
| 29 | 删除: <DatePickerBar:DatePickerBar SelectedDate="{Binding Date,Mode=TwoWay}"/> | |
| 33 | 新增: <DatePickerBar:DatePickerBar SelectedDate="{Binding Date,Mode=TwoWay}" ShowType="{Binding DatePickerType}"/> | |
| 30 | 34 | |
| 31 | 35 | <Charts:Charts Data="{Binding Data}" ChartsType="HorizontalA" Margin="0,20,0,0" ClickCommand="{Binding ToDetailCommand}"/> |
| 32 | 36 | |

