edit
This commit is contained in:
@ -73,22 +73,29 @@ export class BasicTableComponent implements AfterViewInit, OnDestroy {
|
|||||||
for (let index = 0; index < tabset.length; index++) {
|
for (let index = 0; index < tabset.length; index++) {
|
||||||
tabsetHeight += tabset[index].clientHeight;
|
tabsetHeight += tabset[index].clientHeight;
|
||||||
}
|
}
|
||||||
console.log('tabsetHeight', tabsetHeight);
|
|
||||||
if (tabset) {
|
if (tabset) {
|
||||||
scrollY -= tabsetHeight;
|
scrollY -= tabsetHeight;
|
||||||
}
|
}
|
||||||
// 剔除高度容器
|
// 剔除高度容器
|
||||||
// 计算所有tabs高度
|
|
||||||
const headerBox = document.getElementsByClassName('header_box');
|
const headerBox = document.getElementsByClassName('header_box');
|
||||||
let headerBoxHeight = 0;
|
let headerBoxHeight = 0;
|
||||||
for (let index = 0; index < headerBox.length; index++) {
|
for (let index = 0; index < headerBox.length; index++) {
|
||||||
headerBoxHeight += headerBox[index].clientHeight;
|
headerBoxHeight += headerBox[index].clientHeight;
|
||||||
}
|
}
|
||||||
console.log('headerBoxHeight', headerBoxHeight);
|
|
||||||
|
|
||||||
if (headerBox) {
|
if (headerBox) {
|
||||||
scrollY -= headerBoxHeight;
|
scrollY -= headerBoxHeight;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 剔除高度容器
|
||||||
|
const heightBox = document.getElementsByClassName('height_box');
|
||||||
|
let heightBoxHeight = 0;
|
||||||
|
for (let index = 0; index < heightBox.length; index++) {
|
||||||
|
heightBoxHeight += heightBox[index].clientHeight;
|
||||||
|
}
|
||||||
|
if (heightBox) {
|
||||||
|
scrollY -= heightBoxHeight;
|
||||||
|
}
|
||||||
|
|
||||||
if (typeof this.deviationHeight === 'number') {
|
if (typeof this.deviationHeight === 'number') {
|
||||||
scrollY -= this.deviationHeight;
|
scrollY -= this.deviationHeight;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -137,3 +137,5 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.height_box{}
|
||||||
17
src/app/routes/commom/less/common-table-bar.less
Normal file
17
src/app/routes/commom/less/common-table-bar.less
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
:host::ng-deep {
|
||||||
|
nz-card {
|
||||||
|
margin: -8px -8px 0 !important
|
||||||
|
}
|
||||||
|
|
||||||
|
.height_box {
|
||||||
|
margin-bottom: 18px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.total-footer {
|
||||||
|
position : absolute;
|
||||||
|
bottom : 0px;
|
||||||
|
height : 32px;
|
||||||
|
margin : 4px 8px;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
@ -1,17 +1,10 @@
|
|||||||
<!--
|
<!-- <page-header-wrapper [title]="'应付核销'">
|
||||||
* @Description :
|
</page-header-wrapper> -->
|
||||||
* @Version : 1.0
|
|
||||||
* @Author : Shiming
|
|
||||||
* @Date : 2022-01-14 14:39:04
|
|
||||||
* @LastEditors : Shiming
|
|
||||||
* @LastEditTime : 2022-01-20 16:20:54
|
|
||||||
* @FilePath : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\payable-order\\payable-order.component.html
|
|
||||||
* Copyright (C) 2022 huzhenhong. All rights reserved.
|
|
||||||
-->
|
|
||||||
<page-header-wrapper [title]="'应付核销'">
|
|
||||||
</page-header-wrapper>
|
|
||||||
|
|
||||||
<nz-card>
|
<nz-card class="height_box">
|
||||||
|
<div class="header_box" style="margin-left: -16px; margin-top: -16px;">
|
||||||
|
<label class="page_title"> <label class="driver">|</label> 应付核销</label>
|
||||||
|
</div>
|
||||||
<nz-row [nzGutter]="16">
|
<nz-row [nzGutter]="16">
|
||||||
<nz-col [nzXl]="5" [nzLg]="8" [nzSm]="12">
|
<nz-col [nzXl]="5" [nzLg]="8" [nzSm]="12">
|
||||||
<nz-statistic [nzValue]="((info?.prmoneySum || 0) | currency)+'元' " [nzTitle]="'应付金额'"
|
<nz-statistic [nzValue]="((info?.prmoneySum || 0) | currency)+'元' " [nzTitle]="'应付金额'"
|
||||||
@ -31,7 +24,7 @@
|
|||||||
</nz-row>
|
</nz-row>
|
||||||
</nz-card>
|
</nz-card>
|
||||||
|
|
||||||
<nz-card class="search-box" nzBordered>
|
<!-- <nz-card class="search-box" nzBordered>
|
||||||
<div nz-row nzGutter="8">
|
<div nz-row nzGutter="8">
|
||||||
<div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
|
<div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
|
||||||
<sf #sf [schema]="searchSchema"
|
<sf #sf [schema]="searchSchema"
|
||||||
@ -41,17 +34,22 @@
|
|||||||
<div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
|
<div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
|
||||||
<button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
|
<button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
|
||||||
<button nz-button [disabled]="false" (click)="resetSF()">重置</button>
|
<button nz-button [disabled]="false" (click)="resetSF()">重置</button>
|
||||||
<!-- <button nz-button [disabled]="false"> 导出</button>
|
<button nz-button [disabled]="false"> 导出</button>
|
||||||
<button nz-button [disabled]="false"> 导出核销</button> -->
|
<button nz-button [disabled]="false"> 导出核销</button>
|
||||||
<button nz-button nzType="link" (click)="expandToggle()">
|
<button nz-button nzType="link" (click)="expandToggle()">
|
||||||
{{ !_$expand ? '展开' : '收起' }}
|
{{ !_$expand ? '展开' : '收起' }}
|
||||||
<i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
|
<i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nz-card>
|
</nz-card> -->
|
||||||
|
<nz-card class="table-box">
|
||||||
<nz-card class="content-box" nzBordered>
|
<div class="header_box">
|
||||||
|
<div></div>
|
||||||
|
<div class="mr-sm">
|
||||||
|
<button nz-button nzDanger [nzLoading]="service.http.loading" (click)="openDrawer()">筛选</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<st #st [data]="service.$api_get_fico_ph_page" [columns]="columns" [req]="{ process: beforeReq }" [page]="{}"
|
<st #st [data]="service.$api_get_fico_ph_page" [columns]="columns" [req]="{ process: beforeReq }" [page]="{}"
|
||||||
[loading]="false" [scroll]="{ x:'1200px' }" (change)="stChange($event)">
|
[loading]="false" [scroll]="{ x:'1200px' }" (change)="stChange($event)">
|
||||||
</st>
|
</st>
|
||||||
|
|||||||
@ -3,24 +3,21 @@ import { Component, OnInit, ViewChild } from '@angular/core';
|
|||||||
import { Router } from '@angular/router';
|
import { Router } from '@angular/router';
|
||||||
import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
|
import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
|
||||||
import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
|
import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
|
||||||
|
import { SearchDrawerService } from '@shared';
|
||||||
import { NzModalService } from 'ng-zorro-antd/modal';
|
import { NzModalService } from 'ng-zorro-antd/modal';
|
||||||
|
import { BasicTableComponent } from 'src/app/routes/commom';
|
||||||
import { FreightAccountService } from '../../services/freight-account.service';
|
import { FreightAccountService } from '../../services/freight-account.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-payable-order',
|
selector: 'app-payable-order',
|
||||||
templateUrl: './payable-order.component.html',
|
templateUrl: './payable-order.component.html',
|
||||||
styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less'],
|
styleUrls: ['../../../commom/less/commom-table.less', '../../../commom/less/common-table-bar.less']
|
||||||
providers: [CurrencyPipe]
|
|
||||||
})
|
})
|
||||||
export class PayableOrderComponent implements OnInit {
|
export class PayableOrderComponent extends BasicTableComponent implements OnInit {
|
||||||
@ViewChild('st', { static: true })
|
@ViewChild('st', { static: true })
|
||||||
st!: STComponent;
|
st!: STComponent;
|
||||||
@ViewChild('sf', { static: false })
|
|
||||||
sf!: SFComponent;
|
|
||||||
columns: STColumn[] = this.initST();
|
columns: STColumn[] = this.initST();
|
||||||
searchSchema: SFSchema = this.initSF();
|
schema: SFSchema = this.initSF();
|
||||||
|
|
||||||
_$expand = false;
|
|
||||||
|
|
||||||
selectedRows: any[] = [];
|
selectedRows: any[] = [];
|
||||||
info: any = {};
|
info: any = {};
|
||||||
@ -28,10 +25,15 @@ export class PayableOrderComponent implements OnInit {
|
|||||||
public service: FreightAccountService,
|
public service: FreightAccountService,
|
||||||
private nzModalService: NzModalService,
|
private nzModalService: NzModalService,
|
||||||
private router: Router,
|
private router: Router,
|
||||||
private currencyPipe: CurrencyPipe
|
public searchDrawerService: SearchDrawerService
|
||||||
) {}
|
) {
|
||||||
|
super(searchDrawerService);
|
||||||
|
}
|
||||||
|
|
||||||
ngOnInit(): void {
|
ngOnInit(): void {}
|
||||||
|
|
||||||
|
search() {
|
||||||
|
this.st?.load(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
loadInfo() {
|
loadInfo() {
|
||||||
@ -76,21 +78,6 @@ export class PayableOrderComponent implements OnInit {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* 重置表单
|
|
||||||
*/
|
|
||||||
resetSF() {
|
|
||||||
this.sf.reset();
|
|
||||||
this._$expand = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 伸缩查询条件
|
|
||||||
*/
|
|
||||||
expandToggle() {
|
|
||||||
this._$expand = !this._$expand;
|
|
||||||
this.sf?.setValue('/expand', this._$expand);
|
|
||||||
}
|
|
||||||
|
|
||||||
private initSF(): SFSchema {
|
private initSF(): SFSchema {
|
||||||
return {
|
return {
|
||||||
@ -133,9 +120,6 @@ export class PayableOrderComponent implements OnInit {
|
|||||||
ui: {
|
ui: {
|
||||||
widget: 'select',
|
widget: 'select',
|
||||||
placeholder: '请选择',
|
placeholder: '请选择',
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
cno: {
|
cno: {
|
||||||
@ -146,9 +130,6 @@ export class PayableOrderComponent implements OnInit {
|
|||||||
placeholder: '请选择',
|
placeholder: '请选择',
|
||||||
allowClear: true,
|
allowClear: true,
|
||||||
asyncData: () => this.service.getCloseAccount(),
|
asyncData: () => this.service.getCloseAccount(),
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
driver2IdName: {
|
driver2IdName: {
|
||||||
@ -157,9 +138,6 @@ export class PayableOrderComponent implements OnInit {
|
|||||||
ui: {
|
ui: {
|
||||||
widget: 'select',
|
widget: 'select',
|
||||||
placeholder: '请选择',
|
placeholder: '请选择',
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
sts: {
|
sts: {
|
||||||
@ -172,9 +150,6 @@ export class PayableOrderComponent implements OnInit {
|
|||||||
ui: {
|
ui: {
|
||||||
widget: 'select',
|
widget: 'select',
|
||||||
placeholder: '请选择',
|
placeholder: '请选择',
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
phxdate: {
|
phxdate: {
|
||||||
@ -183,9 +158,6 @@ export class PayableOrderComponent implements OnInit {
|
|||||||
ui: {
|
ui: {
|
||||||
widget: 'sl-from-to-search',
|
widget: 'sl-from-to-search',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd',
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
} as SFDateWidgetSchema
|
} as SFDateWidgetSchema
|
||||||
},
|
},
|
||||||
createTime: {
|
createTime: {
|
||||||
@ -194,9 +166,6 @@ export class PayableOrderComponent implements OnInit {
|
|||||||
ui: {
|
ui: {
|
||||||
widget: 'sl-from-to-search',
|
widget: 'sl-from-to-search',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd',
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
} as SFDateWidgetSchema
|
} as SFDateWidgetSchema
|
||||||
},
|
},
|
||||||
billHCode: {
|
billHCode: {
|
||||||
@ -204,9 +173,6 @@ export class PayableOrderComponent implements OnInit {
|
|||||||
title: '订单号',
|
title: '订单号',
|
||||||
ui: {
|
ui: {
|
||||||
placeholder: '请输入',
|
placeholder: '请输入',
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
feeHCode: {
|
feeHCode: {
|
||||||
@ -214,9 +180,6 @@ export class PayableOrderComponent implements OnInit {
|
|||||||
title: '费用号',
|
title: '费用号',
|
||||||
ui: {
|
ui: {
|
||||||
placeholder: '请输入',
|
placeholder: '请输入',
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
remarks: {
|
remarks: {
|
||||||
@ -225,9 +188,6 @@ export class PayableOrderComponent implements OnInit {
|
|||||||
ui: {
|
ui: {
|
||||||
autocomplete: 'off',
|
autocomplete: 'off',
|
||||||
placeholder: '请选择',
|
placeholder: '请选择',
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -246,15 +206,17 @@ export class PayableOrderComponent implements OnInit {
|
|||||||
title: '核销金额',
|
title: '核销金额',
|
||||||
index: 'phxmoney',
|
index: 'phxmoney',
|
||||||
width: 140,
|
width: 140,
|
||||||
|
type: 'widget',
|
||||||
className: 'text-right',
|
className: 'text-right',
|
||||||
format: item => `${this.currencyPipe.transform(item.phxmoney || 0)}`
|
widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.phxmoney }) }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '应付金额',
|
title: '应付金额',
|
||||||
index: 'prmoney',
|
index: 'prmoney',
|
||||||
width: 140,
|
width: 140,
|
||||||
|
type: 'widget',
|
||||||
className: 'text-right',
|
className: 'text-right',
|
||||||
format: item => `${this.currencyPipe.transform(item.prmoney || 0)}`
|
widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.prmoney }) }
|
||||||
},
|
},
|
||||||
{ title: '银行类型', index: 'banktype', type: 'enum', enum: { '1': '平安', '2': '浦发' }, width: 120 },
|
{ title: '银行类型', index: 'banktype', type: 'enum', enum: { '1': '平安', '2': '浦发' }, width: 120 },
|
||||||
{ title: '付款类型', index: 'brmtype', type: 'enum', enum: { '1': '费用款项' }, width: 120 },
|
{ title: '付款类型', index: 'brmtype', type: 'enum', enum: { '1': '费用款项' }, width: 120 },
|
||||||
|
|||||||
@ -1,7 +1,10 @@
|
|||||||
<page-header-wrapper title="平台账户">
|
<!-- <page-header-wrapper title="平台账户">
|
||||||
</page-header-wrapper>
|
</page-header-wrapper> -->
|
||||||
|
|
||||||
<nz-card>
|
<nz-card class="height_box">
|
||||||
|
<div class="header_box" style="margin-left: -16px; margin-top: -16px;">
|
||||||
|
<label class="page_title"> <label class="driver">|</label> 平台账户</label>
|
||||||
|
</div>
|
||||||
<nz-row [nzGutter]="16">
|
<nz-row [nzGutter]="16">
|
||||||
<nz-col [nzXl]="4" [nzLg]="6" [nzSm]="12">
|
<nz-col [nzXl]="4" [nzLg]="6" [nzSm]="12">
|
||||||
<nz-statistic [nzValue]="((info.availableBalance |currency:' ') || 0)+'元'" nzTitle="平台账户余额"
|
<nz-statistic [nzValue]="((info.availableBalance |currency:' ') || 0)+'元'" nzTitle="平台账户余额"
|
||||||
@ -36,10 +39,10 @@
|
|||||||
</nz-row>
|
</nz-row>
|
||||||
</nz-card>
|
</nz-card>
|
||||||
|
|
||||||
<nz-card class="search-box">
|
<!-- <nz-card class="search-box">
|
||||||
<div nz-row nzGutter="8">
|
<div nz-row nzGutter="8">
|
||||||
<div nz-col [nzXl]="18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
|
<div nz-col [nzXl]="18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
|
||||||
<sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 110,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}"
|
<sf #sf [schema]="schema" [ui]="{ '*': { spanLabelFixed: 110,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}"
|
||||||
[compact]="true" [button]="'none'"></sf>
|
[compact]="true" [button]="'none'"></sf>
|
||||||
</div>
|
</div>
|
||||||
<div nz-col [nzXl]="6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
|
<div nz-col [nzXl]="6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
|
||||||
@ -48,9 +51,16 @@
|
|||||||
<button nz-button (click)="exportList()"> 导出</button>
|
<button nz-button (click)="exportList()"> 导出</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nz-card>
|
</nz-card> -->
|
||||||
|
|
||||||
<nz-card class="content-box">
|
<nz-card class="table-box">
|
||||||
|
<div class="header_box">
|
||||||
|
<div></div>
|
||||||
|
<div class="mr-sm">
|
||||||
|
<button nz-button nzDanger [nzLoading]="service.http.loading" (click)="openDrawer()">筛选</button>
|
||||||
|
<button nz-button nzDanger (click)="exportList()"> 导出</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<st #st [data]="service.$api_get_platform_account_page" [columns]="columns" [req]="{ process: beforeReq }"
|
<st #st [data]="service.$api_get_platform_account_page" [columns]="columns" [req]="{ process: beforeReq }"
|
||||||
[page]="{}" [scroll]="{ x: '1200px' }" [loading]="service.http.loading">
|
[page]="{}" [scroll]="{ x: '1200px' }" [loading]="service.http.loading">
|
||||||
</st>
|
</st>
|
||||||
|
|||||||
@ -2,7 +2,9 @@ import { Component, OnInit, ViewChild } from '@angular/core';
|
|||||||
import { Router } from '@angular/router';
|
import { Router } from '@angular/router';
|
||||||
import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
|
import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
|
||||||
import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
|
import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
|
||||||
|
import { SearchDrawerService } from '@shared';
|
||||||
import { NzModalService } from 'ng-zorro-antd/modal';
|
import { NzModalService } from 'ng-zorro-antd/modal';
|
||||||
|
import { BasicTableComponent } from 'src/app/routes/commom';
|
||||||
import { FreightAccountService } from '../../services/freight-account.service';
|
import { FreightAccountService } from '../../services/freight-account.service';
|
||||||
import { CwcBankCardManagementBindComponent } from '../bank-card-management/bind/bind.component';
|
import { CwcBankCardManagementBindComponent } from '../bank-card-management/bind/bind.component';
|
||||||
import { CwcAccountManagementWithdrawDepositComponent } from './withdraw-deposit/withdraw-deposit.component';
|
import { CwcAccountManagementWithdrawDepositComponent } from './withdraw-deposit/withdraw-deposit.component';
|
||||||
@ -10,14 +12,12 @@ import { CwcAccountManagementWithdrawDepositComponent } from './withdraw-deposit
|
|||||||
@Component({
|
@Component({
|
||||||
selector: 'app-platform-account',
|
selector: 'app-platform-account',
|
||||||
templateUrl: './platform-account.component.html',
|
templateUrl: './platform-account.component.html',
|
||||||
styleUrls: ['../../../commom/less/box.less']
|
styleUrls: ['../../../commom/less/commom-table.less', '../../../commom/less/common-table-bar.less']
|
||||||
})
|
})
|
||||||
export class PlatformAccountComponent implements OnInit {
|
export class PlatformAccountComponent extends BasicTableComponent implements OnInit {
|
||||||
@ViewChild('st', { static: true })
|
@ViewChild('st', { static: true })
|
||||||
st!: STComponent;
|
st!: STComponent;
|
||||||
@ViewChild('sf', { static: false })
|
schema: SFSchema = this.initSF();
|
||||||
sf!: SFComponent;
|
|
||||||
searchSchema: SFSchema = this.initSF();
|
|
||||||
columns: STColumn[] = this.initST();
|
columns: STColumn[] = this.initST();
|
||||||
|
|
||||||
info: any = {};
|
info: any = {};
|
||||||
@ -27,11 +27,16 @@ export class PlatformAccountComponent implements OnInit {
|
|||||||
public service: FreightAccountService,
|
public service: FreightAccountService,
|
||||||
private router: Router,
|
private router: Router,
|
||||||
private nzModalService: NzModalService,
|
private nzModalService: NzModalService,
|
||||||
public modal: NzModalService
|
public modal: NzModalService,
|
||||||
) {}
|
public searchDrawerService: SearchDrawerService
|
||||||
|
) {
|
||||||
|
super(searchDrawerService);
|
||||||
|
}
|
||||||
|
|
||||||
ngOnInit(): void {
|
ngOnInit(): void {}
|
||||||
this.loadInfo();
|
|
||||||
|
search() {
|
||||||
|
this.st?.load(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
beforeReq = (requestOptions: STRequestOptions) => {
|
beforeReq = (requestOptions: STRequestOptions) => {
|
||||||
@ -39,6 +44,7 @@ export class PlatformAccountComponent implements OnInit {
|
|||||||
Object.assign(requestOptions.body, { ...this.sf?.value });
|
Object.assign(requestOptions.body, { ...this.sf?.value });
|
||||||
}
|
}
|
||||||
this.loadStatistics(requestOptions.body);
|
this.loadStatistics(requestOptions.body);
|
||||||
|
this.loadInfo();
|
||||||
return requestOptions;
|
return requestOptions;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@ -1,16 +1,29 @@
|
|||||||
<!--
|
<!-- <page-header-wrapper [title]="'应收核销'"> </page-header-wrapper> -->
|
||||||
* @Description :
|
|
||||||
* @Version : 1.0
|
|
||||||
* @Author : Shiming
|
|
||||||
* @Date : 2022-01-14 14:39:04
|
|
||||||
* @LastEditors : Shiming
|
|
||||||
* @LastEditTime : 2022-01-20 16:20:10
|
|
||||||
* @FilePath : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\receivable-order\\receivable-order.component.html
|
|
||||||
* Copyright (C) 2022 huzhenhong. All rights reserved.
|
|
||||||
-->
|
|
||||||
<page-header-wrapper [title]="'应收核销'"> </page-header-wrapper>
|
|
||||||
|
|
||||||
<nz-card>
|
<!-- <nz-card class="search-box" nzBordered>
|
||||||
|
<div nz-row nzGutter="8">
|
||||||
|
<div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
|
||||||
|
<sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 110, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } }"
|
||||||
|
[compact]="true" [button]="'none'"></sf>
|
||||||
|
</div>
|
||||||
|
<div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right"
|
||||||
|
[class.expend-options]="_$expand">
|
||||||
|
<button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
|
||||||
|
<button nz-button [disabled]="false" (click)="resetSF()">重置</button>
|
||||||
|
<button nz-button [disabled]="false"> 导出</button>
|
||||||
|
<button nz-button [disabled]="false"> 导出核销</button>
|
||||||
|
<button nz-button nzType="link" (click)="expandToggle()">
|
||||||
|
{{ !_$expand ? '展开' : '收起' }}
|
||||||
|
<i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nz-card> -->
|
||||||
|
|
||||||
|
<nz-card class="height_box">
|
||||||
|
<div class="header_box" style="margin-left: -16px; margin-top: -16px;">
|
||||||
|
<label class="page_title"> <label class="driver">|</label> 应收核销</label>
|
||||||
|
</div>
|
||||||
<nz-row [nzGutter]="16">
|
<nz-row [nzGutter]="16">
|
||||||
<nz-col [nzXl]="5" [nzLg]="8" [nzSm]="12">
|
<nz-col [nzXl]="5" [nzLg]="8" [nzSm]="12">
|
||||||
<nz-statistic [nzValue]="((info?.armoneySum || 0) | currency)+'元' " [nzTitle]="'应收金额'"
|
<nz-statistic [nzValue]="((info?.armoneySum || 0) | currency)+'元' " [nzTitle]="'应收金额'"
|
||||||
@ -30,28 +43,15 @@
|
|||||||
</nz-row>
|
</nz-row>
|
||||||
</nz-card>
|
</nz-card>
|
||||||
|
|
||||||
<nz-card class="search-box" nzBordered>
|
<nz-card class="table-box">
|
||||||
<div nz-row nzGutter="8">
|
<div class="header_box">
|
||||||
<div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
|
<div></div>
|
||||||
<sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 110, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } }"
|
<div class="mr-sm">
|
||||||
[compact]="true" [button]="'none'"></sf>
|
<button nz-button nzDanger [nzLoading]="service.http.loading" (click)="openDrawer()">筛选</button>
|
||||||
</div>
|
|
||||||
<div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right"
|
|
||||||
[class.expend-options]="_$expand">
|
|
||||||
<button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
|
|
||||||
<button nz-button [disabled]="false" (click)="resetSF()">重置</button>
|
|
||||||
<!-- <button nz-button [disabled]="false"> 导出</button>
|
|
||||||
<button nz-button [disabled]="false"> 导出核销</button> -->
|
|
||||||
<button nz-button nzType="link" (click)="expandToggle()">
|
|
||||||
{{ !_$expand ? '展开' : '收起' }}
|
|
||||||
<i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nz-card>
|
|
||||||
|
|
||||||
<nz-card class="content-box" nzBordered>
|
|
||||||
<st #st [data]="service.$api_get_fico_page" [columns]="columns" [req]="{ process: beforeReq }" [page]="{}"
|
<st #st [data]="service.$api_get_fico_page" [columns]="columns" [req]="{ process: beforeReq }" [page]="{}"
|
||||||
[loading]="false" [scroll]="{ x: '1200px' }" (change)="stChange($event)">
|
[loading]="false" [scroll]="{ x: '1200px',y:scrollY }" (change)="stChange($event)">
|
||||||
</st>
|
</st>
|
||||||
</nz-card>
|
</nz-card>
|
||||||
@ -3,25 +3,22 @@ import { Component, OnInit, ViewChild } from '@angular/core';
|
|||||||
import { Router } from '@angular/router';
|
import { Router } from '@angular/router';
|
||||||
import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
|
import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
|
||||||
import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
|
import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
|
||||||
|
import { SearchDrawerService } from '@shared';
|
||||||
import { NzModalService } from 'ng-zorro-antd/modal';
|
import { NzModalService } from 'ng-zorro-antd/modal';
|
||||||
|
import { BasicTableComponent } from 'src/app/routes/commom';
|
||||||
import { TicketService } from 'src/app/routes/ticket-management/services/ticket.service';
|
import { TicketService } from 'src/app/routes/ticket-management/services/ticket.service';
|
||||||
import { FreightAccountService } from '../../services/freight-account.service';
|
import { FreightAccountService } from '../../services/freight-account.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-receivable-order',
|
selector: 'app-receivable-order',
|
||||||
templateUrl: './receivable-order.component.html',
|
templateUrl: './receivable-order.component.html',
|
||||||
styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less'],
|
styleUrls: ['../../../commom/less/commom-table.less','../../../commom/less/common-table-bar.less']
|
||||||
providers: [CurrencyPipe]
|
|
||||||
})
|
})
|
||||||
export class ReceivableOrderComponent implements OnInit {
|
export class ReceivableOrderComponent extends BasicTableComponent implements OnInit {
|
||||||
@ViewChild('st', { static: true })
|
@ViewChild('st', { static: true })
|
||||||
st!: STComponent;
|
st!: STComponent;
|
||||||
@ViewChild('sf', { static: false })
|
|
||||||
sf!: SFComponent;
|
|
||||||
columns: STColumn[] = this.initST();
|
columns: STColumn[] = this.initST();
|
||||||
searchSchema: SFSchema = this.initSF();
|
schema: SFSchema = this.initSF();
|
||||||
|
|
||||||
_$expand = false;
|
|
||||||
|
|
||||||
selectedRows: any[] = [];
|
selectedRows: any[] = [];
|
||||||
|
|
||||||
@ -30,10 +27,15 @@ export class ReceivableOrderComponent implements OnInit {
|
|||||||
public service: FreightAccountService,
|
public service: FreightAccountService,
|
||||||
private nzModalService: NzModalService,
|
private nzModalService: NzModalService,
|
||||||
private router: Router,
|
private router: Router,
|
||||||
private currencyPipe: CurrencyPipe
|
public searchDrawerService: SearchDrawerService
|
||||||
) {}
|
) {
|
||||||
|
super(searchDrawerService);
|
||||||
|
}
|
||||||
|
|
||||||
ngOnInit(): void {
|
ngOnInit(): void {}
|
||||||
|
|
||||||
|
search() {
|
||||||
|
this.st?.load(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
loadInfo() {
|
loadInfo() {
|
||||||
@ -78,21 +80,6 @@ export class ReceivableOrderComponent implements OnInit {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* 重置表单
|
|
||||||
*/
|
|
||||||
resetSF() {
|
|
||||||
this.sf.reset();
|
|
||||||
this._$expand = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 伸缩查询条件
|
|
||||||
*/
|
|
||||||
expandToggle() {
|
|
||||||
this._$expand = !this._$expand;
|
|
||||||
this.sf?.setValue('/expand', this._$expand);
|
|
||||||
}
|
|
||||||
|
|
||||||
private initSF(): SFSchema {
|
private initSF(): SFSchema {
|
||||||
return {
|
return {
|
||||||
@ -135,9 +122,6 @@ export class ReceivableOrderComponent implements OnInit {
|
|||||||
widget: 'dict-select',
|
widget: 'dict-select',
|
||||||
params: { dictKey: 'driverrecord:receive:type' },
|
params: { dictKey: 'driverrecord:receive:type' },
|
||||||
placeholder: '请选择',
|
placeholder: '请选择',
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
arvattype: {
|
arvattype: {
|
||||||
@ -147,9 +131,6 @@ export class ReceivableOrderComponent implements OnInit {
|
|||||||
widget: 'dict-select',
|
widget: 'dict-select',
|
||||||
params: { dictKey: 'pay:type' },
|
params: { dictKey: 'pay:type' },
|
||||||
placeholder: '请选择',
|
placeholder: '请选择',
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
cno: {
|
cno: {
|
||||||
@ -160,9 +141,6 @@ export class ReceivableOrderComponent implements OnInit {
|
|||||||
placeholder: '请选择',
|
placeholder: '请选择',
|
||||||
allowClear: true,
|
allowClear: true,
|
||||||
asyncData: () => this.service.getCloseAccount(),
|
asyncData: () => this.service.getCloseAccount(),
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
arto: {
|
arto: {
|
||||||
@ -175,9 +153,6 @@ export class ReceivableOrderComponent implements OnInit {
|
|||||||
searchLoadingText: '搜索中...',
|
searchLoadingText: '搜索中...',
|
||||||
allowClear: true,
|
allowClear: true,
|
||||||
onSearch: (q: any) => this.service.getEnterpriceList({ enterpriseName: q }),
|
onSearch: (q: any) => this.service.getEnterpriceList({ enterpriseName: q }),
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
sts: {
|
sts: {
|
||||||
@ -190,9 +165,7 @@ export class ReceivableOrderComponent implements OnInit {
|
|||||||
ui: {
|
ui: {
|
||||||
widget: 'select',
|
widget: 'select',
|
||||||
placeholder: '请选择',
|
placeholder: '请选择',
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
banktype: {
|
banktype: {
|
||||||
@ -206,9 +179,7 @@ export class ReceivableOrderComponent implements OnInit {
|
|||||||
ui: {
|
ui: {
|
||||||
widget: 'select',
|
widget: 'select',
|
||||||
placeholder: '请选择',
|
placeholder: '请选择',
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
default: ''
|
default: ''
|
||||||
},
|
},
|
||||||
@ -218,9 +189,7 @@ export class ReceivableOrderComponent implements OnInit {
|
|||||||
ui: {
|
ui: {
|
||||||
widget: 'sl-from-to-search',
|
widget: 'sl-from-to-search',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd',
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
} as SFDateWidgetSchema
|
} as SFDateWidgetSchema
|
||||||
},
|
},
|
||||||
createTime: {
|
createTime: {
|
||||||
@ -229,9 +198,6 @@ export class ReceivableOrderComponent implements OnInit {
|
|||||||
ui: {
|
ui: {
|
||||||
widget: 'sl-from-to-search',
|
widget: 'sl-from-to-search',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd',
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
} as SFDateWidgetSchema
|
} as SFDateWidgetSchema
|
||||||
},
|
},
|
||||||
billHCode: {
|
billHCode: {
|
||||||
@ -239,9 +205,6 @@ export class ReceivableOrderComponent implements OnInit {
|
|||||||
title: '订单号',
|
title: '订单号',
|
||||||
ui: {
|
ui: {
|
||||||
placeholder: '请输入',
|
placeholder: '请输入',
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// orderS3: {
|
// orderS3: {
|
||||||
@ -260,9 +223,6 @@ export class ReceivableOrderComponent implements OnInit {
|
|||||||
ui: {
|
ui: {
|
||||||
autocomplete: 'off',
|
autocomplete: 'off',
|
||||||
placeholder: '请选择',
|
placeholder: '请选择',
|
||||||
visibleIf: {
|
|
||||||
expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -282,15 +242,17 @@ export class ReceivableOrderComponent implements OnInit {
|
|||||||
title: '核销金额',
|
title: '核销金额',
|
||||||
index: 'ahxmoney',
|
index: 'ahxmoney',
|
||||||
width: 140,
|
width: 140,
|
||||||
|
type: 'widget',
|
||||||
className: 'text-right',
|
className: 'text-right',
|
||||||
format: item => `${this.currencyPipe.transform(item.ahxmoney)}`
|
widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.ahxmoney }) }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '应收金额',
|
title: '应收金额',
|
||||||
index: 'armoney',
|
index: 'armoney',
|
||||||
width: 140,
|
width: 140,
|
||||||
|
type: 'widget',
|
||||||
className: 'text-right',
|
className: 'text-right',
|
||||||
format: item => `${this.currencyPipe.transform(item.armoney)}`
|
widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.armoney }) }
|
||||||
},
|
},
|
||||||
{ title: '银行类型', index: 'banktype', type: 'enum', enum: { '1': '平安', '2': '浦发' }, width: 120 },
|
{ title: '银行类型', index: 'banktype', type: 'enum', enum: { '1': '平安', '2': '浦发' }, width: 120 },
|
||||||
{ title: '收款类型', index: 'arvattype', type: 'enum', enum: { '1': '费用款项' }, width: 120 },
|
{ title: '收款类型', index: 'arvattype', type: 'enum', enum: { '1': '费用款项' }, width: 120 },
|
||||||
|
|||||||
Reference in New Issue
Block a user