using AntDesign; using AntDesign.Charts; using Microsoft.AspNetCore.Components; using System; using System.Collections.Generic; using System.Data; using System.Linq; using System.Text.Json; using System.Threading.Tasks; using wispro.sp.share; using wispro.sp.web.Services; namespace wispro.sp.web.Pages.Report { public partial class StaffStaticsReport { private int iType = 3; private DateTime? start = new DateTime(DateTime.Now.Year, 1, 1); private DateTime? end = DateTime.Now; internal class TJType { public string Name { get; set; } public int value { get; set; } } List Types = new List { new TJType { value = 0,Name = "代理人每月绩效统计" }, new TJType { value = 2,Name = "代理人每年绩效统计" }, new TJType { value = 1,Name = "部门每月绩效统计" }, new TJType { value = 3,Name = "部门每年绩效统计" }, new TJType { value = 4,Name = "人员专案绩效统计" }, //new TJType { value = 4,Name = "部门申诉统计" }, }; share.ChartDatas Datas = new share.ChartDatas() { Title = "初始化标题", Datas = new List() { //new share.ChartData(){ type ="部门一", value =1, year="2022-01", CustomerType ="", CustomerYear=""}, //new share.ChartData(){ type ="部门一",value =5, year="2022-02",CustomerType ="", CustomerYear=""}, //new share.ChartData(){ type ="部门二", value =3, year="2022-01", CustomerType ="", CustomerYear=""}, //new share.ChartData(){ type ="部门二",value =4, year="2022-02",CustomerType ="", CustomerYear=""}, //new share.ChartData(){ type ="部门三",value =2.5, year="2022-02",CustomerType ="", CustomerYear=""} }, ATitle = "部门", BTitle = "申诉月份" }; LineConfig config = new LineConfig { Title = new AntDesign.Charts.Title { Visible = true, Text = "带数据点的折线图" }, ForceFit = true, Padding = "auto", XField = "year", YField = "value", SeriesField = "type", Point = new LineViewConfigPoint { Visible = true }, Label = new Label { Visible = true, Type = "point" }, Legend = new Legend { Visible = false, Position = "bottom", }, XAxis = new ValueCatTimeAxis { Type = "time", //Visible= true, //Label = new BaseAxisLabel() //{ // AutoRotate = true //}, //Title = new BaseAxisTitle() //{ // Text = "绩效月份", // AutoRotate = true //} }, YAxis = new ValueAxis { Label = new BaseAxisLabel() { AutoRotate = true }, Title = new BaseAxisTitle() { Visible = true, Text = "申诉数量" } } }; [Inject] ReportService reportService { get; set; } [Inject] MessageService msgService { get; set; } private AntDesign.Charts.IChartComponent chart; private void OnTimeRangeChange(DateRangeChangedEventArgs args) { msgService.Info($"Selected Time: {JsonSerializer.Serialize(args.Dates)}"); Console.WriteLine($"Selected Time: {JsonSerializer.Serialize(args.Dates)}"); Console.WriteLine($"Formatted Selected Time: {JsonSerializer.Serialize(args.DateStrings)}"); if (args.Dates?.Length > 0) { Console.WriteLine(args.Dates[0]); start = args.Dates[0]; } if (args.Dates?.Length > 1) { Console.WriteLine(args.Dates[1]); end = args.Dates[1]; } } private bool _noIconLoading; private async Task OnButtonClick() { _noIconLoading = true; Datas = await reportService.GetStaticReportData(iType); if (Datas != null) { config.Title.Text = Datas.Title; config.XField = Datas.ATitle; await chart.ChangeData(Datas.Datas); await chart.UpdateChart(config); StateHasChanged(); } _noIconLoading = false; } protected async override Task OnInitializedAsync() { //Datas = await reportService.GetAppealReportData(iType, DateTime.Parse("2022-01-01"), DateTime.Now, null); if (Datas != null) { config.Title.Text = Datas.Title; await chart.ChangeData(Datas.Datas); await chart.UpdateChart(config); StateHasChanged(); } await base.OnInitializedAsync(); } } }