-แก้ไขโครงสร้าง dashboard

This commit is contained in:
x2Skyz
2025-11-16 22:51:03 +07:00
parent ccab40852c
commit c4c19e96b6
6 changed files with 12 additions and 42 deletions

View File

@@ -22,13 +22,13 @@ const routes: Routes = [
(m) => m.MainControlModule (m) => m.MainControlModule
), ),
}, },
{ // {
path: 'report', // path: 'report',
loadChildren: () => // loadChildren: () =>
import('./controls/report-control/report-control.module').then( // import('./controls/report-control/report-control.module').then(
(m) => m.ReportControlModule // (m) => m.ReportControlModule
), // ),
}, // },
], ],
}, },

View File

@@ -203,7 +203,7 @@
<div class="pie-chart" [style.background]="ActSumDataGradient"> <div class="pie-chart" [style.background]="ActSumDataGradient">
<div class="pie-chart__center"> <div class="pie-chart__center">
<p>รวมเดือนนี้</p> <p>รวมเดือนนี้</p>
<strong>฿732K</strong> <strong>{{myActSumData.summary.totalExpense}}</strong>
</div> </div>
</div> </div>
<ul class="pie-legend"> <ul class="pie-legend">

View File

@@ -1,12 +1,14 @@
import { NgModule } from '@angular/core'; import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router'; import { RouterModule, Routes } from '@angular/router';
import { MainDashboardContentComponent } from '../../content/main-dashboard-content/main-dashboard-content.component'; import { MainDashboardContentComponent } from '../../content/main-dashboard-content/main-dashboard-content.component';
import { MainReportComponent } from '../../component/main-report/main-report.component';
// import { MainReportComponent } from '../../component/main-report/main-report.component'; // import { MainReportComponent } from '../../component/main-report/main-report.component';
const routes: Routes = [ const routes: Routes = [
{ path: 'dashboard', component: MainDashboardContentComponent }, { path: 'dashboard', component: MainDashboardContentComponent },
{ path: 'report', component: MainReportComponent },
// children: [ // children: [
// { // {
// path: 'dashboard', // path: 'dashboard',

View File

@@ -9,6 +9,7 @@ import { ReactiveFormsModule } from '@angular/forms';
import { MainDashboardComponent } from '../../component/main-dashboard/main-dashboard.component'; import { MainDashboardComponent } from '../../component/main-dashboard/main-dashboard.component';
import { MainDashboardContentComponent } from '../../content/main-dashboard-content/main-dashboard-content.component'; import { MainDashboardContentComponent } from '../../content/main-dashboard-content/main-dashboard-content.component';
import { AccDateFormatPipe } from '../../pipe/dtmtodatetime.pipe'; import { AccDateFormatPipe } from '../../pipe/dtmtodatetime.pipe';
import { MainReportComponent } from '../../component/main-report/main-report.component';
// import { MainReportComponent } from '../../component/main-report/main-report.component'; // import { MainReportComponent } from '../../component/main-report/main-report.component';
@@ -18,6 +19,7 @@ import { AccDateFormatPipe } from '../../pipe/dtmtodatetime.pipe';
declarations: [ declarations: [
MainDashboardComponent, MainDashboardComponent,
MainDashboardContentComponent, MainDashboardContentComponent,
MainReportComponent,
AccDateFormatPipe AccDateFormatPipe
// MainReportComponent // MainReportComponent
], ],

View File

@@ -1,16 +0,0 @@
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { MainReportComponent } from '../../component/main-report/main-report.component';
const routes: Routes = [
{
path: '',
component: MainReportComponent
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class ReportControlRoutingModule { }

View File

@@ -1,18 +0,0 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MainReportComponent } from '../../component/main-report/main-report.component';
import { ReportControlRoutingModule } from './report-control-routing.module';
import { ReactiveFormsModule } from '@angular/forms';
@NgModule({
declarations: [
MainReportComponent
],
imports: [
CommonModule,
ReportControlRoutingModule,
ReactiveFormsModule
]
})
export class ReportControlModule { }