Merge branch 'develop' of https://gitlab.eascs.com/tms-ui/tms-obc-web into develop
This commit is contained in:
		| @ -37,12 +37,21 @@ | ||||
|       </div> | ||||
|     </div> | ||||
|   </ng-template> | ||||
|  | ||||
|   <div nz-row [nzGutter]="64"> | ||||
|     <div nz-col class="gutter-row" [nzSpan]="12"> | ||||
|       <app-busitable-curve [chartData]="chartData.chainRatio"></app-busitable-curve> | ||||
|       <div class="title"> | ||||
|         <div class="box" style="background-color: #3ba1ff;"></div> 环比(%) | ||||
|       </div> | ||||
|       <g2-custom delay="100" (render)="render($event)"></g2-custom> | ||||
|      <!-- <app-busitable-curve></app-busitable-curve> --> | ||||
|       <!-- <app-busitable-curve #curve [chartData]="chartData.chainRatio"></app-busitable-curve> --> | ||||
|     </div> | ||||
|     <div nz-col class="gutter-row" [nzSpan]="12"> | ||||
|       <app-busitable-pillar [chartData]="chartData.performance"></app-busitable-pillar> | ||||
|       <div class="title"> | ||||
|         <div class="box" style="background-color: #f59a23;"></div> 业绩量(元) | ||||
|       </div> | ||||
|       <app-busitable-pillar #pillar [chartData]="chartData.performance"></app-busitable-pillar> | ||||
|     </div> | ||||
|  | ||||
|   </div> | ||||
|  | ||||
| @ -9,3 +9,13 @@ | ||||
|     display: inline-block; | ||||
|     margin: 0 0 0 10px; | ||||
| } | ||||
| .title{ | ||||
|     display: flex; | ||||
|     align-items: center; | ||||
|     .box{ | ||||
|         width: 8px; | ||||
|         height: 8px; | ||||
|         margin-right: 10px; | ||||
|         border-radius: 100px; | ||||
|     } | ||||
| } | ||||
|  | ||||
| @ -1,8 +1,10 @@ | ||||
| import { Component, OnInit, ViewChild } from '@angular/core'; | ||||
| import { Component, ElementRef, OnInit, ViewChild, NgZone } from '@angular/core'; | ||||
| import { STColumn, STComponent } from '@delon/abc/st'; | ||||
| import { DatePipe, _HttpClient } from '@delon/theme'; | ||||
| import { differenceInCalendarDays } from 'date-fns'; | ||||
| import { DataService } from '../../../services/data.service'; | ||||
| import { Chart } from '@antv/g2'; | ||||
| import { BusitableCurveComponent } from './curve2/curve.component'; | ||||
|  | ||||
| @Component({ | ||||
|   selector: 'app-datatable-busiindex', | ||||
| @ -13,6 +15,7 @@ import { DataService } from '../../../services/data.service'; | ||||
| }) | ||||
| export class DatatableBusiindexComponent implements OnInit { | ||||
|   @ViewChild('st') private readonly st!: STComponent; | ||||
|   @ViewChild('curve') private readonly curve!: BusitableCurveComponent; | ||||
|   type = 1; | ||||
|   mode = 'year'; | ||||
|   date: any = null; | ||||
| @ -23,7 +26,9 @@ export class DatatableBusiindexComponent implements OnInit { | ||||
|   timeNext: any = ['2022-01-01 00:00:00'] | ||||
|   dateFormat = 'yyyy-MM-dd'; | ||||
|   today = new Date(); | ||||
|   chartData: any = [] | ||||
|   chainRatio: any = [] | ||||
|   chartData: any = {} | ||||
|   el: any; | ||||
|  | ||||
|   columns: STColumn[] = [ | ||||
|     { title: '运营主体', index: 'networkTransporterName', className: 'text-center' }, | ||||
| @ -58,7 +63,7 @@ export class DatatableBusiindexComponent implements OnInit { | ||||
|     return { ...params }; | ||||
|   } | ||||
|  | ||||
|   constructor(public service: DataService, private datePipe: DatePipe) { } | ||||
|   constructor(public service: DataService, private datePipe: DatePipe,  private ngZone: NgZone) { } | ||||
|   ngOnInit(): void { | ||||
|     this.initData() | ||||
|   } | ||||
| @ -73,9 +78,14 @@ export class DatatableBusiindexComponent implements OnInit { | ||||
|       time: this.timeNext, | ||||
|       type | ||||
|      }; | ||||
|     this.service.getPerformanceReportHistogram(params).subscribe(res => { | ||||
|     this.service.request(this.service.$api_performanceReportHistogram, params).subscribe(res => { | ||||
|       if (res) { | ||||
|         this.chainRatio = res.chainRatio | ||||
|         this.chartData = res | ||||
|         setTimeout(() => { | ||||
|           this.ngZone.runOutsideAngular(() => this.init(this.el)); | ||||
|         }, 1000); | ||||
|          | ||||
|       } | ||||
|     }) | ||||
|   } | ||||
| @ -122,4 +132,37 @@ export class DatatableBusiindexComponent implements OnInit { | ||||
|  | ||||
|   } | ||||
|  | ||||
|   render(el: ElementRef<HTMLDivElement>): void { | ||||
|     this.el = el.nativeElement | ||||
|     | ||||
|   } | ||||
|  | ||||
|   private init(el: HTMLElement): void { | ||||
|     const chart = new Chart({ | ||||
|       container: el, | ||||
|       autoFit: true, | ||||
|       height: 500, | ||||
|     }); | ||||
|  | ||||
|     chart.data(this.chainRatio); | ||||
|     chart.scale({ | ||||
|       year: { | ||||
|         range: [0, 1], | ||||
|       }, | ||||
|       value: { | ||||
|         min: 0, | ||||
|         nice: true, | ||||
|       }, | ||||
|     }); | ||||
|  | ||||
|     chart.tooltip({ | ||||
|       showCrosshairs: true, // 展示 Tooltip 辅助线 | ||||
|       shared: true, | ||||
|     }); | ||||
|  | ||||
|     chart.line().position('time*value').label('value'); | ||||
|     chart.point().position('time*value'); | ||||
|  | ||||
|     chart.render(); | ||||
|   } | ||||
| } | ||||
|  | ||||
| @ -1,24 +0,0 @@ | ||||
| import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing'; | ||||
| import { DatatableDataindexComponent } from './dataindex.component'; | ||||
|  | ||||
| describe('DatatableDataindexComponent', () => { | ||||
|   let component: DatatableDataindexComponent; | ||||
|   let fixture: ComponentFixture<DatatableDataindexComponent>; | ||||
|  | ||||
|   beforeEach(waitForAsync(() => { | ||||
|     TestBed.configureTestingModule({ | ||||
|       declarations: [ DatatableDataindexComponent ] | ||||
|     }) | ||||
|     .compileComponents(); | ||||
|   })); | ||||
|  | ||||
|   beforeEach(() => { | ||||
|     fixture = TestBed.createComponent(DatatableDataindexComponent); | ||||
|     component = fixture.componentInstance; | ||||
|     fixture.detectChanges(); | ||||
|   }); | ||||
|  | ||||
|   it('should create', () => { | ||||
|     expect(component).toBeTruthy(); | ||||
|   }); | ||||
| }); | ||||
| @ -1,4 +1,4 @@ | ||||
| import { Component, ElementRef, Input, NgZone, OnInit, ViewChild } from '@angular/core'; | ||||
| import { Component, ElementRef, Input, NgZone, OnChanges, OnInit, SimpleChanges, ViewChild } from '@angular/core'; | ||||
| import { G2MiniAreaClickItem } from '@delon/chart/mini-area'; | ||||
| import DataSet from '@antv/data-set'; | ||||
| import { Chart } from '@antv/g2'; | ||||
| @ -8,8 +8,9 @@ import { DataService } from 'src/app/routes/datatable/services/data.service'; | ||||
|   templateUrl: './curve.component.html', | ||||
|   styleUrls: ['./curve.component.less'] | ||||
| }) | ||||
| export class busitableCurveComponent implements OnInit { | ||||
|   @Input() chartData: any = {} | ||||
| export class BusitableCurveComponent implements OnInit, OnChanges { | ||||
|   @Input() chartData: any; | ||||
|   el: any; | ||||
|   constructor(private service: DataService, private ngZone: NgZone) { | ||||
|  | ||||
|   } | ||||
| @ -18,7 +19,14 @@ export class busitableCurveComponent implements OnInit { | ||||
|  | ||||
|   } | ||||
|  | ||||
|   ngOnChanges(changes: SimpleChanges): void { | ||||
|     if (this.chartData) { | ||||
|       setTimeout(() => { | ||||
|         this.ngZone.runOutsideAngular(() => this.init(this.el)); | ||||
|       }, 2000) | ||||
|  | ||||
|     } | ||||
|   } | ||||
|  | ||||
|  | ||||
|   handleClick(data: G2MiniAreaClickItem): void { | ||||
| @ -26,32 +34,19 @@ export class busitableCurveComponent implements OnInit { | ||||
|   } | ||||
|  | ||||
|   render(el: ElementRef<HTMLDivElement>): void { | ||||
|     this.ngZone.runOutsideAngular(() => this.init(el.nativeElement)); | ||||
|     this.el = el.nativeElement | ||||
|    // this.ngZone.runOutsideAngular(() => this.init(this.el)); | ||||
|   } | ||||
|   private init(el: HTMLElement): void { | ||||
|     const data = [ | ||||
|       { month: '01月', value: 3 }, | ||||
|       { month: '02月', value: 4 }, | ||||
|       { month: '03月', value: 3.5 }, | ||||
|       { month: '04月', value: 5 }, | ||||
|       { month: '05月', value: 4.9 }, | ||||
|       { month: '06月', value: 6 }, | ||||
|       { month: '07月', value: 7 }, | ||||
|       { month: '08月', value: 9 }, | ||||
|       { month: '09月', value: 13 }, | ||||
|       { month: '10月', value: 13 }, | ||||
|       { month: '11月', value: 13 }, | ||||
|       { month: '12月', value: 13 }, | ||||
|     ]; | ||||
|     const chart = new Chart({ | ||||
|       container: el, | ||||
|       autoFit: true, | ||||
|       height: 500, | ||||
|     }); | ||||
|      | ||||
|     chart.data(data); | ||||
|  | ||||
|     chart.data(this.chartData); | ||||
|     chart.scale({ | ||||
|       month: { | ||||
|       year: { | ||||
|         range: [0, 1], | ||||
|       }, | ||||
|       value: { | ||||
| @ -59,16 +54,16 @@ export class busitableCurveComponent implements OnInit { | ||||
|         nice: true, | ||||
|       }, | ||||
|     }); | ||||
|      | ||||
|  | ||||
|     chart.tooltip({ | ||||
|       showCrosshairs: true, // 展示 Tooltip 辅助线 | ||||
|       shared: true, | ||||
|     }); | ||||
|      | ||||
|     chart.line().position('month*value').label('value'); | ||||
|     //chart.point().position('month*value'); | ||||
|      | ||||
|  | ||||
|     chart.line().position('time*value').label('value'); | ||||
|     chart.point().position('time*value'); | ||||
|  | ||||
|     chart.render(); | ||||
| } | ||||
|   } | ||||
|  | ||||
| } | ||||
| @ -0,0 +1 @@ | ||||
| <g2-custom delay="100" (render)="render($event)"></g2-custom> | ||||
| @ -0,0 +1,92 @@ | ||||
| import { Component, ElementRef, Input, NgZone, OnChanges, OnInit, SimpleChanges, ViewChild } from '@angular/core'; | ||||
| import { G2MiniAreaClickItem } from '@delon/chart/mini-area'; | ||||
| import DataSet from '@antv/data-set'; | ||||
| import { Chart } from '@antv/g2'; | ||||
| import { DataService } from 'src/app/routes/datatable/services/data.service'; | ||||
| @Component({ | ||||
|   selector: 'app-busitable-curve', | ||||
|   templateUrl: './curve.component.html', | ||||
|   styleUrls: ['./curve.component.less'] | ||||
| }) | ||||
| export class BusitableCurveComponent implements OnInit, OnChanges { | ||||
|   @Input() chartData: any ; | ||||
|   el: any; | ||||
|   constructor(private service: DataService, private ngZone: NgZone) { | ||||
|  | ||||
|   } | ||||
|   ngOnChanges(changes: SimpleChanges): void { | ||||
|     if(this.chartData){ | ||||
|       setTimeout(()=>{ | ||||
|         this.ngZone.runOutsideAngular(() => this.init(this.el)); | ||||
|       }, 3000) | ||||
|       | ||||
|     } | ||||
|   } | ||||
|  | ||||
|   ngOnInit(): void { | ||||
|     this.initData() | ||||
|   } | ||||
|   initData(){ | ||||
|     this.service.request(this.service.$api_operationalReportWaybillStatusDistribution).subscribe(res => { | ||||
|       if (res) { | ||||
|         this.chartData = res | ||||
|         this.ngZone.runOutsideAngular(() => this.init(this.el)); | ||||
|       } | ||||
|     }) | ||||
|   } | ||||
|   render(el: ElementRef<HTMLDivElement>): void { | ||||
|     this.el = el.nativeElement | ||||
|   } | ||||
|   private init(el: HTMLElement): void { | ||||
|     const ds = new DataSet(); | ||||
|     const dv = ds.createView().source(this.chartData); | ||||
|     dv.transform({ | ||||
|       type: 'map', | ||||
|       callback: row => { | ||||
|         row.year = parseInt(row.year, 10); | ||||
|         return row; | ||||
|       } | ||||
|     }).transform({ | ||||
|       type: 'regression', | ||||
|       method: 'polynomial', | ||||
|       fields: ['year', 'value'], | ||||
|       bandwidth: 0.1, | ||||
|       as: ['Year', 'Value'] | ||||
|     }); | ||||
|  | ||||
|     const chart = new Chart({ | ||||
|       container: el, | ||||
|       autoFit: true, | ||||
|       height: 500, | ||||
|       padding: [20, 40], | ||||
|     }); | ||||
|  | ||||
|     const view1 = chart.createView(); | ||||
|     view1.data(this.chartData); | ||||
|     view1.scale('price', { | ||||
|       nice: true, | ||||
|     }); | ||||
|     view1.tooltip({ | ||||
|       showMarkers: false, | ||||
|       shared: true, | ||||
|     }); | ||||
|  | ||||
|     view1 | ||||
|       .interval() | ||||
|       .position('month*price') | ||||
|       .color('name') | ||||
|       .adjust([ | ||||
|         { | ||||
|           type: 'dodge', | ||||
|           marginRatio: 0, | ||||
|         }, | ||||
|       ]); | ||||
|  | ||||
|  | ||||
|    // chart.interaction('active-region'); | ||||
|     chart.render(); | ||||
|  | ||||
|   } | ||||
| } | ||||
|  | ||||
|  | ||||
| @ -1,24 +0,0 @@ | ||||
| import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing'; | ||||
| import { DatatableDataindexComponent } from './dataindex.component'; | ||||
|  | ||||
| describe('DatatableDataindexComponent', () => { | ||||
|   let component: DatatableDataindexComponent; | ||||
|   let fixture: ComponentFixture<DatatableDataindexComponent>; | ||||
|  | ||||
|   beforeEach(waitForAsync(() => { | ||||
|     TestBed.configureTestingModule({ | ||||
|       declarations: [ DatatableDataindexComponent ] | ||||
|     }) | ||||
|     .compileComponents(); | ||||
|   })); | ||||
|  | ||||
|   beforeEach(() => { | ||||
|     fixture = TestBed.createComponent(DatatableDataindexComponent); | ||||
|     component = fixture.componentInstance; | ||||
|     fixture.detectChanges(); | ||||
|   }); | ||||
|  | ||||
|   it('should create', () => { | ||||
|     expect(component).toBeTruthy(); | ||||
|   }); | ||||
| }); | ||||
| @ -6,25 +6,27 @@ import { DataService } from 'src/app/routes/datatable/services/data.service'; | ||||
|   templateUrl: './pillar.component.html', | ||||
|   styleUrls: ['./pillar.component.less'] | ||||
| }) | ||||
| export class busitablePillarComponent implements OnInit { | ||||
| export class BusitablePillarComponent implements OnInit, OnChanges { | ||||
|    | ||||
|   el: any; | ||||
|   @Input() chartData: any ; | ||||
|   constructor(private service: DataService, private ngZone: NgZone) { | ||||
|  | ||||
|   } | ||||
|   ngOnInit(): void { | ||||
|     this.initData() | ||||
|   } | ||||
|   initData(){ | ||||
|     this.service.request(this.service.$api_performanceReportHistogram).subscribe(res => { | ||||
|       if (res) { | ||||
|         this.chartData = res.performance | ||||
|   ngOnChanges(changes: SimpleChanges): void { | ||||
|     if(this.chartData){ | ||||
|       setTimeout(()=>{ | ||||
|         this.ngZone.runOutsideAngular(() => this.init(this.el)); | ||||
|       } | ||||
|     }) | ||||
|       }, 1000) | ||||
|       | ||||
|     } | ||||
|   } | ||||
|  | ||||
|   ngOnInit(): void { | ||||
|      | ||||
|   } | ||||
|   render(el: ElementRef<HTMLDivElement>): void { | ||||
|     this.el = el | ||||
|     this.el = el.nativeElement | ||||
|   } | ||||
|  | ||||
|  | ||||
|  | ||||
| @ -1,24 +0,0 @@ | ||||
| import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing'; | ||||
| import { DatatableDataindexComponent } from './dataindex.component'; | ||||
|  | ||||
| describe('DatatableDataindexComponent', () => { | ||||
|   let component: DatatableDataindexComponent; | ||||
|   let fixture: ComponentFixture<DatatableDataindexComponent>; | ||||
|  | ||||
|   beforeEach(waitForAsync(() => { | ||||
|     TestBed.configureTestingModule({ | ||||
|       declarations: [ DatatableDataindexComponent ] | ||||
|     }) | ||||
|     .compileComponents(); | ||||
|   })); | ||||
|  | ||||
|   beforeEach(() => { | ||||
|     fixture = TestBed.createComponent(DatatableDataindexComponent); | ||||
|     component = fixture.componentInstance; | ||||
|     fixture.detectChanges(); | ||||
|   }); | ||||
|  | ||||
|   it('should create', () => { | ||||
|     expect(component).toBeTruthy(); | ||||
|   }); | ||||
| }); | ||||
| @ -21,9 +21,9 @@ import { DatatableMancustomtableComponent } from './components/customtable/mancu | ||||
| import { DatatablePartnertableComponent } from './components/customtable/partnertable/partnertable.component'; | ||||
| import { DatatableBusiindexComponent } from './components/busitable/busiindex/busiindex.component'; | ||||
| import { DatatableMantableComponent } from './components/busitable/mantable/mantable.component'; | ||||
| import { busitableCurveComponent } from './components/busitable/busiindex/curve/curve.component'; | ||||
| import { busitablePillarComponent } from './components/busitable/busiindex/pillar/pillar.component'; | ||||
| import { BusitablePillarComponent } from './components/busitable/busiindex/pillar/pillar.component'; | ||||
| import { DatatableReportingFundInfoComponent } from './reporting/components/fund-info/fund-info.component'; | ||||
| import { BusitableCurveComponent } from './components/busitable/busiindex/curve2/curve.component'; | ||||
|  | ||||
| const COMPONENTS: Type<void>[] = [ | ||||
|   DatatableDataindexComponent, | ||||
| @ -46,9 +46,9 @@ const COMPONENTS: Type<void>[] = [ | ||||
|   DatatablePartnertableComponent, | ||||
|   DatatableBusiindexComponent, | ||||
|   DatatableMantableComponent, | ||||
|   busitableCurveComponent, | ||||
|   busitablePillarComponent, | ||||
|   BusitablePillarComponent, | ||||
|   DatatableFundReportingComponent, | ||||
|   BusitableCurveComponent, | ||||
|   DatatableReportingFundInfoComponent] | ||||
|  | ||||
|  | ||||
|  | ||||
| @ -1,5 +1,5 @@ | ||||
| <nz-spin [nzSpinning]="service.http.loading"></nz-spin> | ||||
| <st #st [scroll]="{x:'1000px'}" [data]="service.$api_order_reporting_page" [columns]="columns" | ||||
| <st #st [scroll]="{x:'1000px'}" [data]="service.$api_get_order_reporting_page" [columns]="columns" | ||||
|   [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }" | ||||
|   [res]="{ reName: { list: 'data.records', total: 'data.total' } }" [page]="{ show: false}" [loading]="false" | ||||
|   [bordered]="true"> | ||||
|  | ||||
| @ -25,25 +25,33 @@ | ||||
|     </nz-tab> | ||||
|   </nz-tabset> | ||||
|   <!-- 数据列表 --> | ||||
|   <st #st [scroll]="{x:'1200px'}" [data]="service.$api_order_reporting_page" [columns]="columns" | ||||
|   <st #st [scroll]="{x:'1200px'}" [data]="service.$api_get_fund_reporting_page" [columns]="columns" | ||||
|     [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }" | ||||
|     [res]="{ reName: { list: 'data.records', total: 'data.total' } }" | ||||
|     [page]="{ show: true, showSize: true, pageSizes: [10,20, 50, 100] }" [loading]="false"> | ||||
|     <ng-template st-row="orderStatus" let-item let-index="index"> | ||||
|     <ng-template st-row="uploadStatus" let-item> | ||||
|       <span [ngClass]="{'text-red-dark':item?.uploadStatus === '4'}">{{item?.billStatusLabel}}</span> | ||||
|     </ng-template> | ||||
|     <ng-template st-row="verifyStatus" let-item> | ||||
|       <a (click)="viewAuditResult(item)" *ngIf="item?.billStatus === '2'">{{item?.billStatusLabel}}</a> | ||||
|       <span *ngIf="item?.billStatus !== '2'">{{item?.billStatusLabel}}</span> | ||||
|  | ||||
|     </ng-template> | ||||
|     <ng-template st-row="orderCode" let-item> | ||||
|       <span class="text-blue-dark">{{item?.orderCode}}</span> | ||||
|     </ng-template> | ||||
|     <ng-template st-row="wayBillCode" let-item> | ||||
|       <span class="text-blue-dark">{{item?.wayBillCode}}</span> | ||||
|     </ng-template> | ||||
|  | ||||
|     <ng-template st-row="localValid" let-item let-index="index"> | ||||
|       <a (click)="viewResult(item)" *ngIf="item?.billStatus === '2'">{{item?.billStatusLabel}}</a> | ||||
|       <span *ngIf="item?.billStatus !== '2'">{{item?.billStatusLabel}}</span> | ||||
|     </ng-template> | ||||
|     <ng-template st-row="amount" let-item let-index="index"> | ||||
|       <div class="text-right">{{item?.amount | currency :' '}}</div> | ||||
|     <ng-template st-row="tolalAmount" let-item let-index="index"> | ||||
|       <div class="text-right">{{item?.tolalAmount | currency :' '}}</div> | ||||
|     </ng-template> | ||||
|     <ng-template st-row="total" let-item let-index="index"> | ||||
|       <div class="text-right">{{item?.amount | currency :' '}}</div> | ||||
|     <ng-template st-row="payAmount" let-item let-index="index"> | ||||
|       <div class="text-right">{{item?.payAmount | currency :' '}}</div> | ||||
|     </ng-template> | ||||
|   </st> | ||||
| </nz-card> | ||||
|  | ||||
| @ -94,22 +94,22 @@ export class DatatableFundReportingComponent implements OnInit { | ||||
|     this.schema = { | ||||
|       properties: { | ||||
|         _$expand: { type: 'boolean', ui: { hidden: true } }, | ||||
|         billCode: { title: '订单号', type: 'string', ui: { placeholder: '请输入' } }, | ||||
|         resourceCode: { | ||||
|         orderCode: { title: '订单号', type: 'string', ui: { placeholder: '请输入' } }, | ||||
|         wayBillCode: { | ||||
|           type: 'string', | ||||
|           title: '运单号', | ||||
|           ui: { | ||||
|             placeholder: '请输入', | ||||
|           }, | ||||
|         }, | ||||
|         resourceCode1: { | ||||
|         serialNumberCode: { | ||||
|           type: 'string', | ||||
|           title: '流水单号', | ||||
|           ui: { | ||||
|             placeholder: '请输入', | ||||
|           }, | ||||
|         }, | ||||
|         driverName: { | ||||
|         carrier: { | ||||
|           title: '承运司机', | ||||
|           type: 'string', | ||||
|           ui: { | ||||
| @ -118,7 +118,7 @@ export class DatatableFundReportingComponent implements OnInit { | ||||
|             }, | ||||
|           } | ||||
|         }, | ||||
|         carNo: { | ||||
|         carNumber: { | ||||
|           title: '车牌号', | ||||
|           type: 'string', | ||||
|           maxLength: 9, | ||||
| @ -129,7 +129,7 @@ export class DatatableFundReportingComponent implements OnInit { | ||||
|             }, | ||||
|           } | ||||
|         }, | ||||
|         carNo1: { | ||||
|         payee: { | ||||
|           title: '车队长', | ||||
|           type: 'string', | ||||
|           maxLength: 9, | ||||
| @ -140,7 +140,7 @@ export class DatatableFundReportingComponent implements OnInit { | ||||
|             }, | ||||
|           } | ||||
|         }, | ||||
|         serviceType: { | ||||
|         uploadStatus: { | ||||
|           title: '上传状态', | ||||
|           type: 'string', | ||||
|           ui: { | ||||
| @ -153,7 +153,7 @@ export class DatatableFundReportingComponent implements OnInit { | ||||
|             }, | ||||
|           } | ||||
|         }, | ||||
|         serviceType1: { | ||||
|         verifyStatus: { | ||||
|           title: '本地校验', | ||||
|           type: 'string', | ||||
|           ui: { | ||||
| @ -177,19 +177,7 @@ export class DatatableFundReportingComponent implements OnInit { | ||||
|             allowClear: true | ||||
|           } | ||||
|         }, | ||||
|         externalResourceCode: { | ||||
|           title: '货主', | ||||
|           type: 'string', | ||||
|           ui: { | ||||
|             placeholder: '请输入', | ||||
|             visibleIf: { | ||||
|               _$expand: (value: boolean) => value, | ||||
|             }, | ||||
|           } | ||||
|         }, | ||||
|  | ||||
|  | ||||
|         createTime1: { | ||||
|         transactionTime: { | ||||
|           title: '交易时间', | ||||
|           type: 'string', | ||||
|           ui: { | ||||
| @ -201,7 +189,7 @@ export class DatatableFundReportingComponent implements OnInit { | ||||
|             }, | ||||
|           } as SFDateWidgetSchema, | ||||
|         }, | ||||
|         createTime: { | ||||
|         uploadTime: { | ||||
|           title: '上传时间', | ||||
|           type: 'string', | ||||
|           ui: { | ||||
| @ -227,38 +215,39 @@ export class DatatableFundReportingComponent implements OnInit { | ||||
|   initST() { | ||||
|     this.columns = [ | ||||
|       { title: '', type: 'checkbox', className: 'text-center', width: '60px', }, | ||||
|       { title: '上传状态', render: 'orderStatus', className: 'text-center', width: '120px', }, | ||||
|       { title: '本地校验', render: 'localValid', className: 'text-center', width: '120px', }, | ||||
|       { title: '流水单号', render: 'freightDetails', className: 'text-center', width: '150px', }, | ||||
|       { title: '上传状态', render: 'uploadStatus', className: 'text-center', width: '120px', }, | ||||
|       { title: '本地校验', render: 'verifyStatus', className: 'text-center', width: '120px', }, | ||||
|       { title: '流水单号', index: 'serialNumberCode', className: 'text-center', width: '150px', }, | ||||
|       { | ||||
|         title: '订单号', | ||||
|         render: 'billComplianceVOS', | ||||
|         render: 'orderCode', | ||||
|         className: 'text-center', | ||||
|         width: '150px', | ||||
|       }, | ||||
|       { title: '运单号', render: 'freightDetails', className: 'text-center', width: '150px', }, | ||||
|  | ||||
|       { title: '运单号', render: 'wayBillCode', className: 'text-center', width: '150px', }, | ||||
|       { | ||||
|         title: '网络货运人', | ||||
|         render: 'serviceType', | ||||
|         index: 'ltdName', | ||||
|         className: 'text-center', | ||||
|         width: '180px', | ||||
|       }, | ||||
|       { title: '实际承运人名称', index: 'loadingPlace', render: 'loadingPlace', className: 'text-center', width: '200px' }, | ||||
|       { title: '实际承运人证件号码', index: 'dischargePlace', render: 'dischargePlace', className: 'text-center', width: '120px' }, | ||||
|       { title: '车牌号', render: 'goodsInfoVOList', className: 'text-center', width: '180px' }, | ||||
|       { title: '车牌颜色', render: 'driver', className: 'text-center', width: '180px' }, | ||||
|       { title: '总金额', render: 'amount', className: 'text-center', width: '250px' }, | ||||
|       { title: '实际承运人名称', index: 'carrier', className: 'text-center', width: '200px' }, | ||||
|       { title: '实际承运人证件号码', index: 'cardId', className: 'text-center', width: '120px' }, | ||||
|       { title: '车牌号', index: 'carNumber', className: 'text-center', width: '180px' }, | ||||
|       { title: '车牌颜色', index: 'carColor', className: 'text-center', width: '180px' }, | ||||
|       { title: '总金额', render: 'tolalAmount', className: 'text-center', width: '250px' }, | ||||
|  | ||||
|       { title: '付款方式', render: 'payeeName', className: 'text-center', width: '180px' }, | ||||
|       { title: '车队长', render: 'transportInfo', className: 'text-center', width: '250px' }, | ||||
|       { title: '收款账户', index: 'loadingPlace', render: 'loadingPlace', className: 'text-center', width: '200px' }, | ||||
|       { title: '收款银行', index: 'dischargePlace', render: 'dischargePlace', className: 'text-center', width: '200px' }, | ||||
|       { title: '银行流水号', render: 'driver', className: 'text-center', width: '150px' }, | ||||
|       { title: '实际支付金额', render: 'total', className: 'text-center', width: '150px' }, | ||||
|       { title: '交易时间', render: 'payeeName', className: 'text-center', width: '150px' }, | ||||
|       { title: '上传次数', render: 'transportInfo', className: 'text-center', width: '150px' }, | ||||
|       { title: '上传时间', render: 'transportInfo', className: 'text-center', width: '180px' }, | ||||
|       { title: '付款方式', index: 'payType', className: 'text-center', width: '180px' }, | ||||
|       { title: '车队长', index: 'payee', className: 'text-center', width: '250px' }, | ||||
|       { title: '收款账户', index: 'collectionAccount', className: 'text-center', width: '200px' }, | ||||
|  | ||||
|       { title: '收款银行', index: 'bankTypeLabel', className: 'text-center', width: '200px' }, | ||||
|  | ||||
|       { title: '银行流水号', index: 'bankSerialNumber', className: 'text-center', width: '150px' }, | ||||
|       { title: '实际支付金额', render: 'payAmount', className: 'text-center', width: '150px' }, | ||||
|       { title: '交易时间', index: 'transactionTime', className: 'text-center', width: '150px' }, | ||||
|       { title: '上传次数', index: 'uploadFrequency', className: 'text-center', width: '120px' }, | ||||
|       { title: '上传时间', index: 'uploadTime', className: 'text-center', width: '180px' }, | ||||
|     ]; | ||||
|   } | ||||
|  | ||||
|  | ||||
| @ -25,7 +25,7 @@ | ||||
|     </nz-tab> | ||||
|   </nz-tabset> | ||||
|   <!-- 数据列表 --> | ||||
|   <st #st [scroll]="{x:'1200px'}" [data]="service.$api_order_reporting_page" [columns]="columns" | ||||
|   <st #st [scroll]="{x:'1200px'}" [data]="service.$api_get_order_reporting_page" [columns]="columns" | ||||
|     [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }" | ||||
|     [res]="{ reName: { list: 'data.records', total: 'data.total' } }" | ||||
|     [page]="{ show: true, showSize: true, pageSizes: [10,20, 50, 100] }" [loading]="service.http.loading"> | ||||
|  | ||||
| @ -5,7 +5,7 @@ | ||||
|     </nz-tabset> | ||||
|   </div> | ||||
|   <div style="width: 90%;"> | ||||
|     <st #st [scroll]="{x:'1000px'}" [data]="service.$api_order_reporting_page" [columns]="columns" | ||||
|     <st #st [scroll]="{x:'1000px'}" [data]="service.$api_get_order_reporting_page" [columns]="columns" | ||||
|       [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }" | ||||
|       [res]="{ reName: { list: 'data.records', total: 'data.total' } }" [page]="{ show: false}" [loading]="false" | ||||
|       [bordered]="true"> | ||||
|  | ||||
| @ -6,11 +6,13 @@ import { BaseService } from '@shared'; | ||||
| }) | ||||
| export class ReportingService extends BaseService { | ||||
|  | ||||
|   $api_order_reporting_page = `/api/sdc/billOperate/listWholePage`; // 订单上报列表 | ||||
|   $api_get_order_reporting_page = `/api/sdc/billOperate/listWholePage`; // 订单上报列表 | ||||
|   $api_recall_reporting = ``; // 撤回 | ||||
|   $api_async_export_order_reporting_list = ``; // 导出订单上报 | ||||
|   $api_get_upload_setting = ``; // 修改上传设置 | ||||
|   $api_upload_setting_save = ``; // 修改上传设置 | ||||
|  | ||||
|   $api_get_fund_reporting_page = `/api/fcc/fundUploadHead/list/page`; | ||||
|   constructor(public injector: Injector) { | ||||
|     super(injector); | ||||
|   } | ||||
|  | ||||
| @ -1,5 +1,5 @@ | ||||
| <!-- | ||||
|  * @Description  :  | ||||
|  * @Description  : | ||||
|  * @Version      : 1.0 | ||||
|  * @Author       : Shiming | ||||
|  * @Date         : 2022-03-30 14:00:43 | ||||
| @ -17,16 +17,8 @@ | ||||
|       <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf> | ||||
|     </div> | ||||
|     <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand"> | ||||
|       <button | ||||
|         nz-button | ||||
|         nzType="primary" | ||||
|         [disabled]="!sf.valid" | ||||
|         [nzLoading]="false" | ||||
|         (click)="search()" | ||||
|         acl | ||||
|         [acl-ability]="['RiskOrder-Search']" | ||||
|         >查询</button | ||||
|       > | ||||
|       <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="false" (click)="search()" acl | ||||
|         [acl-ability]="['RiskOrder-Search']">查询</button> | ||||
|       <button nz-button (click)="resetSF()">重置</button> | ||||
|       <button nz-button (click)="resetSF()">导出</button> | ||||
|       <button nz-button nzType="link" (click)="expandToggle()"> | ||||
| @ -41,16 +33,10 @@ | ||||
|     <nz-tab *ngFor="let tab of tabs" [nzTitle]="tab.name" (nzSelect)="selectChange(tab)"> </nz-tab> | ||||
|   </nz-tabset> | ||||
|   <!-- 数据列表 --> | ||||
|   <st | ||||
|     #st | ||||
|     [scroll]="{ x: '1200px' }" | ||||
|     [data]="service.$api_order_reporting_page" | ||||
|     [columns]="columns" | ||||
|   <st #st [scroll]="{ x: '1200px' }" [data]="service.$api_get_individual_income_page" [columns]="columns" | ||||
|     [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }" | ||||
|     [res]="{ reName: { list: 'data.records', total: 'data.total' } }" | ||||
|     [page]="{ show: true, showSize: true, pageSizes: [10, 20, 50, 100] }" | ||||
|     [loading]="false" | ||||
|   > | ||||
|     [page]="{ show: true, showSize: true, pageSizes: [10, 20, 50, 100] }" [loading]="false"> | ||||
|     <ng-template st-row="orderStatus" let-item let-index="index"> | ||||
|       <a (click)="viewAuditResult(item)" *ngIf="item?.billStatus === '2'">{{ item?.billStatusLabel }}</a> | ||||
|       <span *ngIf="item?.billStatus !== '2'">{{ item?.billStatusLabel }}</span> | ||||
| @ -79,7 +65,8 @@ | ||||
|   </div> | ||||
| </ng-template> | ||||
|  | ||||
| <nz-modal [(nzVisible)]="isVisible" [nzWidth]="600" [nzFooter]="nzModalFooterEvaluate" (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel()"> | ||||
| <nz-modal [(nzVisible)]="isVisible" [nzWidth]="600" [nzFooter]="nzModalFooterEvaluate" (nzOnOk)="handleOK()" | ||||
|   (nzOnCancel)="handleCancel()"> | ||||
|   <ng-container *nzModalContent> | ||||
|     <div> 司机姓名:张三/13812345678 </div> | ||||
|     <div> 是否确认要将该司机的起征点同步调整为超过15万? </div> | ||||
|  | ||||
| @ -1,5 +1,5 @@ | ||||
| <!-- | ||||
|  * @Description  :  | ||||
|  * @Description  : | ||||
|  * @Version      : 1.0 | ||||
|  * @Author       : Shiming | ||||
|  * @Date         : 2022-03-30 14:00:43 | ||||
| @ -35,7 +35,7 @@ | ||||
|     </nz-tab> | ||||
|   </nz-tabset> | ||||
|   <!-- 数据列表 --> | ||||
|   <st #st [scroll]="{x:'1200px'}" [data]="service.$api_order_reporting_page" [columns]="columns" | ||||
|   <st #st [scroll]="{x:'1200px'}" [data]="service.$api_get_individual_income_page" [columns]="columns" | ||||
|     [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }" | ||||
|     [res]="{ reName: { list: 'data.records', total: 'data.total' } }" | ||||
|     [page]="{ show: true, showSize: true, pageSizes: [10,20, 50, 100] }" [loading]="false"> | ||||
|  | ||||
| @ -5,7 +5,7 @@ | ||||
|     </nz-tabset> | ||||
|   </div> | ||||
|   <div style="width: 90%;"> | ||||
|     <st #st [scroll]="{x:'1000px'}" [data]="service.$api_order_reporting_page" [columns]="columns" | ||||
|     <st #st [scroll]="{x:'1000px'}" [data]="service.$api_get_individual_income_page" [columns]="columns" | ||||
|       [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }" | ||||
|       [res]="{ reName: { list: 'data.records', total: 'data.total' } }" [page]="{ show: false}" [loading]="false" | ||||
|       [bordered]="true"> | ||||
|  | ||||
| @ -1,5 +1,5 @@ | ||||
| /* | ||||
|  * @Description  :  | ||||
|  * @Description  : | ||||
|  * @Version      : 1.0 | ||||
|  * @Author       : Shiming | ||||
|  * @Date         : 2021-12-27 10:30:56 | ||||
| @ -22,9 +22,11 @@ import { EAFileUtil } from 'src/app/shared/utils/file.util'; | ||||
| export class TaxManagementService extends BaseService { | ||||
|   // 获取货主企业列表 | ||||
|   public $api_enterpriceList = '/api/mdc/cuc/enterpriseInfo/operate/enterpriceList'; | ||||
|   public $api_order_reporting_page = '/api/mdc/cuc/enterpriseInfo/operate/enterpriceList'; | ||||
|    | ||||
|   // 查询运营报表 | ||||
|   $api_listOperationalReportPage = `/api/sdc/report/listOperationalReportPage`; | ||||
|   $api_order_reporting_page = `/api/sdc/billOperate/listWholePage`; // 订单上报列表 | ||||
|   $api_get_individual_income_page = `/api/sdc/billOperate/listWholePage`; // 订单上报列表 | ||||
|   $api_recall_reporting = ``; // 撤回 | ||||
|   $api_async_export_order_reporting_list = ``; // 导出订单上报 | ||||
|   $api_get_upload_setting = ``; // 修改上传设置 | ||||
|  | ||||
		Reference in New Issue
	
	Block a user