fuzi_fauzia/hemat_solution
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

perbaikan export cost management

Browse Source
This commit is contained in:
Fuzi_fauzia 2024-06-28 10:44:45 +07:00
parent ca30a991ae
commit be071b75b1
4 changed files with 12 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/content/hemat-app/cost-management/modal-export/modal-export.component.html
View File

@ -110,7 +110,7 @@
</ng-template>
<ng-template let-value="value" ngx-datatable-cell-template>
<p style="color: #ffffff !important">
{{ value | date : "MM/yyyy" }}
{{ value | date : "dd/MM/yyyy" }}
</p>
</ng-template>
</ngx-datatable-column>

16
src/app/content/hemat-app/cost-management/modal-export/modal-export.component.ts
View File

@ -18,6 +18,7 @@ export class ModalExportComponent {
kwhTerm: string = "";
costTerm: string = "";
data_cost: any;
dataExport: any;
formattedEndDate: any;
spinnerExportActive = false;
constructor(
@ -39,6 +40,7 @@ export class ModalExportComponent {
this.costService
.getCostDetail(category, room, period)
.subscribe((response) => {
this.dataExport = response.data;
this.data_cost = response.data.map((item) => ({
deviceName: item.device_name,
roomName: item.room_name,
@ -57,18 +59,18 @@ export class ModalExportComponent {
this.spinnerExportActive = true;
setTimeout(() => {
const columnsToExport = [
"deviceName",
"roomName",
"categoryName",
"estimationCost",
"totalKwh",
"device_name",
"room_name",
"category_name",
"estimation_cost",
"total_kwh",
"watt",
"duration",
"priceKwh",
"price_kwh",
"periode",
];
this.tableexcelService.exportAsExcelFileManageDetail(
this.data_cost,
this.dataExport,
"export_detail_cost_management",
columnsToExport
);

122
src/app/content/hemat-app/monitoring/detail/detail.component.html
View File

@ -13,7 +13,7 @@
<div class="media-body text-left">
<h5 style="color: #ffffff">Kwh Consumption</h5>
<h3 style="color: #ffffff">
{{ topCard?.kwh_consumption }} Kwh
{{ topCard?.kwh_consumption.toFixed(1) }} Kwh
</h3>
</div>
<div class="align-self-center">
@ -168,126 +168,6 @@
</div>
</div>
</div>
<!-- <div class="row">
<div class="col-4">
<div class="card" style="background-color: #252525 !important">
<div
class="card-header"
style="background-color: #252525 !important"
>
<h4 class="card-title text-center" style="color: #ffffff">
Summary Cost
</h4>
<hr
style="
border-top: 4px solid #ffffff;
border-color: #ffffff !important;
"
/>
</div>
<div class="card-body">
<div class="card-block">
<div class="text-center" style="height: 150px !important">
<h2 class="font-large-3 text-bold-400" style="color: #ffffff">
{{
summaryCost?.summary_cost
| currency : "Rp " : "symbol" : "1.0-0"
}}
</h2>
<p
class="blue-grey lighten-2 mb-0 mt-2"
style="color: #ffffff !important"
>
Based on the estimated costs you have
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="card" style="background-color: #252525 !important">
<div
class="card-header"
style="background-color: #252525 !important"
>
<h4 class="card-title text-center" style="color: #ffffff">
Air Quality
</h4>
<hr
style="
border-top: 4px solid #ffffff;
border-color: #ffffff !important;
"
/>
</div>
<div class="card-body">
<div class="card-block">
<div class="donut-chart1" style="height: 150px !important">
<x-chartist
*ngIf="donutChart1"
[data]="donutChart1.data"
[type]="donutChart1.type"
[options]="donutChart1.options"
[responsiveOptions]="donutChart1.responsiveOptions"
[events]="donutChart1.events"
>
</x-chartist>
</div>
<div
class="text-center"
style="
position: absolute;
top: 80%;
left: 50%;
transform: translate(-50%, -50%);
"
>
<h3
class="display-4 blue-grey darken-1"
style="font-size: 2em; color: #ffffff !important"
>
{{ airQuality }}
</h3>
</div>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="card" style="background-color: #252525 !important">
<div
class="card-header"
style="background-color: #252525 !important"
>
<h4 class="card-title text-center" style="color: #ffffff">
Temperature and Humidity
</h4>
<hr
style="
border-top: 4px solid #ffffff;
border-color: #ffffff !important;
"
/>
</div>
<div class="card-body">
<div class="card-block">
<div class="donut-chart2" style="height: 150px !important">
<x-chartist
*ngIf="donutChart2"
[data]="donutChart2.data"
[type]="donutChart2.type"
[options]="donutChart2.options"
[responsiveOptions]="donutChart2.responsiveOptions"
[events]="donutChart2.events"
>
</x-chartist>
</div>
</div>
</div>
</div>
</div>
</div> -->
<div class="row">
<div class="col-6" *ngFor="let item of deviceCategory?.usesd">
<div

3
src/app/content/hemat-app/monitoring/detail/detail.component.ts
View File

@ -33,7 +33,7 @@ export class DetailComponent {
public barChartOptions: ChartOptions = {
responsive: true,
animation: {
duration: 0 // Menonaktifkan animasi
duration: 0
},
scales: {
x: {
@ -325,7 +325,6 @@ export class DetailComponent {
return weeks;
}
seeMore(paramsId){
this.router.navigate(["/monitoring/control-device-see-more/", paramsId]);
}