AppealTrend.razor 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. @page "/Report/AppealTrend"
  2. <PageContainer>
  3. <Breadcrumb>
  4. <Breadcrumb>
  5. <BreadcrumbItem>
  6. <a href="/Home"><Icon Type="home"></Icon></a>
  7. </BreadcrumbItem>
  8. <BreadcrumbItem>
  9. <span>申诉单项统计</span>
  10. </BreadcrumbItem>
  11. </Breadcrumb>
  12. </Breadcrumb>
  13. <Content>
  14. <Space>
  15. <SpaceItem>统计类型:</SpaceItem>
  16. <SpaceItem>
  17. <Select DataSource="@Types"
  18. @bind-Value="@iType"
  19. LabelName="@nameof(TJType.Name)"
  20. ValueName="@nameof(TJType.value)"
  21. Placeholder="请选择统计类型">
  22. </Select>
  23. </SpaceItem>
  24. <SpaceItem>申诉开始时间</SpaceItem>
  25. <SpaceItem>
  26. <RangePicker TValue="DateTime?[]" Picker="@DatePickerType.Month" DefaultValue="new DateTime?[] { start, end }" OnChange="OnTimeRangeChange" />
  27. </SpaceItem>
  28. <SpaceItem><Button Icon="search" Loading="_noIconLoading" OnClick="OnButtonClick">开始统计</Button></SpaceItem>
  29. </Space>
  30. </Content>
  31. <ChildContent>
  32. <div>
  33. @if (Datas == null)
  34. {
  35. }
  36. else
  37. {
  38. <div>
  39. @*<AntDesign.Charts.Line Data="Datas.Datas" Config="config" @ref="@chart" />*@
  40. <center>
  41. <Blazor.ECharts.Components.ELine Option="@option" @ref="chart"/>
  42. @{
  43. System.Data.DataTable tableData = Datas.GetTableData();
  44. <table width="80%" border="1">
  45. <thead>
  46. <th>序号</th>
  47. @foreach (System.Data.DataColumn column in tableData.Columns)
  48. {
  49. <th>@column.ColumnName</th>
  50. }
  51. </thead>
  52. <tbody>
  53. @{
  54. int iIndex = 1;
  55. foreach (System.Data.DataRow row in tableData.Rows)
  56. {
  57. <tr>
  58. <td style="text-align: center;">@iIndex</td>
  59. @foreach (System.Data.DataColumn column in tableData.Columns)
  60. {
  61. <td>@row[column.ColumnName].ToString()</td>
  62. }
  63. </tr>
  64. iIndex++;
  65. }
  66. }
  67. </tbody>
  68. </table>
  69. }
  70. </center>
  71. </div>
  72. }
  73. </div>
  74. </ChildContent>
  75. </PageContainer>