This commit is contained in:
wangshiming
2022-04-18 16:56:20 +08:00
parent 4068a3ece2
commit 582ea2d3fa
7 changed files with 133 additions and 149 deletions

View File

@ -4,7 +4,7 @@
* @Author : Shiming * @Author : Shiming
* @Date : 2022-01-18 09:51:21 * @Date : 2022-01-18 09:51:21
* @LastEditors : Shiming * @LastEditors : Shiming
* @LastEditTime : 2022-04-14 14:40:51 * @LastEditTime : 2022-04-18 16:40:52
* @FilePath : \\tms-obc-web\\proxy.conf.js * @FilePath : \\tms-obc-web\\proxy.conf.js
* Copyright (C) 2022 huzhenhong. All rights reserved. * Copyright (C) 2022 huzhenhong. All rights reserved.
*/ */
@ -30,7 +30,7 @@ module.exports = {
// }, // },
'//api': { '//api': {
target: { target: {
host: 'tms-api-test.eascs.com', host: 'tms-api-dev.eascs.com',
protocol: 'https:', protocol: 'https:',
port: 443 port: 443
}, },

View File

@ -4,22 +4,18 @@
* @Author : Shiming * @Author : Shiming
* @Date : 2022-03-30 17:57:46 * @Date : 2022-03-30 17:57:46
* @LastEditors : Shiming * @LastEditors : Shiming
* @LastEditTime : 2022-04-18 16:11:00 * @LastEditTime : 2022-04-18 16:37:41
* @FilePath : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\compliance\\salesman\\salesman.component.html * @FilePath : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\compliance\\salesman\\salesman.component.html
* Copyright (C) 2022 huzhenhong. All rights reserved. * Copyright (C) 2022 huzhenhong. All rights reserved.
--> -->
<!-- 页头 --> <!-- 页头 -->
<page-header-wrapper [title]="'业务员报告'"></page-header-wrapper> <page-header-wrapper [title]="'业务员-合规报告'"></page-header-wrapper>
<nz-card > <nz-card [nzExtra]="extraTemplate">
<nz-tabset (nzSelectedIndexChange)="selectChange($event)" [nzTabBarExtraContent]="extraTemplate">
<nz-tab [nzTitle]="'客户'"></nz-tab>
<nz-tab [nzTitle]="'合伙人'"></nz-tab>
</nz-tabset>
<ng-template #extraTemplate> <ng-template #extraTemplate>
<div class="chooseBox"> <div class="chooseBox">
<div class="timeBox">
<sf #sf [schema]="searchSchema" button="none" <sf #sf [schema]="searchSchema" button="none"
[ui]="{ '*': { spanLabelFixed: 0, grid: { xxl:5,xl:4, lg: 8, md: 12, sm: 12, xs: 24,gutter:20 } } }" [ui]="{ '*': { spanLabelFixed: 0, grid: { xxl:4,xl:4, lg: 4, md: 4, sm: 4, xs: 4,gutter:4 } } }"
[compact]="true"> [compact]="true">
<ng-template sf-template="no4" let-me let-ui="ui" let-schema="schema"> <ng-template sf-template="no4" let-me let-ui="ui" let-schema="schema">
<div class="chooseBox"> <div class="chooseBox">
@ -40,10 +36,9 @@
</div> </div>
</ng-template> </ng-template>
</sf> </sf>
</div>
</div> </div>
</ng-template> </ng-template>
<st #st multiSort [columns]="columns" [ps]="20" [data]="service.$api_listShipperReportPage" <st #st multiSort [columns]="columns" [ps]="20" [data]="service.$api_listPartComplianceReportPage"
[req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }" [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
[scroll]="{ x: '1200px' }" [res]="{ reName: { list: 'data.records', total: 'data.total' } }" [scroll]="{ x: '1200px' }" [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
[page]="{ show: true, showSize: true, pageSizes: [20, 50, 100] }"> [page]="{ show: true, showSize: true, pageSizes: [20, 50, 100] }">

View File

@ -1,7 +1,4 @@
.chooseBox {
display: flex;
float : right;
}
.timeBox { .timeBox {
display: flex; display: flex;

View File

@ -29,11 +29,11 @@ export class DatatableComplianceSalesmanComponent implements OnInit {
isLoading: boolean = false; isLoading: boolean = false;
searchSchema: SFSchema = { searchSchema: SFSchema = {
properties: { properties: {
customerName: { department: {
type: 'string', type: 'string',
title: '', title: '',
ui: { ui: {
placeholder: '请输入客户名称', placeholder: '请选择部门',
change: (value: any) => { change: (value: any) => {
console.log(value); console.log(value);
this.st.reload({ ...this.reqParams }); this.st.reload({ ...this.reqParams });
@ -41,11 +41,22 @@ export class DatatableComplianceSalesmanComponent implements OnInit {
}, },
}, },
salesmanName: { customerName: {
type: 'string', type: 'string',
title: '', title: '',
ui: { ui: {
placeholder: '请输入业务员', placeholder: '请输入业务员',
change: (value: any) => {
console.log(value);
this.st.reload({ ...this.reqParams });
}
},
},
salesmanName: {
type: 'string',
title: '',
ui: {
placeholder: '请输入客户名称',
change: (value: any) => { change: (value: any) => {
this.st.reload({ ...this.reqParams }); this.st.reload({ ...this.reqParams });
} }
@ -57,39 +68,21 @@ export class DatatableComplianceSalesmanComponent implements OnInit {
ui: { ui: {
class: 'custom', class: 'custom',
widget: 'custom', widget: 'custom',
grid: { xxl: 12, xl: 12, lg: 24, md: 24, sm: 24, xs: 24 } grid: { xxl: 12, xl: 12, lg: 12, md: 12, sm: 12, xs: 12 }
} }
} }
} },
}; };
columns: STColumn[] = [ columns: STColumn[] = [
{ title: '货主名称', index: 'enterpriseName', className: 'text-center', width: '200px' }, { title: '部门', index: 'department', className: 'text-center', width: '200px' },
{ title: '注册时间', index: 'registerTime', className: 'text-center', width: '200px' }, { title: '业务员', index: 'salesmen', className: 'text-center', width: '100px' },
{ title: '客户类型', index: 'customerType', className: 'text-center', width: '100px', type: 'enum', enum: { { title: '客户', index: 'cusCount', className: 'text-right', width: '100px', },
1: '平台客户', { title: '订单数', index: 'billCount', className: 'text-center', width: '120px' },
2: '直客', { title: '订单合格率', index: 'billComPer', className: 'text-right', width: '100px',format: (item: any) => {return ((item?.billComPer)*100).toFixed(2) + '%' }},
3: '渠道客户' { title: '付款及时率', index: 'payTimePer', className: 'text-center', width: '130px',format: (item: any) => {return ((item?.payTimePer)*100).toFixed(2) + '%'  } },
} { title: '货源单占比', index: 'goodResPer', className: 'text-right', width: '120px',format: (item: any) => {return ((item?.goodResPer)*100).toFixed(2) + '%'  } },
}, { title: '运费直付占比', index: 'feightPayPer', className: 'text-right', width: '100px', format: (item: any) => {return ((item?.feightPayPer)*100).toFixed(2) + '%'  } },
{ title: '业务员', index: 'salesmanName', className: 'text-center', width: '100px' },
{ title: '合伙人', index: 'partnerName', className: 'text-center', width: '100px' },
{ title: '客户状态', index: 'customerStatus', className: 'text-center', width: '100px', type: 'enum', enum: {
1: '未激活',
2: '沉默',
3: '流失',
4: '活跃'
} },
{ title: '订单数', index: 'zsl', className: 'text-center', width: '100px' },
{ title: '订单金额', index: 'ddje', className: 'text-right', width: '100px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.ddje }) } },
{ title: '应收订单数', index: 'ysdds', className: 'text-center', width: '120px' },
{ title: '应收金额', index: 'yingsje', className: 'text-right', width: '100px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yingsje }) } },
{ title: '待开票订单数', index: 'yifyf', className: 'text-center', width: '130px' },
{ title: '待开票金额', index: 'dkpdds', className: 'text-right', width: '120px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.dkpdds }) } },
{ title: '已收金额', index: 'yisje', className: 'text-right', width: '100px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yisje }) } },
{ title: '应收附加费', index: 'yingsfjf', className: 'text-right', width: '120px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yingsfjf }) } },
{ title: '已收附加费', index: 'yisfjf', className: 'text-right', width: '120px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yisfjf }) } },
{ title: '附加费率', index: 'fjfl', className: 'text-center', width: '100px' },
{ title: '已开票金额', index: 'ykpje', className: 'text-right', width: '100px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.ykpje }) } },
]; ];
/** /**
* 查询参数 * 查询参数
@ -223,11 +216,4 @@ export class DatatableComplianceSalesmanComponent implements OnInit {
this._$expand = false; this._$expand = false;
this.isLoading = true this.isLoading = true
} }
selectChange(e: number) {
// this.resourceStatus = e;
// this.initST();
setTimeout(() => {
this.st.load();
}, 500);
}
} }

View File

@ -4,7 +4,7 @@
* @Author : Shiming * @Author : Shiming
* @Date : 2022-03-30 17:57:46 * @Date : 2022-03-30 17:57:46
* @LastEditors : Shiming * @LastEditors : Shiming
* @LastEditTime : 2022-04-18 16:12:19 * @LastEditTime : 2022-04-18 16:45:14
* @FilePath : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\customtable\\mancustomtable\\mancustomtable.component.html * @FilePath : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\customtable\\mancustomtable\\mancustomtable.component.html
* Copyright (C) 2022 huzhenhong. All rights reserved. * Copyright (C) 2022 huzhenhong. All rights reserved.
--> -->
@ -43,7 +43,7 @@
</div> </div>
</div> </div>
</ng-template> </ng-template>
<st #st multiSort [columns]="columns" [ps]="20" [data]="service.$api_listShipperReportPage" <st #st multiSort [columns]="columns" [ps]="20" [data]="service.$api_listPartBusinessReportPage"
[req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }" [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
[scroll]="{ x: '1200px' }" [res]="{ reName: { list: 'data.records', total: 'data.total' } }" [scroll]="{ x: '1200px' }" [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
[page]="{ show: true, showSize: true, pageSizes: [20, 50, 100] }"> [page]="{ show: true, showSize: true, pageSizes: [20, 50, 100] }">

View File

@ -1,11 +1,10 @@
import { Component, OnInit, ViewChild } from '@angular/core'; import { Component, OnInit, ViewChild } from '@angular/core';
import { STColumn, STComponent } from '@delon/abc/st'; import { STColumn, STComponent } from '@delon/abc/st';
import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form'; import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
import { DatePipe, _HttpClient } from '@delon/theme'; import { DatePipe, _HttpClient } from '@delon/theme';
import { differenceInCalendarDays } from 'date-fns'; import { differenceInCalendarDays } from 'date-fns';
import { DataService } from '../../../services/data.service'; import { DataService } from '../../../services/data.service';
@Component({ @Component({
selector: 'app-datatable-mancustomtable', selector: 'app-datatable-mancustomtable',
templateUrl: './mancustomtable.component.html', templateUrl: './mancustomtable.component.html',
@ -21,7 +20,7 @@ export class DatatableMancustomtableComponent implements OnInit {
mode = 'year'; mode = 'year';
date: any = null; date: any = null;
defineDate = []; defineDate = [];
time: any = ['2022-01-01 00:00:00'] time: any = ['2022-01-01 00:00:00'];
dateFormat = 'yyyy'; dateFormat = 'yyyy';
today = new Date(); today = new Date();
ui: SFUISchema = {}; ui: SFUISchema = {};
@ -38,8 +37,7 @@ export class DatatableMancustomtableComponent implements OnInit {
console.log(value); console.log(value);
this.st.reload({ ...this.reqParams }); this.st.reload({ ...this.reqParams });
} }
}, }
}, },
salesmanName: { salesmanName: {
type: 'string', type: 'string',
@ -63,61 +61,59 @@ export class DatatableMancustomtableComponent implements OnInit {
} }
}; };
columns: STColumn[] = [ columns: STColumn[] = [
{ title: '货主名称', index: 'enterpriseName', className: 'text-center', width: '200px' }, { title: '部门', index: 'enterpriseName', className: 'text-center', width: '200px' },
{ title: '注册时间', index: 'registerTime', className: 'text-center', width: '200px' }, { title: '业务员', index: 'registerTime', className: 'text-center', width: '200px' },
{ title: '客户类型', index: 'customerType', className: 'text-center', width: '100px', type: 'enum', enum: { { title: '已认证货主数', index: 'customerType', className: 'text-center', width: '100px' },
1: '平台客户', { title: '新增合伙人', index: 'customerType', className: 'text-center', width: '100px' },
2: '直客', { title: '合伙人活跃率', index: 'customerType', className: 'text-center', width: '100px' },
3: '渠道客户' { title: '主动合伙人', index: 'customerType', className: 'text-center', width: '100px' },
} { title: '纪念合伙人', index: 'customerType', className: 'text-center', width: '100px' },
}, { title: '流失合伙人', index: 'customerType', className: 'text-center', width: '100px' },
{ title: '业务员', index: 'salesmanName', className: 'text-center', width: '100px' }, { title: '未搭档合伙人', index: 'customerType', className: 'text-center', width: '100px' },
{ title: '合伙人', index: 'partnerName', className: 'text-center', width: '100px' }, { title: '新增货主数', index: 'salesmanName', className: 'text-center', width: '100px' },
{ title: '客户状态', index: 'customerStatus', className: 'text-center', width: '100px', type: 'enum', enum: { { title: '货主活跃率', index: 'partnerName', className: 'text-center', width: '100px' },
1: '未激活', {
2: '沉默', title: '活跃货主数',
3: '流失', index: 'customerStatus',
4: '活跃' className: 'text-center',
} }, width: '100px'
{ title: '订单数', index: 'zsl', className: 'text-center', width: '100px' }, },
{ title: '订单金额', index: 'ddje', className: 'text-right', width: '100px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.ddje }) } }, { title: '纪念货主数', index: 'zsl', className: 'text-center', width: '100px' },
{ title: '应收订单数', index: 'ysdds', className: 'text-center', width: '120px' }, {
{ title: '应收金额', index: 'yingsje', className: 'text-right', width: '100px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yingsje }) } }, title: '货货主数',
{ title: '待开票订单数', index: 'yifyf', className: 'text-center', width: '130px' }, index: 'ddje',
{ title: '待开票金额', index: 'dkpdds', className: 'text-right', width: '120px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.dkpdds }) } }, className: 'text-right',
{ title: '已收金额', index: 'yisje', className: 'text-right', width: '100px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yisje }) } }, width: '100px',
{ title: '应收附加费', index: 'yingsfjf', className: 'text-right', width: '120px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yingsfjf }) } }, },
{ title: '已收附加费', index: 'yisfjf', className: 'text-right', width: '120px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yisfjf }) } }, { title: '未激活货主数', index: 'ysdds', className: 'text-center', width: '120px' }
{ title: '附加费率', index: 'fjfl', className: 'text-center', width: '100px' },
{ title: '已开票金额', index: 'ykpje', className: 'text-right', width: '100px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.ykpje }) } },
]; ];
/** /**
* 查询参数 * 查询参数
*/ */
get reqParams() { get reqParams() {
if(this.mode === 'year') { if (this.mode === 'year') {
this.type = 1 this.type = 1;
} else if(this.mode === 'month') { } else if (this.mode === 'month') {
this.type = 2 this.type = 2;
} else if(this.mode === 'date') { } else if (this.mode === 'date') {
this.type = 3 this.type = 3;
} else { } else {
this.type = 4 this.type = 4;
} }
let params: any = { let params: any = {
time: this.time, time: this.time,
type: this.type, type: this.type,
...this.sf?.value ...this.sf?.value
}; };
delete params._$expand; delete params._$expand;
return { ...params }; return { ...params };
} }
constructor(public service: DataService, private datePipe: DatePipe) { } constructor(public service: DataService, private datePipe: DatePipe) {}
ngOnInit(): void { ngOnInit(): void {
this.initSF(); this.initSF();
} }
/** /**
* 初始化查询表单 * 初始化查询表单
*/ */
initSF() { initSF() {
@ -128,7 +124,7 @@ export class DatatableMancustomtableComponent implements OnInit {
type: 'string', type: 'string',
title: '货主名称', title: '货主名称',
ui: { ui: {
placeholder: '请输入', placeholder: '请输入'
} }
}, },
customerType: { customerType: {
@ -136,12 +132,12 @@ export class DatatableMancustomtableComponent implements OnInit {
title: '客户类型', title: '客户类型',
ui: { ui: {
widget: 'select', widget: 'select',
placeholder: '请选择', placeholder: '请选择'
}, },
enum: [ enum: [
{label: '直客', value: 2}, { label: '直客', value: 2 },
{label: '渠道客户', value: 3}, { label: '渠道客户', value: 3 },
{label: '平台客户', value: 1}, { label: '平台客户', value: 1 }
] ]
}, },
customerStatus: { customerStatus: {
@ -149,50 +145,56 @@ export class DatatableMancustomtableComponent implements OnInit {
title: '客户状态', title: '客户状态',
ui: { ui: {
widget: 'select', widget: 'select',
placeholder: '请选择', placeholder: '请选择'
}, },
enum: [ enum: [
{label: '未激活', value: 1}, { label: '未激活', value: 1 },
{label: '沉默', value: 2}, { label: '沉默', value: 2 },
{label: '流失', value: 3}, { label: '流失', value: 3 },
{label: '活跃', value: 4}, { label: '活跃', value: 4 }
] ]
}, },
registerTime: { registerTime: {
title: '注册时间', title: '注册时间',
type: 'string', type: 'string',
ui: { ui: {
widget: 'sl-from-to', type: 'date', format: 'yyyy-MM-dd', visibleIf: { widget: 'sl-from-to',
_$expand: (value: boolean) => value, type: 'date',
}, format: 'yyyy-MM-dd',
} as SFDateWidgetSchema, visibleIf: {
_$expand: (value: boolean) => value
}
} as SFDateWidgetSchema
} }
}, },
type: 'object' type: 'object'
}; };
this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } }; this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
} }
changeData(){ changeData() {
if(this.mode === 'year') { if (this.mode === 'year') {
this.dateFormat = 'yyyy' this.dateFormat = 'yyyy';
} else if(this.mode === 'month') { } else if (this.mode === 'month') {
this.dateFormat = 'yyyy-MM' this.dateFormat = 'yyyy-MM';
} else { } else {
this.dateFormat = 'yyyy-MM-dd' this.dateFormat = 'yyyy-MM-dd';
} }
} }
onChange(result: any) { onChange(result: any) {
if(result === null) { if (result === null) {
return return;
} }
if(this.mode === 'year') { if (this.mode === 'year') {
this.time = [this.datePipe.transform(this.date, 'yyyy') + '-01-01 00:00:00'] this.time = [this.datePipe.transform(this.date, 'yyyy') + '-01-01 00:00:00'];
} else if(this.mode === 'month') { } else if (this.mode === 'month') {
this.time = [this.datePipe.transform(this.date, 'yyyy-MM') + '-01 00:00:00'] this.time = [this.datePipe.transform(this.date, 'yyyy-MM') + '-01 00:00:00'];
} else if(this.mode === 'date') { } else if (this.mode === 'date') {
this.time = [this.datePipe.transform(this.date, 'yyyy-MM-dd') + ' 00:00:00'] this.time = [this.datePipe.transform(this.date, 'yyyy-MM-dd') + ' 00:00:00'];
} else{ } else {
this.time = [this.datePipe.transform(this.defineDate[0], 'yyyy-MM-dd') + '00:00:00', this.datePipe.transform(this.defineDate[1], 'yyyy-MM-dd') + ' 00:00:00'] this.time = [
this.datePipe.transform(this.defineDate[0], 'yyyy-MM-dd') + '00:00:00',
this.datePipe.transform(this.defineDate[1], 'yyyy-MM-dd') + ' 00:00:00'
];
} }
this.st.reload({ ...this.reqParams }); this.st.reload({ ...this.reqParams });
} }
@ -200,28 +202,27 @@ export class DatatableMancustomtableComponent implements OnInit {
// Can not select days before today and today // Can not select days before today and today
differenceInCalendarDays(current, this.today) > 0; differenceInCalendarDays(current, this.today) > 0;
export() { export() {
// this.service.downloadFile(this.service.$api_exportUploadBill, this.sf.value, {}); // this.service.downloadFile(this.service.$api_exportUploadBill, this.sf.value, {});
}
search() {
this.st?.load(1)
} }
/** search() {
this.st?.load(1);
}
/**
* 伸缩查询条件 * 伸缩查询条件
*/ */
expandToggle() { expandToggle() {
this._$expand = !this._$expand; this._$expand = !this._$expand;
this.sf?.setValue('/_$expand', this._$expand); this.sf?.setValue('/_$expand', this._$expand);
} }
/** /**
* 重置表单 * 重置表单
*/ */
resetSF() { resetSF() {
this.sf.reset(); this.sf.reset();
this._$expand = false; this._$expand = false;
this.isLoading = true this.isLoading = true;
} }
selectChange(e: number) { selectChange(e: number) {
// this.resourceStatus = e; // this.resourceStatus = e;

View File

@ -4,7 +4,7 @@
* @Author : Shiming * @Author : Shiming
* @Date : 2021-12-27 10:30:56 * @Date : 2021-12-27 10:30:56
* @LastEditors : Shiming * @LastEditors : Shiming
* @LastEditTime : 2022-04-15 16:03:46 * @LastEditTime : 2022-04-18 16:37:20
* @FilePath : \\tms-obc-web\\src\\app\\routes\\datatable\\services\\data.service.ts * @FilePath : \\tms-obc-web\\src\\app\\routes\\datatable\\services\\data.service.ts
* Copyright (C) 2022 huzhenhong. All rights reserved. * Copyright (C) 2022 huzhenhong. All rights reserved.
*/ */
@ -88,6 +88,11 @@ export class DataService extends BaseService {
// 客户-合规报表 // 客户-合规报表
$api_listCusComplianceReportPage = `/api/sdc/report/listCusComplianceReportPage`; $api_listCusComplianceReportPage = `/api/sdc/report/listCusComplianceReportPage`;
// 查询业务员报表-客户、合伙人
$api_listPartBusinessReportPage = `/api/sdc/report/listPartBusinessReportPage`;
// 业务员-合规报表
$api_listPartComplianceReportPage = `/api/sdc/report/listPartComplianceReportPage`;
constructor(public injector: Injector) { constructor(public injector: Injector) {