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: {
|
||||
@ -65,10 +60,10 @@ export class busitableCurveComponent implements OnInit {
|
||||
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);
|
||||
}
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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