parent
2c1cbc4273
commit
ea6121a2be
@ -0,0 +1,36 @@ |
||||
<nz-spin [nzSpinning]="loadingObject.status" nzTip="{{loadingObject.title}}"> |
||||
<form nz-form [formGroup]="searchForm" class="search_form"> |
||||
<div nz-row [nzGutter]="24"> |
||||
|
||||
<div nz-col [nzSpan]="5"> |
||||
<nz-form-item> |
||||
<nz-form-label>渠道</nz-form-label> |
||||
<nz-form-control> |
||||
<nz-select formControlName="channelType" [nzPlaceHolder]="'请选择'"> |
||||
<nz-option nzValue="" nzLabel="全部"></nz-option> |
||||
<nz-option *ngFor="let item of channelTypeArray" nzValue="{{item.codeValue}}" nzLabel="{{item.codeName}}"></nz-option> |
||||
</nz-select> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
|
||||
<div nz-col [nzSpan]="5"> |
||||
<nz-form-item> |
||||
<nz-form-label>时间</nz-form-label> |
||||
<nz-form-control> |
||||
<nz-date-picker formControlName="startTime" [nzDisabledDate]="disabledDate" [nzShowToday]="false" [nzAllowClear]="false"></nz-date-picker> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
|
||||
<div nz-col [nzSpan]="4"> |
||||
<nz-form-item> |
||||
<nz-form-label [nzNoColon]="true"></nz-form-label> |
||||
<nz-form-control> |
||||
<button nz-button [nzType]="'primary'" (click)="export()">下载导出</button> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</nz-spin> |
@ -0,0 +1,3 @@ |
||||
nz-date-picker { |
||||
width: 100%; |
||||
} |
@ -0,0 +1,136 @@ |
||||
import { Component } from '@angular/core'; |
||||
import {DatePipe, NgForOf, NgIf} from "@angular/common"; |
||||
import {DictionaryPipe} from "../../../pipes/common/dictionary.pipe"; |
||||
import {NzButtonComponent} from "ng-zorro-antd/button"; |
||||
import { |
||||
NzCellFixedDirective, |
||||
NzTableCellDirective, |
||||
NzTableComponent, |
||||
NzTbodyComponent, NzTheadComponent, |
||||
NzThMeasureDirective, NzTrDirective |
||||
} from "ng-zorro-antd/table"; |
||||
import {NzColDirective, NzRowDirective} from "ng-zorro-antd/grid"; |
||||
import {NzDatePickerComponent, NzRangePickerComponent} from "ng-zorro-antd/date-picker"; |
||||
import {NzDescriptionsComponent, NzDescriptionsItemComponent} from "ng-zorro-antd/descriptions"; |
||||
import {NzFormControlComponent, NzFormDirective, NzFormItemComponent, NzFormLabelComponent} from "ng-zorro-antd/form"; |
||||
import {NzInputDirective} from "ng-zorro-antd/input"; |
||||
import {NzModalComponent, NzModalModule, NzModalService} from "ng-zorro-antd/modal"; |
||||
import {NzOptionComponent, NzSelectComponent} from "ng-zorro-antd/select"; |
||||
import {NzRadioButtonDirective, NzRadioComponent, NzRadioGroupComponent} from "ng-zorro-antd/radio"; |
||||
import {NzTabComponent, NzTabSetComponent} from "ng-zorro-antd/tabs"; |
||||
import {FormGroup, NonNullableFormBuilder, ReactiveFormsModule, Validators} from "@angular/forms"; |
||||
import {NzDropDownDirective, NzDropdownMenuComponent, NzDropDownModule} from "ng-zorro-antd/dropdown"; |
||||
import {NzIconModule} from "ng-zorro-antd/icon"; |
||||
import {NzCardModule} from "ng-zorro-antd/card"; |
||||
import {NzSpinComponent} from "ng-zorro-antd/spin"; |
||||
import {NzTimelineComponent, NzTimelineItemComponent} from "ng-zorro-antd/timeline"; |
||||
import {NzBadgeComponent} from "ng-zorro-antd/badge"; |
||||
import {NzTooltipDirective} from "ng-zorro-antd/tooltip"; |
||||
import {DateMinutesDiffPipe} from "../../../pipes/common/date-minutes-diff.pipe"; |
||||
import {NzDividerComponent} from "ng-zorro-antd/divider"; |
||||
import {NzTypographyComponent} from "ng-zorro-antd/typography"; |
||||
import {NzUploadModule} from "ng-zorro-antd/upload"; |
||||
import {OrderOilService} from "../../../services/trade/order-oil.service"; |
||||
import {environment} from "../../../../environments/environment"; |
||||
import { differenceInCalendarDays } from 'date-fns'; |
||||
|
||||
@Component({ |
||||
selector: 'app-gas-order-count', |
||||
standalone: true, |
||||
imports: [ |
||||
DatePipe, |
||||
DictionaryPipe, |
||||
NgForOf, |
||||
NgIf, |
||||
NzButtonComponent, |
||||
NzCellFixedDirective, |
||||
NzColDirective, |
||||
NzDatePickerComponent, |
||||
NzDescriptionsComponent, |
||||
NzDescriptionsItemComponent, |
||||
NzFormControlComponent, |
||||
NzFormDirective, |
||||
NzFormItemComponent, |
||||
NzFormLabelComponent, |
||||
NzInputDirective, |
||||
NzModalComponent, |
||||
NzOptionComponent, |
||||
NzRadioButtonDirective, |
||||
NzRadioComponent, |
||||
NzRadioGroupComponent, |
||||
NzRangePickerComponent, |
||||
NzRowDirective, |
||||
NzSelectComponent, |
||||
NzTabComponent, |
||||
NzTabSetComponent, |
||||
NzTableCellDirective, |
||||
NzTableComponent, |
||||
NzTbodyComponent, |
||||
NzThMeasureDirective, |
||||
NzTheadComponent, |
||||
NzTrDirective, |
||||
ReactiveFormsModule, |
||||
NzModalModule, |
||||
NzDropdownMenuComponent, |
||||
NzDropDownDirective, |
||||
NzDropDownModule, |
||||
NzIconModule, |
||||
NzCardModule, |
||||
NzSpinComponent, |
||||
NzTimelineItemComponent, |
||||
NzTimelineComponent, |
||||
NzBadgeComponent, |
||||
NzTooltipDirective, |
||||
DateMinutesDiffPipe, |
||||
NzDividerComponent, |
||||
NzTypographyComponent, |
||||
NzUploadModule |
||||
], |
||||
templateUrl: './gas-order-count.component.html', |
||||
styleUrl: './gas-order-count.component.less' |
||||
}) |
||||
export class GasOrderCountComponent { |
||||
imageUrl = environment.imageUrl; |
||||
loadingObject = { |
||||
title: "处理中...", |
||||
status: false, |
||||
}; |
||||
// 表单数据
|
||||
tableData: any = { |
||||
total: 0, |
||||
list: [], |
||||
}; |
||||
// 搜索表单
|
||||
searchForm: FormGroup; |
||||
// 渠道
|
||||
channelTypeArray = new DictionaryPipe().getDictionaryList('MER_SOURCE_TYPE'); |
||||
|
||||
disabledDate = (current: Date): boolean => |
||||
differenceInCalendarDays(current, new Date().setDate(new Date().getDate() - 1)) > 0 ; |
||||
|
||||
constructor(private fb: NonNullableFormBuilder, |
||||
private modal: NzModalService, |
||||
private orderOilService : OrderOilService) { |
||||
// 初始化搜索框
|
||||
this.searchForm = this.fb.group({ |
||||
channelType: ['3'], |
||||
startTime: [new Date().setDate(new Date().getDate() - 1)], |
||||
}); |
||||
} |
||||
|
||||
/** |
||||
* 获取数据 |
||||
*/ |
||||
export() { |
||||
this.loadingObject.status = true; |
||||
this.searchForm.controls['startTime'].setValue(new Date(this.searchForm.controls['startTime'].value).getTime()); |
||||
this.orderOilService.exportOilOrderCount(this.searchForm.value, (data:any) => { |
||||
if (data['return_code'] == '000000') { |
||||
window.location.href = this.imageUrl + data['return_data']; |
||||
} else { |
||||
this.modal.error(data['return_msg']) |
||||
} |
||||
this.loadingObject.status = false; |
||||
}); |
||||
} |
||||
} |
Loading…
Reference in new issue