Merge branch 'develop' of https://gitlab.eascs.com/tms-ui/tms-obc-web into develop
This commit is contained in:
@ -19,7 +19,7 @@
|
|||||||
</p>
|
</p>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
<ng-template #AdvanceDepositFooter>
|
<ng-template #AdvanceDepositFooter>
|
||||||
<g2-custom #AdvanceDeposit delay="100"></g2-custom>
|
<g2-custom #AdvanceDeposit></g2-custom>
|
||||||
<!-- <g2-mini-area line color="#cceafe" height="45" [data]="totalAdvanceDeposit?.list || []"
|
<!-- <g2-mini-area line color="#cceafe" height="45" [data]="totalAdvanceDeposit?.list || []"
|
||||||
(clickItem)="handleClick($event)">
|
(clickItem)="handleClick($event)">
|
||||||
</g2-mini-area> -->
|
</g2-mini-area> -->
|
||||||
@ -75,12 +75,12 @@
|
|||||||
</div>
|
</div>
|
||||||
<div nz-row [nzGutter]="16">
|
<div nz-row [nzGutter]="16">
|
||||||
<div nz-col class="gutter-row" [nzSpan]="6">
|
<div nz-col class="gutter-row" [nzSpan]="6">
|
||||||
<nz-card acl [acl-ability]="['dataindex-getBillTypeProportion']"><label class="chart_title">订单类型比例</label>
|
<nz-card acl [acl-ability]="['dataindex-getBillTypeProportion']"><label class="chart_title">订单类型比例</label>
|
||||||
<g2-custom #g2custom delay="100"></g2-custom>
|
<g2-custom #g2custom delay="100"></g2-custom>
|
||||||
</nz-card>
|
</nz-card>
|
||||||
</div>
|
</div>
|
||||||
<div nz-col class="gutter-row" [nzSpan]="18">
|
<div nz-col class="gutter-row" [nzSpan]="18">
|
||||||
<nz-card acl [acl-ability]="['dataindex-getBillAmount']"><label class="chart_title">大区业绩完成情况</label>
|
<nz-card acl [acl-ability]="['dataindex-getBillAmount']"><label class="chart_title">大区业绩完成情况</label>
|
||||||
<!-- <g2-timeline [data]="chartData" [titleMap]="{ y1: '订单金额(元)', y2: '' }" [height]="200" mask="MM月DD日"
|
<!-- <g2-timeline [data]="chartData" [titleMap]="{ y1: '订单金额(元)', y2: '' }" [height]="200" mask="MM月DD日"
|
||||||
[slider]="false"></g2-timeline> -->
|
[slider]="false"></g2-timeline> -->
|
||||||
<g2-custom #RegionalPerforman delay="100"></g2-custom>
|
<g2-custom #RegionalPerforman delay="100"></g2-custom>
|
||||||
@ -89,7 +89,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div nz-row [nzGutter]="16">
|
<div nz-row [nzGutter]="16">
|
||||||
<div nz-col class="gutter-row" [nzSpan]="6">
|
<div nz-col class="gutter-row" [nzSpan]="6">
|
||||||
<nz-card acl [acl-ability]="['dataindex-getWayBillDirectProportion']"> <label class="chart_title">运单直付比例</label>
|
<nz-card acl [acl-ability]="['dataindex-getWayBillDirectProportion']"> <label class="chart_title">运单直付比例</label>
|
||||||
<!-- <g2-pie #pie title="销售额" subTitle="销售额" [total]="total" [valueFormat]="format" [data]="salesPieData" height="294"
|
<!-- <g2-pie #pie title="销售额" subTitle="销售额" [total]="total" [valueFormat]="format" [data]="salesPieData" height="294"
|
||||||
(clickItem)="handleClick($event)" [lineWidth]="10">
|
(clickItem)="handleClick($event)" [lineWidth]="10">
|
||||||
</g2-pie> -->
|
</g2-pie> -->
|
||||||
@ -97,7 +97,7 @@
|
|||||||
</nz-card>
|
</nz-card>
|
||||||
</div>
|
</div>
|
||||||
<div nz-col class="gutter-row" [nzSpan]="18">
|
<div nz-col class="gutter-row" [nzSpan]="18">
|
||||||
<nz-card acl [acl-ability]="['dataindex-getBillPaymentAmount']">
|
<nz-card acl [acl-ability]="['dataindex-getBillPaymentAmount']">
|
||||||
<label class="chart_title">业绩完成情况</label>
|
<label class="chart_title">业绩完成情况</label>
|
||||||
<!-- <g2-bar [data]="salesData" (clickItem)="handleClick($event)" height="400"></g2-bar> -->
|
<!-- <g2-bar [data]="salesData" (clickItem)="handleClick($event)" height="400"></g2-bar> -->
|
||||||
<g2-custom #SaleProportion delay="100"></g2-custom>
|
<g2-custom #SaleProportion delay="100"></g2-custom>
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
import { ChangeDetectorRef, Component, ElementRef, NgZone, OnInit, ViewChild } from '@angular/core';
|
import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, NgZone, OnInit, ViewChild } from '@angular/core';
|
||||||
import { ModalHelper, _HttpClient } from '@delon/theme';
|
import { ModalHelper, _HttpClient } from '@delon/theme';
|
||||||
import { G2MiniAreaClickItem, G2MiniAreaData } from '@delon/chart/mini-area';
|
import { G2MiniAreaClickItem, G2MiniAreaData } from '@delon/chart/mini-area';
|
||||||
import { G2PieClickItem, G2PieComponent, G2PieData } from '@delon/chart/pie';
|
import { G2PieClickItem, G2PieComponent, G2PieData } from '@delon/chart/pie';
|
||||||
@ -18,7 +18,7 @@ import { GeometryLabelCfg } from '@antv/g2/lib/interface';
|
|||||||
styleUrls: ['./dataindex.component.less'],
|
styleUrls: ['./dataindex.component.less'],
|
||||||
providers: [CurrencyPipe]
|
providers: [CurrencyPipe]
|
||||||
})
|
})
|
||||||
export class DatatableDataindexComponent implements OnInit {
|
export class DatatableDataindexComponent implements OnInit, AfterViewInit {
|
||||||
@ViewChild('AdvanceDeposit', { static: false }) AdvanceDeposit!: G2CustomComponent;
|
@ViewChild('AdvanceDeposit', { static: false }) AdvanceDeposit!: G2CustomComponent;
|
||||||
@ViewChild('g2custom', { static: false }) g2custom!: G2CustomComponent;
|
@ViewChild('g2custom', { static: false }) g2custom!: G2CustomComponent;
|
||||||
@ViewChild('RegionalPerforman', { static: false }) RegionalPerforman!: G2CustomComponent;
|
@ViewChild('RegionalPerforman', { static: false }) RegionalPerforman!: G2CustomComponent;
|
||||||
@ -38,13 +38,16 @@ export class DatatableDataindexComponent implements OnInit {
|
|||||||
|
|
||||||
regionalPerformanceCompletion: DataPerformanceTrendVO[] = [];
|
regionalPerformanceCompletion: DataPerformanceTrendVO[] = [];
|
||||||
|
|
||||||
constructor(private service: DataService, private currency: CurrencyPipe) {}
|
constructor(private service: DataService, private currency: CurrencyPipe) { }
|
||||||
|
ngAfterViewInit(): void {
|
||||||
ngOnInit(): void {
|
|
||||||
this.initMiniAreaData();
|
this.initMiniAreaData();
|
||||||
this.initOthersData();
|
this.initOthersData();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
ngOnInit(): void {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
private initMiniAreaData() {
|
private initMiniAreaData() {
|
||||||
// 客户预存款总额
|
// 客户预存款总额
|
||||||
this.service.request(this.service.$api_total_advance_deposit).subscribe((res: DataTotalVO) => {
|
this.service.request(this.service.$api_total_advance_deposit).subscribe((res: DataTotalVO) => {
|
||||||
@ -80,7 +83,7 @@ export class DatatableDataindexComponent implements OnInit {
|
|||||||
const billTypeDatas2 = this.formatCoordinateData(res);
|
const billTypeDatas2 = this.formatCoordinateData(res);
|
||||||
console.log(billTypeDatas2);
|
console.log(billTypeDatas2);
|
||||||
|
|
||||||
this.initBillChart(this.g2custom['el'].nativeElement as any,billTypeDatas2);
|
this.initBillChart(this.g2custom['el'].nativeElement as any, billTypeDatas2);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
// 大区业绩完成情况
|
// 大区业绩完成情况
|
||||||
@ -101,7 +104,6 @@ export class DatatableDataindexComponent implements OnInit {
|
|||||||
if (res) {
|
if (res) {
|
||||||
const billTypeDatas = this.formatCoordinateData(res.map((item: any) => ({ ...item, billType: item.wayBillType })));
|
const billTypeDatas = this.formatCoordinateData(res.map((item: any) => ({ ...item, billType: item.wayBillType })));
|
||||||
console.log(billTypeDatas);
|
console.log(billTypeDatas);
|
||||||
|
|
||||||
this.initBillChart(this.BillDirectProportion['el'].nativeElement as any, billTypeDatas);
|
this.initBillChart(this.BillDirectProportion['el'].nativeElement as any, billTypeDatas);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@ -145,7 +147,7 @@ export class DatatableDataindexComponent implements OnInit {
|
|||||||
|
|
||||||
chart.scale('percent', {
|
chart.scale('percent', {
|
||||||
formatter: val => {
|
formatter: val => {
|
||||||
val = (val * 100 ).toFixed(0)+ '%';
|
val = (val * 100).toFixed(0) + '%';
|
||||||
return val;
|
return val;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@ -202,7 +204,7 @@ export class DatatableDataindexComponent implements OnInit {
|
|||||||
.label('percent', percent => {
|
.label('percent', percent => {
|
||||||
return {
|
return {
|
||||||
content: data => {
|
content: data => {
|
||||||
return (percent * 100).toFixed(0)+`%`;
|
return (percent * 100).toFixed(0) + `%`;
|
||||||
},
|
},
|
||||||
style: { fontSize: 14 }
|
style: { fontSize: 14 }
|
||||||
};
|
};
|
||||||
@ -351,6 +353,8 @@ export class DatatableDataindexComponent implements OnInit {
|
|||||||
}
|
}
|
||||||
return {};
|
return {};
|
||||||
});
|
});
|
||||||
|
console.log(chart);
|
||||||
|
|
||||||
chart.render();
|
chart.render();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -86,7 +86,7 @@ const COMPONENTS: Type<void>[] = [
|
|||||||
imports: [
|
imports: [
|
||||||
SharedModule,
|
SharedModule,
|
||||||
DatatableRoutingModule,
|
DatatableRoutingModule,
|
||||||
SHARED_G2_MODULES
|
...SHARED_G2_MODULES
|
||||||
],
|
],
|
||||||
declarations: COMPONENTS,
|
declarations: COMPONENTS,
|
||||||
})
|
})
|
||||||
|
|||||||
@ -9,6 +9,6 @@ const COMPONENTS: any = [DashboardComponent];
|
|||||||
const NOTROUTECOMPONENTS: any = [];
|
const NOTROUTECOMPONENTS: any = [];
|
||||||
@NgModule({
|
@NgModule({
|
||||||
declarations: [...COMPONENTS, ...NOTROUTECOMPONENTS],
|
declarations: [...COMPONENTS, ...NOTROUTECOMPONENTS],
|
||||||
imports: [CommonModule, RegulatoryDataRoutingModule, SharedModule, SHARED_G2_MODULES]
|
imports: [CommonModule, RegulatoryDataRoutingModule, SharedModule, ...SHARED_G2_MODULES]
|
||||||
})
|
})
|
||||||
export class RegulatoryDataModule {}
|
export class RegulatoryDataModule {}
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import { NgModule, Type } from '@angular/core';
|
import { NgModule, Type } from '@angular/core';
|
||||||
import { SharedModule, STWidgetModule } from '@shared';
|
import { BasicModuleModule, SharedModule, STWidgetModule } from '@shared';
|
||||||
|
|
||||||
// dashboard pages
|
// dashboard pages
|
||||||
import { DashboardComponent } from './dashboard/dashboard.component';
|
import { DashboardComponent } from './dashboard/dashboard.component';
|
||||||
@ -14,9 +14,8 @@ const COMPONENTS_NOROUNT: Array<Type<void>> = [];
|
|||||||
@NgModule({
|
@NgModule({
|
||||||
imports: [
|
imports: [
|
||||||
LayoutModule,
|
LayoutModule,
|
||||||
SharedModule,
|
BasicModuleModule,
|
||||||
GlobalConfigModule.forRoot(),
|
GlobalConfigModule.forRoot(),
|
||||||
STWidgetModule,
|
|
||||||
RouteRoutingModule
|
RouteRoutingModule
|
||||||
],
|
],
|
||||||
declarations: [...COMPONENTS, ...COMPONENTS_NOROUNT],
|
declarations: [...COMPONENTS, ...COMPONENTS_NOROUNT],
|
||||||
|
|||||||
@ -35,7 +35,7 @@ const COMPONENTS: Type<void>[] = [
|
|||||||
imports: [
|
imports: [
|
||||||
SharedModule,
|
SharedModule,
|
||||||
TaxManagementModuleRoutingModule,
|
TaxManagementModuleRoutingModule,
|
||||||
SHARED_G2_MODULES
|
...SHARED_G2_MODULES
|
||||||
],
|
],
|
||||||
declarations: COMPONENTS,
|
declarations: COMPONENTS,
|
||||||
})
|
})
|
||||||
|
|||||||
12
src/app/shared/basic-module.module.ts
Normal file
12
src/app/shared/basic-module.module.ts
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
import { NgModule } from '@angular/core';
|
||||||
|
import { CommonModule } from '@angular/common';
|
||||||
|
import { HttpClientModule } from '@angular/common/http';
|
||||||
|
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
||||||
|
import { RouterModule } from '@angular/router';
|
||||||
|
|
||||||
|
@NgModule({
|
||||||
|
declarations: [],
|
||||||
|
imports: [CommonModule, FormsModule, RouterModule, HttpClientModule, ReactiveFormsModule],
|
||||||
|
exports: [CommonModule, FormsModule, HttpClientModule, ReactiveFormsModule, RouterModule]
|
||||||
|
})
|
||||||
|
export class BasicModuleModule {}
|
||||||
@ -5,10 +5,12 @@ import { SHARED_ZORRO_MODULES } from '../../shared-zorro.module';
|
|||||||
import { SearchDrawerComponent } from './search-drawer.component';
|
import { SearchDrawerComponent } from './search-drawer.component';
|
||||||
import { FormsModule } from '@angular/forms';
|
import { FormsModule } from '@angular/forms';
|
||||||
import { DelonACLModule } from '@delon/acl';
|
import { DelonACLModule } from '@delon/acl';
|
||||||
|
import { DelonFormModule } from '@delon/form';
|
||||||
|
import { STWidgetModule } from '../../widget/st-widget.module';
|
||||||
|
|
||||||
@NgModule({
|
@NgModule({
|
||||||
declarations: [SearchDrawerComponent],
|
declarations: [SearchDrawerComponent],
|
||||||
imports: [CommonModule, FormsModule, DelonACLModule, ...SHARED_DELON_MODULES, ...SHARED_ZORRO_MODULES],
|
imports: [CommonModule, FormsModule, DelonACLModule, DelonFormModule, STWidgetModule, ...SHARED_DELON_MODULES, ...SHARED_ZORRO_MODULES],
|
||||||
exports: [SearchDrawerComponent]
|
exports: [SearchDrawerComponent]
|
||||||
})
|
})
|
||||||
export class SearchDrawerModule {}
|
export class SearchDrawerModule {}
|
||||||
|
|||||||
@ -30,6 +30,7 @@ export * from './services';
|
|||||||
export * from './pipes';
|
export * from './pipes';
|
||||||
|
|
||||||
// Module
|
// Module
|
||||||
|
export * from './basic-module.module';
|
||||||
export * from './shared.module';
|
export * from './shared.module';
|
||||||
export * from './shared-delon.module';
|
export * from './shared-delon.module';
|
||||||
export * from './shared-zorro.module';
|
export * from './shared-zorro.module';
|
||||||
|
|||||||
@ -41,9 +41,11 @@ import { CaptchaModule } from './components/captcha';
|
|||||||
import { rebateTableModule } from './components/rebate-table';
|
import { rebateTableModule } from './components/rebate-table';
|
||||||
import { SearchDrawerModule } from './components/search-drawer';
|
import { SearchDrawerModule } from './components/search-drawer';
|
||||||
import { HttpClientModule } from '@angular/common/http';
|
import { HttpClientModule } from '@angular/common/http';
|
||||||
|
import { BasicModuleModule } from './basic-module.module';
|
||||||
|
import { STWidgetModule } from './widget/st-widget.module';
|
||||||
|
import { GlobalConfigModule } from '../global-config.module';
|
||||||
// import { SearchDrawerComponent } from './components/search-drawer/search-drawer.component';
|
// import { SearchDrawerComponent } from './components/search-drawer/search-drawer.component';
|
||||||
|
|
||||||
|
|
||||||
const MODULES = [
|
const MODULES = [
|
||||||
AddressModule,
|
AddressModule,
|
||||||
DelayModule,
|
DelayModule,
|
||||||
@ -65,15 +67,12 @@ const MODULES = [
|
|||||||
];
|
];
|
||||||
// #endregion
|
// #endregion
|
||||||
|
|
||||||
const SHAREDCOMPONENTS = [LogisticsTimeLineComponent, DictSelectComponent, AccountDetailComponent];
|
const SHAREDCOMPONENTS = [LogisticsTimeLineComponent, AccountDetailComponent];
|
||||||
|
|
||||||
@NgModule({
|
@NgModule({
|
||||||
imports: [
|
imports: [
|
||||||
CommonModule,
|
BasicModuleModule,
|
||||||
FormsModule,
|
STWidgetModule,
|
||||||
RouterModule,
|
|
||||||
HttpClientModule,
|
|
||||||
ReactiveFormsModule,
|
|
||||||
AlainThemeModule.forChild(),
|
AlainThemeModule.forChild(),
|
||||||
DelonACLModule,
|
DelonACLModule,
|
||||||
DelonFormModule,
|
DelonFormModule,
|
||||||
@ -83,11 +82,8 @@ const SHAREDCOMPONENTS = [LogisticsTimeLineComponent, DictSelectComponent, Accou
|
|||||||
// third libs
|
// third libs
|
||||||
],
|
],
|
||||||
exports: [
|
exports: [
|
||||||
CommonModule,
|
BasicModuleModule,
|
||||||
FormsModule,
|
STWidgetModule,
|
||||||
HttpClientModule,
|
|
||||||
ReactiveFormsModule,
|
|
||||||
RouterModule,
|
|
||||||
AlainThemeModule,
|
AlainThemeModule,
|
||||||
DelonACLModule,
|
DelonACLModule,
|
||||||
DelonFormModule,
|
DelonFormModule,
|
||||||
|
|||||||
@ -33,6 +33,9 @@ import { NounWidget } from './noun/noun.widget';
|
|||||||
import { PropertyValuesWidget } from './property-values/property-values.widget';
|
import { PropertyValuesWidget } from './property-values/property-values.widget';
|
||||||
import { SpecValuesWidget } from './spec-values/spec-values.widget';
|
import { SpecValuesWidget } from './spec-values/spec-values.widget';
|
||||||
import { TinymceWidget } from './tinymce/tinymce.widget';
|
import { TinymceWidget } from './tinymce/tinymce.widget';
|
||||||
|
import { SHARED_ZORRO_MODULES } from '../shared-zorro.module';
|
||||||
|
import { SharedThirdModule } from '../shared-third.module';
|
||||||
|
import { DictSelectComponent } from '../components/dict-select/dict-select.component';
|
||||||
|
|
||||||
export const STWIDGET_COMPONENTS = [
|
export const STWIDGET_COMPONENTS = [
|
||||||
EditorWidget,
|
EditorWidget,
|
||||||
@ -45,7 +48,8 @@ export const STWIDGET_COMPONENTS = [
|
|||||||
PropertyValuesWidget,
|
PropertyValuesWidget,
|
||||||
SLFromToSearchWidget,
|
SLFromToSearchWidget,
|
||||||
DictSelectWidget,
|
DictSelectWidget,
|
||||||
STCurrencyCHYWidget
|
STCurrencyCHYWidget,
|
||||||
|
DictSelectComponent,
|
||||||
];
|
];
|
||||||
|
|
||||||
@NgModule({
|
@NgModule({
|
||||||
@ -53,6 +57,8 @@ export const STWIDGET_COMPONENTS = [
|
|||||||
imports: [
|
imports: [
|
||||||
CommonModule,
|
CommonModule,
|
||||||
FormsModule,
|
FormsModule,
|
||||||
|
...SHARED_ZORRO_MODULES,
|
||||||
|
SharedThirdModule,
|
||||||
DelonFormModule.forRoot(),
|
DelonFormModule.forRoot(),
|
||||||
AddressModule,
|
AddressModule,
|
||||||
EditorModule,
|
EditorModule,
|
||||||
@ -63,8 +69,7 @@ export const STWIDGET_COMPONENTS = [
|
|||||||
NzInputModule,
|
NzInputModule,
|
||||||
NzDatePickerModule,
|
NzDatePickerModule,
|
||||||
NzInputNumberModule,
|
NzInputNumberModule,
|
||||||
NgxTinymceModule,
|
NgxTinymceModule
|
||||||
SharedModule
|
|
||||||
],
|
],
|
||||||
exports: [...STWIDGET_COMPONENTS],
|
exports: [...STWIDGET_COMPONENTS],
|
||||||
entryComponents: STWIDGET_COMPONENTS
|
entryComponents: STWIDGET_COMPONENTS
|
||||||
@ -82,7 +87,6 @@ export class STWidgetModule {
|
|||||||
widgetRegistry.register(SLFromToSearchWidget.KEY, SLFromToSearchWidget);
|
widgetRegistry.register(SLFromToSearchWidget.KEY, SLFromToSearchWidget);
|
||||||
widgetRegistry.register(DictSelectWidget.KEY, DictSelectWidget);
|
widgetRegistry.register(DictSelectWidget.KEY, DictSelectWidget);
|
||||||
|
|
||||||
|
|
||||||
sTWidgetRegistry.register(STCurrencyCHYWidget.KEY, STCurrencyCHYWidget);
|
sTWidgetRegistry.register(STCurrencyCHYWidget.KEY, STCurrencyCHYWidget);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user