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