edit
This commit is contained in:
@ -4,7 +4,7 @@
|
|||||||
* @Author : Shiming
|
* @Author : Shiming
|
||||||
* @Date : 2022-03-30 13:55:41
|
* @Date : 2022-03-30 13:55:41
|
||||||
* @LastEditors : Shiming
|
* @LastEditors : Shiming
|
||||||
* @LastEditTime : 2022-04-15 17:13:53
|
* @LastEditTime : 2022-04-15 17:28:46
|
||||||
* @FilePath : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\compliance\\customer\\customer.component.html
|
* @FilePath : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\compliance\\customer\\customer.component.html
|
||||||
* Copyright (C) 2022 huzhenhong. All rights reserved.
|
* Copyright (C) 2022 huzhenhong. All rights reserved.
|
||||||
-->
|
-->
|
||||||
@ -14,7 +14,8 @@
|
|||||||
<div nz-row nzGutter="8">
|
<div nz-row nzGutter="8">
|
||||||
<div nz-col [nzXl]="24" [nzLg]="24" [nzSm]="24" [nzXs]="24">
|
<div nz-col [nzXl]="24" [nzLg]="24" [nzSm]="24" [nzXs]="24">
|
||||||
<sf #sf [schema]="searchSchema" button="none"
|
<sf #sf [schema]="searchSchema" button="none"
|
||||||
[ui]="{ '*': { spanLabelFixed: 110, grid: { xxl:5,xl:8, lg: 8, md: 12, sm: 12, xs: 24 } } }" [compact]="true">
|
[ui]="{ '*': { spanLabelFixed: 0, grid: { xxl:5,xl:4, lg: 8, md: 12, sm: 12, xs: 24,gutter:20 } } }"
|
||||||
|
[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">
|
||||||
<div class="timeBox">
|
<div class="timeBox">
|
||||||
@ -36,9 +37,7 @@
|
|||||||
</sf>
|
</sf>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<st #st multiSort [scroll]="{ x: '2000px' }" [data]="service.$api_listCusComplianceReportPage" [columns]="columns"
|
||||||
<st #st [bordered]="true" [scroll]="{ x: '2000px' }" [data]="service.$api_listCusComplianceReportPage"
|
|
||||||
[columns]="columns"
|
|
||||||
[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: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }" [loading]="false">
|
[page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }" [loading]="false">
|
||||||
|
|||||||
@ -11,4 +11,10 @@
|
|||||||
.dateBox {
|
.dateBox {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin : 0 0 0 10px;
|
margin : 0 0 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:host::ng-deep {
|
||||||
|
.ant-form-item-control {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -5,7 +5,7 @@ import { SFComponent } from '@delon/form';
|
|||||||
* @Author : Shiming
|
* @Author : Shiming
|
||||||
* @Date : 2022-03-30 13:55:41
|
* @Date : 2022-03-30 13:55:41
|
||||||
* @LastEditors : Shiming
|
* @LastEditors : Shiming
|
||||||
* @LastEditTime : 2022-04-15 17:13:03
|
* @LastEditTime : 2022-04-15 17:40:53
|
||||||
* @FilePath : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\compliance\\customer\\customer.component.ts
|
* @FilePath : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\compliance\\customer\\customer.component.ts
|
||||||
* Copyright (C) 2022 huzhenhong. All rights reserved.
|
* Copyright (C) 2022 huzhenhong. All rights reserved.
|
||||||
*/
|
*/
|
||||||
@ -15,6 +15,7 @@ import { SFSchema } from '@delon/form';
|
|||||||
import { ModalHelper, _HttpClient, DatePipe } from '@delon/theme';
|
import { ModalHelper, _HttpClient, DatePipe } from '@delon/theme';
|
||||||
import { DataService } from '../../../services/data.service';
|
import { DataService } from '../../../services/data.service';
|
||||||
import { differenceInCalendarDays } from 'date-fns';
|
import { differenceInCalendarDays } from 'date-fns';
|
||||||
|
import { Placeholder } from '@angular/compiler/src/i18n/i18n_ast';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-datatable-compliance-customer',
|
selector: 'app-datatable-compliance-customer',
|
||||||
@ -36,47 +37,69 @@ export class DatatableComplianceCustomerComponent implements OnInit {
|
|||||||
today = new Date();
|
today = new Date();
|
||||||
searchSchema: SFSchema = {
|
searchSchema: SFSchema = {
|
||||||
properties: {
|
properties: {
|
||||||
no: {
|
customerName: {
|
||||||
type: 'string',
|
type: 'string',
|
||||||
title: '客户名称'
|
title: '',
|
||||||
|
ui: {
|
||||||
|
placeholder: '请输入客户名称',
|
||||||
|
change: (value: any) => {
|
||||||
|
console.log(value);
|
||||||
|
this.st.reload({ ...this.reqParams });
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
},
|
},
|
||||||
no2: {
|
salesmanName: {
|
||||||
type: 'string',
|
type: 'string',
|
||||||
title: '业务员'
|
title: '',
|
||||||
|
ui: {
|
||||||
|
placeholder: '请输入业务员',
|
||||||
|
change: (value: any) => {
|
||||||
|
this.st.reload({ ...this.reqParams });
|
||||||
|
}
|
||||||
|
}
|
||||||
},
|
},
|
||||||
no3: {
|
partnerName: {
|
||||||
type: 'string',
|
type: 'string',
|
||||||
title: '合伙人名称'
|
title: '',
|
||||||
|
ui: {
|
||||||
|
placeholder: '请输入客户名称',
|
||||||
|
change: (value: any) => {
|
||||||
|
console.log(value);
|
||||||
|
this.st.reload({ ...this.reqParams });
|
||||||
|
}
|
||||||
|
}
|
||||||
},
|
},
|
||||||
no4: {
|
no4: {
|
||||||
type: 'string',
|
type: 'string',
|
||||||
title: '',
|
title: '',
|
||||||
ui: {
|
ui: {
|
||||||
class: 'text-right',
|
class: 'custom',
|
||||||
widget: 'custom',
|
widget: 'custom',
|
||||||
grid: { xxl: 9, xl: 24, lg: 24, md: 24, sm: 24, xs: 24 }
|
grid: { xxl: 9, xl: 12, lg: 24, md: 24, sm: 24, xs: 24 }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@ViewChild('st') private readonly st!: STComponent;
|
@ViewChild('st') private readonly st!: STComponent;
|
||||||
columns: STColumn[] = [
|
columns: STColumn[] = [
|
||||||
{ title: '公司名称', index: 'enterpriseName' },
|
{ title: '公司名称',width: '200px', index: 'enterpriseName' ,},
|
||||||
{ title: '注册时间', index: 'registerTime' },
|
{ title: '注册时间', width: '200px', index: 'registerTime',},
|
||||||
{ title: '客户类型', width: '100px', index: 'customerType' },
|
{ title: '客户类型', width: '200px', index: 'customerType' },
|
||||||
{ title: '业务员', index: 'salesmanName' },
|
{ title: '业务员',width: '200px', index: 'salesmanName' },
|
||||||
{ title: '合伙人', index: 'partnerName' },
|
{ title: '合伙人',width: '200px', index: 'partnerName' },
|
||||||
{ title: '订单数', index: 'billCounts' },
|
{ title: '订单数',width: '200px', index: 'billCounts' },
|
||||||
{ title: '订单不合格数', index: 'billQuaCounts' },
|
{ title: '订单不合格数',width: '200px', index: 'billQuaCounts' },
|
||||||
{ title: '订单不合格率', index: 'billQuaCountsPer' },
|
{ title: '订单不合格率',width: '200px', index: 'billQuaCountsPer' },
|
||||||
{ title: '货源单订单数', index: 'gsourceCounts' },
|
{ title: '货源单订单数',width: '200px', index: 'gsourceCounts' },
|
||||||
{ title: '合同单数', index: 'billConCounts' },
|
{ title: '合同单数', width: '200px',index: 'billConCounts' },
|
||||||
{ title: '货源单个', index: 'gsourceCounts' },
|
{ title: '货源单个',width: '200px', index: 'gsourceCounts' },
|
||||||
{ title: '运费直付单数', index: 'freightDirPayCounts' },
|
{ title: '运费直付单数',width: '200px', index: 'freightDirPayCounts' },
|
||||||
{ title: '运费代收单数', index: 'freightRepPayCounts' },
|
{ title: '运费代收单数',width: '200px', index: 'freightRepPayCounts' },
|
||||||
{ title: '手机直付', index: 'updatedAt' },
|
{ title: '手机直付', width: '200px',index: 'updatedAt' },
|
||||||
{ title: '汇款单数', index: 'updatedAt' },
|
{ title: '汇款单数',width: '200px', index: 'updatedAt' },
|
||||||
{ title: '及时付款', index: 'timelyPayPer' }
|
{ title: '及时付款',width: '200px', index: 'timelyPayPer' },
|
||||||
|
|
||||||
];
|
];
|
||||||
|
|
||||||
constructor(private http: _HttpClient, private modal: ModalHelper, public service: DataService, private datePipe: DatePipe) {}
|
constructor(private http: _HttpClient, private modal: ModalHelper, public service: DataService, private datePipe: DatePipe) {}
|
||||||
|
|||||||
@ -60,7 +60,7 @@ export class OrderManagementBulkComponent implements OnInit {
|
|||||||
public shipperservice: ShipperBaseService,
|
public shipperservice: ShipperBaseService,
|
||||||
private router: Router,
|
private router: Router,
|
||||||
private ar: ActivatedRoute,
|
private ar: ActivatedRoute,
|
||||||
) {}
|
) { }
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 查询参数
|
* 查询参数
|
||||||
@ -108,7 +108,7 @@ export class OrderManagementBulkComponent implements OnInit {
|
|||||||
this.loading = false
|
this.loading = false
|
||||||
return data.map(item => ({
|
return data.map(item => ({
|
||||||
...item,
|
...item,
|
||||||
disabled: item.billStatus !== '4'
|
disabled: item.billStatus !== '4'
|
||||||
}));
|
}));
|
||||||
};
|
};
|
||||||
get selectedRows() {
|
get selectedRows() {
|
||||||
@ -185,14 +185,14 @@ export class OrderManagementBulkComponent implements OnInit {
|
|||||||
type: 'string',
|
type: 'string',
|
||||||
title: '订单号',
|
title: '订单号',
|
||||||
ui: {
|
ui: {
|
||||||
placeholder: '最多100个单号,空号隔开',
|
placeholder: '最多100个单号,空号隔开',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
wayBillCode: {
|
wayBillCode: {
|
||||||
type: 'string',
|
type: 'string',
|
||||||
title: '运单号',
|
title: '运单号',
|
||||||
ui: {
|
ui: {
|
||||||
placeholder: '最多100个单号,空号隔开',
|
placeholder: '最多100个单号,空号隔开',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
resourceCode: {
|
resourceCode: {
|
||||||
@ -212,7 +212,7 @@ export class OrderManagementBulkComponent implements OnInit {
|
|||||||
_$expand: (value: boolean) => value
|
_$expand: (value: boolean) => value
|
||||||
},
|
},
|
||||||
onSearch: (q: any) => {
|
onSearch: (q: any) => {
|
||||||
let str =q.replace(/^\s+|\s+$/g,"");
|
let str = q.replace(/^\s+|\s+$/g, "");
|
||||||
if (str) {
|
if (str) {
|
||||||
return this.service
|
return this.service
|
||||||
.request(this.service.$api_enterpriceList, { enterpriseName: str })
|
.request(this.service.$api_enterpriceList, { enterpriseName: str })
|
||||||
@ -469,7 +469,7 @@ export class OrderManagementBulkComponent implements OnInit {
|
|||||||
width: '180px',
|
width: '180px',
|
||||||
className: 'text-left',
|
className: 'text-left',
|
||||||
format: (item: any) =>
|
format: (item: any) =>
|
||||||
`${item?.goodsName}/
|
`${item?.goodsName}/
|
||||||
${item?.weight || '0'}吨/
|
${item?.weight || '0'}吨/
|
||||||
${item?.volume || '0'}方/
|
${item?.volume || '0'}方/
|
||||||
${item?.goodsNumber || '0'}件`
|
${item?.goodsNumber || '0'}件`
|
||||||
@ -559,7 +559,10 @@ export class OrderManagementBulkComponent implements OnInit {
|
|||||||
{
|
{
|
||||||
text: '变更运费',
|
text: '变更运费',
|
||||||
click: _record => this.updateFreight(_record),
|
click: _record => this.updateFreight(_record),
|
||||||
iif: item => item.billStatus !== '1' && item.billStatus !== '6' && item.overallPaymentStatus != '2',
|
iif: _record => {
|
||||||
|
const flag = _record.mybidDetailInfo.find((item: any) => item?.expenseCode === 'TRA' && item?.paymentStatus === '4');
|
||||||
|
return _record.billStatus !== '1' && _record.billStatus !== '6' && !flag;
|
||||||
|
},
|
||||||
acl: { ability: ['ORDER-BULK-FreightChangeBulkDetail'] },
|
acl: { ability: ['ORDER-BULK-FreightChangeBulkDetail'] },
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@ -857,6 +860,6 @@ export class OrderManagementBulkComponent implements OnInit {
|
|||||||
}
|
}
|
||||||
// 导出
|
// 导出
|
||||||
exprot() {
|
exprot() {
|
||||||
this.service.exportStart({ ...this.reqParams, pageSize: -1 },this.service.$api_get_asyncExportBulkList);
|
this.service.exportStart({ ...this.reqParams, pageSize: -1 }, this.service.$api_get_asyncExportBulkList);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user