UI
This commit is contained in:
@ -1,9 +1,7 @@
|
|||||||
import { Component, OnInit, ViewChild } from '@angular/core';
|
import { Component, OnInit, ViewChild } from '@angular/core';
|
||||||
import { ActivatedRoute, Router } from '@angular/router';
|
import { STChange, STColumn, STComponent } from '@delon/abc/st';
|
||||||
import { STChange, STColumn, STComponent, STData } from '@delon/abc/st';
|
import { SFDateWidgetSchema } from '@delon/form';
|
||||||
import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
|
|
||||||
import { SearchDrawerService } from '@shared';
|
import { SearchDrawerService } from '@shared';
|
||||||
import { NzModalService } from 'ng-zorro-antd/modal';
|
|
||||||
import { BasicTableComponent } from 'src/app/routes/commom';
|
import { BasicTableComponent } from 'src/app/routes/commom';
|
||||||
import { TaxManagementService } from '../../services/tax-management.service';
|
import { TaxManagementService } from '../../services/tax-management.service';
|
||||||
|
|
||||||
@ -92,7 +90,7 @@ export class TaxManagementIndividualCollectComponent extends BasicTableComponent
|
|||||||
ui: {
|
ui: {
|
||||||
widget: 'sl-from-to',
|
widget: 'sl-from-to',
|
||||||
type: 'date',
|
type: 'date',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd'
|
||||||
} as SFDateWidgetSchema
|
} as SFDateWidgetSchema
|
||||||
},
|
},
|
||||||
nsrmc: {
|
nsrmc: {
|
||||||
|
|||||||
@ -1,17 +1,5 @@
|
|||||||
<!--
|
<!-- <page-header-wrapper [title]="''"></page-header-wrapper>
|
||||||
* @Description :
|
|
||||||
* @Version : 1.0
|
|
||||||
* @Author : Shiming
|
|
||||||
* @Date : 2022-03-30 14:00:43
|
|
||||||
* @LastEditors : Shiming
|
|
||||||
* @LastEditTime : 2022-04-19 19:11:08
|
|
||||||
* @FilePath : \\tms-obc-web\\src\\app\\routes\\tax-management\\components\\individual-declare\\individual-declare.component.html
|
|
||||||
* Copyright (C) 2022 huzhenhong. All rights reserved.
|
|
||||||
-->
|
|
||||||
<page-header-wrapper [title]="''"></page-header-wrapper>
|
|
||||||
|
|
||||||
<nz-card>
|
<nz-card>
|
||||||
<!-- 搜索表单 -->
|
|
||||||
<div nz-row nzGutter="8">
|
<div nz-row nzGutter="8">
|
||||||
<div nz-col [nzSpan]="_$expand ? 24 : 18">
|
<div nz-col [nzSpan]="_$expand ? 24 : 18">
|
||||||
<sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
|
<sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
|
||||||
@ -27,16 +15,19 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nz-card>
|
</nz-card> -->
|
||||||
<nz-card>
|
|
||||||
<nz-tabset [nzTabBarExtraContent]="extraTemplate" *ngIf="tabs.length > 0">
|
<nz-card class="table-box">
|
||||||
<nz-tab *ngFor="let tab of tabs" [nzTitle]="tab.name" (nzSelect)="selectChange(tab)"> </nz-tab>
|
<div class="tab_header">
|
||||||
</nz-tabset>
|
<label class="page_title"> <label class="driver">|</label> 税务申报</label>
|
||||||
|
<nz-tabset [nzTabBarExtraContent]="extraTemplate">
|
||||||
|
<nz-tab *ngFor="let tab of tabs" [nzTitle]="tab.name" (nzSelect)="selectChange(tab)"> </nz-tab>
|
||||||
|
</nz-tabset>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- 数据列表 -->
|
<!-- 数据列表 -->
|
||||||
<st #st [scroll]="{ x: '1200px' }" [data]="service.$api_get_taxDeclaration" [columns]="columns"
|
<st #st [scroll]="{ x: '1200px',y:scrollY }" [data]="service.$api_get_taxDeclaration" [columns]="columns"
|
||||||
[req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
|
[req]="{ params: reqParams }" [page]="{ }" [loading]="false">
|
||||||
[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="orderStatus" let-item let-index="index">
|
||||||
<a (click)="viewAuditResult(item)" *ngIf="item?.billStatus === '2'">{{ item?.billStatusLabel }}</a>
|
<a (click)="viewAuditResult(item)" *ngIf="item?.billStatus === '2'">{{ item?.billStatusLabel }}</a>
|
||||||
<span *ngIf="item?.billStatus !== '2'">{{ item?.billStatusLabel }}</span>
|
<span *ngIf="item?.billStatus !== '2'">{{ item?.billStatusLabel }}</span>
|
||||||
@ -58,10 +49,28 @@
|
|||||||
已选择
|
已选择
|
||||||
<strong class="text-red">{{ selectedRows.length }}</strong> 条数据
|
<strong class="text-red">{{ selectedRows.length }}</strong> 条数据
|
||||||
</div>
|
</div>
|
||||||
<button nz-button nzType="primary" (click)="upload()" acl [acl-ability]="['TAX-DECLARE-declare']">申报</button>
|
<button nz-button nzDanger [nzLoading]="service.http.loading" acl [acl-ability]="['TAX-DECLARE-search']"
|
||||||
<button nz-button nzType="primary" (click)="recall()" acl [acl-ability]="['TAX-DECLARE-change']">更正</button>
|
(click)="openDrawer()">筛选</button>
|
||||||
<button nz-button nzType="primary" (click)="uploadSetting()" acl [acl-ability]="['TAX-DECLARE-threshold']">修改起征点</button>
|
<button nz-button nzDanger acl [acl-ability]="['TAX-DECLARE-export']"> 导出</button>
|
||||||
<button nz-button nzType="primary" (click)="resetData()" acl [acl-ability]="['TAX-DECLARE-resetData']">更新数据</button>
|
<button nz-button nz-dropdown [nzDropdownMenu]="menu" nzPlacement="bottomLeft">
|
||||||
|
更多<i nz-icon nzType="down" nzTheme="outline"></i></button>
|
||||||
|
<nz-dropdown-menu #menu="nzDropdownMenu">
|
||||||
|
<ul nz-menu>
|
||||||
|
<li nz-menu-item (click)="upload()" acl [acl-ability]="['TAX-DECLARE-declare']">
|
||||||
|
申报
|
||||||
|
</li>
|
||||||
|
<li nz-menu-item (click)="recall()" acl [acl-ability]="['TAX-DECLARE-change']">
|
||||||
|
更正
|
||||||
|
</li>
|
||||||
|
<li nz-menu-item (click)="uploadSetting()" acl [acl-ability]="['TAX-DECLARE-threshold']">
|
||||||
|
修改起征点
|
||||||
|
</li>
|
||||||
|
<li nz-menu-item (click)="resetData()" acl [acl-ability]="['TAX-DECLARE-resetData']">
|
||||||
|
更新数据
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nz-dropdown-menu>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|
||||||
|
|||||||
@ -1,5 +0,0 @@
|
|||||||
:host {
|
|
||||||
.text-black {
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,34 +0,0 @@
|
|||||||
/*
|
|
||||||
* @Description :
|
|
||||||
* @Version : 1.0
|
|
||||||
* @Author : Shiming
|
|
||||||
* @Date : 2022-03-30 14:45:52
|
|
||||||
* @LastEditors : Shiming
|
|
||||||
* @LastEditTime : 2022-03-31 10:36:54
|
|
||||||
* @FilePath : \\tms-obc-web\\src\\app\\routes\\tax-management\\components\\individual-declare\\individual-declare.component.spec.ts
|
|
||||||
* Copyright (C) 2022 huzhenhong. All rights reserved.
|
|
||||||
*/
|
|
||||||
import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
import { TaxManagementIndividualDeclareComponent } from './individual-declare.component';
|
|
||||||
|
|
||||||
describe('TaxManagementIndividualDeclareComponent', () => {
|
|
||||||
let component: TaxManagementIndividualDeclareComponent;
|
|
||||||
let fixture: ComponentFixture<TaxManagementIndividualDeclareComponent>;
|
|
||||||
|
|
||||||
beforeEach(waitForAsync(() => {
|
|
||||||
TestBed.configureTestingModule({
|
|
||||||
declarations: [ TaxManagementIndividualDeclareComponent ]
|
|
||||||
})
|
|
||||||
.compileComponents();
|
|
||||||
}));
|
|
||||||
|
|
||||||
beforeEach(() => {
|
|
||||||
fixture = TestBed.createComponent(TaxManagementIndividualDeclareComponent);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,27 +1,20 @@
|
|||||||
import { Component, OnInit, ViewChild } from '@angular/core';
|
import { Component, OnInit, ViewChild } from '@angular/core';
|
||||||
import { ActivatedRoute, Router } from '@angular/router';
|
import { ActivatedRoute, Router } from '@angular/router';
|
||||||
import { STColumn, STComponent, STData } from '@delon/abc/st';
|
import { STColumn, STComponent, STData } from '@delon/abc/st';
|
||||||
import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
|
import { SFDateWidgetSchema } from '@delon/form';
|
||||||
import { ShipperBaseService } from '@shared';
|
import { SearchDrawerService } from '@shared';
|
||||||
import { NzModalService } from 'ng-zorro-antd/modal';
|
import { NzModalService } from 'ng-zorro-antd/modal';
|
||||||
import { of } from 'rxjs';
|
import { BasicTableComponent } from 'src/app/routes/commom';
|
||||||
import { map } from 'rxjs/operators';
|
|
||||||
import { TaxManagementService } from '../../services/tax-management.service';
|
import { TaxManagementService } from '../../services/tax-management.service';
|
||||||
// import { DatatableReportingUploadSettingComponent } from '../upload-setting/upload-setting.component';
|
|
||||||
// import { DatatableReportingVerifyResultComponent } from '../verify-result/verify-result.component';
|
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-tax-management-individual-declare',
|
selector: 'app-tax-management-individual-declare',
|
||||||
templateUrl: './individual-declare.component.html',
|
templateUrl: './individual-declare.component.html',
|
||||||
styleUrls: ['./individual-declare.component.less']
|
styleUrls: ['../../../commom/less/commom-table.less']
|
||||||
})
|
})
|
||||||
export class TaxManagementIndividualDeclareComponent implements OnInit {
|
export class TaxManagementIndividualDeclareComponent extends BasicTableComponent implements OnInit {
|
||||||
_$expand = false;
|
|
||||||
ui!: SFUISchema;
|
|
||||||
schema!: SFSchema;
|
|
||||||
columns!: STColumn[];
|
columns!: STColumn[];
|
||||||
@ViewChild('st', { static: false }) st!: STComponent;
|
@ViewChild('st', { static: false }) st!: STComponent;
|
||||||
@ViewChild('sf', { static: false }) sf!: SFComponent;
|
|
||||||
tabType!: string;
|
tabType!: string;
|
||||||
tabs: any[] = [
|
tabs: any[] = [
|
||||||
{ name: '待申报', value: '0' },
|
{ name: '待申报', value: '0' },
|
||||||
@ -37,16 +30,10 @@ export class TaxManagementIndividualDeclareComponent implements OnInit {
|
|||||||
public service: TaxManagementService,
|
public service: TaxManagementService,
|
||||||
private router: Router,
|
private router: Router,
|
||||||
private ar: ActivatedRoute,
|
private ar: ActivatedRoute,
|
||||||
public shipperservice: ShipperBaseService,
|
|
||||||
private modal: NzModalService,
|
private modal: NzModalService,
|
||||||
public shipperSrv: ShipperBaseService
|
public searchDrawerService: SearchDrawerService
|
||||||
) {}
|
) {
|
||||||
|
super(searchDrawerService);
|
||||||
/**
|
|
||||||
* 查询字段个数
|
|
||||||
*/
|
|
||||||
get queryFieldCount(): number {
|
|
||||||
return Object.keys(this.schema?.properties || {}).length;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -70,21 +57,6 @@ export class TaxManagementIndividualDeclareComponent implements OnInit {
|
|||||||
return this.st?.list.filter((item: any) => item.checked) || [];
|
return this.st?.list.filter((item: any) => item.checked) || [];
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* 伸缩查询条件
|
|
||||||
*/
|
|
||||||
expandToggle() {
|
|
||||||
this._$expand = !this._$expand;
|
|
||||||
this.sf?.setValue('/_$expand', this._$expand);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 重置表单
|
|
||||||
*/
|
|
||||||
resetSF() {
|
|
||||||
this.sf.reset();
|
|
||||||
this._$expand = false;
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* 程序初始化入口
|
* 程序初始化入口
|
||||||
*/
|
*/
|
||||||
@ -134,10 +106,7 @@ export class TaxManagementIndividualDeclareComponent implements OnInit {
|
|||||||
placeholder: '请选择',
|
placeholder: '请选择',
|
||||||
widget: 'dict-select',
|
widget: 'dict-select',
|
||||||
params: { dictKey: 'taxincome:declare:status' },
|
params: { dictKey: 'taxincome:declare:status' },
|
||||||
containsAllLabel: true,
|
containsAllLabel: true
|
||||||
visibleIf: {
|
|
||||||
_$expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -152,10 +121,7 @@ export class TaxManagementIndividualDeclareComponent implements OnInit {
|
|||||||
ui: {
|
ui: {
|
||||||
placeholder: '请选择',
|
placeholder: '请选择',
|
||||||
widget: 'select',
|
widget: 'select',
|
||||||
containsAllLabel: true,
|
containsAllLabel: true
|
||||||
visibleIf: {
|
|
||||||
_$expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
default: ''
|
default: ''
|
||||||
},
|
},
|
||||||
@ -165,10 +131,7 @@ export class TaxManagementIndividualDeclareComponent implements OnInit {
|
|||||||
ui: {
|
ui: {
|
||||||
widget: 'sl-from-to',
|
widget: 'sl-from-to',
|
||||||
type: 'date',
|
type: 'date',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd'
|
||||||
visibleIf: {
|
|
||||||
_$expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
} as SFDateWidgetSchema
|
} as SFDateWidgetSchema
|
||||||
},
|
},
|
||||||
declareDate: {
|
declareDate: {
|
||||||
@ -177,10 +140,7 @@ export class TaxManagementIndividualDeclareComponent implements OnInit {
|
|||||||
ui: {
|
ui: {
|
||||||
widget: 'sl-from-to',
|
widget: 'sl-from-to',
|
||||||
type: 'date',
|
type: 'date',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd'
|
||||||
visibleIf: {
|
|
||||||
_$expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
} as SFDateWidgetSchema
|
} as SFDateWidgetSchema
|
||||||
},
|
},
|
||||||
ltdId: {
|
ltdId: {
|
||||||
@ -190,18 +150,11 @@ export class TaxManagementIndividualDeclareComponent implements OnInit {
|
|||||||
widget: 'select',
|
widget: 'select',
|
||||||
placeholder: '请选择',
|
placeholder: '请选择',
|
||||||
allowClear: true,
|
allowClear: true,
|
||||||
visibleIf: {
|
asyncData: () => this.service.getNetworkFreightForwarder()
|
||||||
_$expand: (value: boolean) => value
|
|
||||||
},
|
|
||||||
asyncData: () => this.shipperservice.getNetworkFreightForwarder()
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
this.ui = {
|
|
||||||
'*': { spanLabelFixed: 120, grid: { span: 8, gutter: 4 }, enter: () => this.search() },
|
|
||||||
$time: { grid: { span: 24 } }
|
|
||||||
};
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@ -1,13 +1,12 @@
|
|||||||
<page-header-wrapper [title]="''"></page-header-wrapper>
|
<!-- <page-header-wrapper [title]="''"></page-header-wrapper>
|
||||||
|
|
||||||
<nz-card>
|
<nz-card>
|
||||||
<!-- 搜索表单 -->
|
|
||||||
<div nz-row nzGutter="8">
|
<div nz-row nzGutter="8">
|
||||||
<div nz-col [nzSpan]="_$expand ? 24 : 18">
|
<div nz-col [nzSpan]="_$expand ? 24 : 18">
|
||||||
<sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
|
<sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
|
||||||
</div>
|
</div>
|
||||||
<div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
|
<div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
|
||||||
<button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading" (click)="search()">查询</button>
|
<button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading"
|
||||||
|
(click)="search()">查询</button>
|
||||||
<button nz-button (click)="resetSF()">重置</button>
|
<button nz-button (click)="resetSF()">重置</button>
|
||||||
<button nz-button (click)="export()" acl [acl-ability]="['TAX_INVOICE_REPORT-export']">导出</button>
|
<button nz-button (click)="export()" acl [acl-ability]="['TAX_INVOICE_REPORT-export']">导出</button>
|
||||||
<button nz-button nzType="link" (click)="expandToggle()">
|
<button nz-button nzType="link" (click)="expandToggle()">
|
||||||
@ -16,22 +15,18 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nz-card>
|
</nz-card> -->
|
||||||
<nz-card>
|
<nz-card class="table-box">
|
||||||
<nz-tabset [nzTabBarExtraContent]="extraTemplate" *ngIf="tabs.length > 0">
|
<div class="tab_header">
|
||||||
<nz-tab *ngFor="let tab of tabs" [nzTitle]="tab.name" (nzSelect)="selectChange(tab)"> </nz-tab>
|
<label class="page_title"> <label class="driver">|</label> 发票上传</label>
|
||||||
</nz-tabset>
|
<nz-tabset [nzTabBarExtraContent]="extraTemplate">
|
||||||
|
<nz-tab *ngFor="let tab of tabs" [nzTitle]="tab.name" (nzSelect)="selectChange(tab)"> </nz-tab>
|
||||||
|
</nz-tabset>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- 数据列表 -->
|
<!-- 数据列表 -->
|
||||||
<st
|
<st #st [scroll]="{ x: '1200px',y:scrollY }" [data]="service.$api_getInvoiceReport_page" [columns]="columns"
|
||||||
#st
|
[req]="{ params: reqParams }" [page]="{ }" [loading]="service.http.loading">
|
||||||
[scroll]="{ x: '1200px' }"
|
|
||||||
[data]="service.$api_getInvoiceReport_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"
|
|
||||||
>
|
|
||||||
<ng-template st-row="uploadSts" let-item let-index="index">
|
<ng-template st-row="uploadSts" let-item let-index="index">
|
||||||
<!-- <a (click)="viewAuditResult(item)" *ngIf="item?.billStatus === '2'">{{item?.billStatusLabel}}</a> -->
|
<!-- <a (click)="viewAuditResult(item)" *ngIf="item?.billStatus === '2'">{{item?.billStatusLabel}}</a> -->
|
||||||
<span *ngIf="item?.uploadSts == '1'">待上传</span>
|
<span *ngIf="item?.uploadSts == '1'">待上传</span>
|
||||||
@ -52,23 +47,30 @@
|
|||||||
</ng-template>
|
</ng-template>
|
||||||
</st>
|
</st>
|
||||||
</nz-card>
|
</nz-card>
|
||||||
|
|
||||||
<ng-template #extraTemplate>
|
<ng-template #extraTemplate>
|
||||||
<div class="d-flex align-items-center">
|
<div class="d-flex align-items-center mr-sm">
|
||||||
<div class="mr-md">
|
<div class="mr-md">
|
||||||
已选择
|
已选择
|
||||||
<strong class="text-red">{{ selectedRows.length }}</strong> 条数据
|
<strong class="text-red">{{ selectedRows.length }}</strong> 条数据
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button nz-button nzDanger [nzLoading]="isLoading && st.loading" acl [acl-ability]="['TAX-ORDERREPORT-search']"
|
||||||
*ngIf="selectedIndex === '1' || selectedIndex === '4'"
|
(click)="openDrawer()">筛选</button>
|
||||||
nz-button
|
<button nz-button nzDanger acl [acl-ability]="['TAX_INVOICE_REPORT-export']"> 导出</button>
|
||||||
nzType="primary"
|
<button nz-button *ngIf="selectedIndex && selectedIndex !== '2'" nz-dropdown [nzDropdownMenu]="menu"
|
||||||
(click)="upload()"
|
nzPlacement="bottomLeft">
|
||||||
acl
|
更多<i nz-icon nzType="down" nzTheme="outline"></i></button>
|
||||||
[acl-ability]="['TAX_INVOICE_REPORT-upload']"
|
<nz-dropdown-menu #menu="nzDropdownMenu">
|
||||||
>上传</button
|
<ul nz-menu>
|
||||||
>
|
<li nz-menu-item *ngIf="selectedIndex === '1' || selectedIndex === '4'" (click)="upload()" acl
|
||||||
<button *ngIf="selectedIndex === '3'" nz-button nzType="primary" (click)="recall()" acl [acl-ability]="['TAX_INVOICE_REPORT-recall']"
|
[acl-ability]="['TAX_INVOICE_REPORT-upload']">
|
||||||
>撤回</button
|
上传
|
||||||
>
|
</li>
|
||||||
|
<li nz-menu-item *ngIf="selectedIndex === '3'" (click)="recall()" acl
|
||||||
|
[acl-ability]="['TAX_INVOICE_REPORT-recall']">
|
||||||
|
撤回
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nz-dropdown-menu>
|
||||||
</div>
|
</div>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
@ -1,23 +1,19 @@
|
|||||||
import { Component, OnInit, ViewChild } from '@angular/core';
|
import { Component, OnInit, ViewChild } from '@angular/core';
|
||||||
import { ActivatedRoute, Router } from '@angular/router';
|
import { STColumn, STComponent } from '@delon/abc/st';
|
||||||
import { STColumn, STComponent, STData } from '@delon/abc/st';
|
import { SFDateWidgetSchema, SFSelectWidgetSchema } from '@delon/form';
|
||||||
import { SFComponent, SFDateWidgetSchema, SFSchema, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
|
import { SearchDrawerService } from '@shared';
|
||||||
import { ShipperBaseService } from '@shared';
|
|
||||||
import { NzModalService } from 'ng-zorro-antd/modal';
|
import { NzModalService } from 'ng-zorro-antd/modal';
|
||||||
|
import { BasicTableComponent } from 'src/app/routes/commom';
|
||||||
import { TaxManagementService } from '../../services/tax-management.service';
|
import { TaxManagementService } from '../../services/tax-management.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-tax-management-invoice-reporting',
|
selector: 'app-tax-management-invoice-reporting',
|
||||||
templateUrl: './invoice-reporting.component.html',
|
templateUrl: './invoice-reporting.component.html',
|
||||||
styleUrls: ['./invoice-reporting.component.less']
|
styleUrls: ['../../../commom/less/commom-table.less']
|
||||||
})
|
})
|
||||||
export class TaxManagementInvoiceReportingComponent implements OnInit {
|
export class TaxManagementInvoiceReportingComponent extends BasicTableComponent implements OnInit {
|
||||||
_$expand = false;
|
|
||||||
ui!: SFUISchema;
|
|
||||||
schema!: SFSchema;
|
|
||||||
columns!: STColumn[];
|
columns!: STColumn[];
|
||||||
@ViewChild('st', { static: false }) st!: STComponent;
|
@ViewChild('st', { static: false }) st!: STComponent;
|
||||||
@ViewChild('sf', { static: false }) sf!: SFComponent;
|
|
||||||
tabType!: string;
|
tabType!: string;
|
||||||
isLoading: boolean = false;
|
isLoading: boolean = false;
|
||||||
tabs: any[] = [
|
tabs: any[] = [
|
||||||
@ -29,21 +25,8 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
|
|||||||
];
|
];
|
||||||
selectedIndex = '1'; //选择的项目
|
selectedIndex = '1'; //选择的项目
|
||||||
serviceTel = '';
|
serviceTel = '';
|
||||||
constructor(
|
constructor(public service: TaxManagementService, private modal: NzModalService, public searchDrawerService: SearchDrawerService) {
|
||||||
public service: TaxManagementService,
|
super(searchDrawerService);
|
||||||
private router: Router,
|
|
||||||
private ar: ActivatedRoute,
|
|
||||||
public shipperservice: ShipperBaseService,
|
|
||||||
private modal: NzModalService,
|
|
||||||
public shipperSrv: ShipperBaseService
|
|
||||||
) {
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 查询字段个数
|
|
||||||
*/
|
|
||||||
get queryFieldCount(): number {
|
|
||||||
return Object.keys(this.schema?.properties || {}).length;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -62,22 +45,6 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
|
|||||||
return this.st?.list.filter((item: any) => item.checked) || [];
|
return this.st?.list.filter((item: any) => item.checked) || [];
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* 伸缩查询条件
|
|
||||||
*/
|
|
||||||
expandToggle() {
|
|
||||||
this._$expand = !this._$expand;
|
|
||||||
this.sf?.setValue('/_$expand', this._$expand);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 重置表单
|
|
||||||
*/
|
|
||||||
resetSF() {
|
|
||||||
this.sf.reset();
|
|
||||||
this._$expand = false;
|
|
||||||
this.isLoading = true
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* 程序初始化入口
|
* 程序初始化入口
|
||||||
*/
|
*/
|
||||||
@ -92,7 +59,6 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
|
|||||||
initSF() {
|
initSF() {
|
||||||
this.schema = {
|
this.schema = {
|
||||||
properties: {
|
properties: {
|
||||||
_$expand: { type: 'boolean', ui: { hidden: true } },
|
|
||||||
// uploadSts: {
|
// uploadSts: {
|
||||||
// title: '上传状态',
|
// title: '上传状态',
|
||||||
// type: 'string',
|
// type: 'string',
|
||||||
@ -118,7 +84,7 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
|
|||||||
widget: 'select',
|
widget: 'select',
|
||||||
placeholder: '请选择',
|
placeholder: '请选择',
|
||||||
allowClear: true,
|
allowClear: true,
|
||||||
asyncData: () => this.shipperservice.getNetworkFreightForwarder()
|
asyncData: () => this.service.getNetworkFreightForwarder()
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
arto: {
|
arto: {
|
||||||
@ -132,7 +98,8 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
billHCode: {
|
billHCode: {
|
||||||
title: '订单号', type: 'string',
|
title: '订单号',
|
||||||
|
type: 'string',
|
||||||
ui: {
|
ui: {
|
||||||
placeholder: '请输入'
|
placeholder: '请输入'
|
||||||
}
|
}
|
||||||
@ -143,11 +110,8 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
|
|||||||
ui: {
|
ui: {
|
||||||
widget: 'sl-from-to',
|
widget: 'sl-from-to',
|
||||||
type: 'date',
|
type: 'date',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd'
|
||||||
visibleIf: {
|
} as SFDateWidgetSchema
|
||||||
_$expand: (value: boolean) => value,
|
|
||||||
},
|
|
||||||
} as SFDateWidgetSchema,
|
|
||||||
},
|
},
|
||||||
uoloadDate: {
|
uoloadDate: {
|
||||||
title: '上传日期',
|
title: '上传日期',
|
||||||
@ -155,31 +119,22 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
|
|||||||
ui: {
|
ui: {
|
||||||
widget: 'sl-from-to',
|
widget: 'sl-from-to',
|
||||||
type: 'date',
|
type: 'date',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM-dd'
|
||||||
visibleIf: {
|
} as SFDateWidgetSchema
|
||||||
_$expand: (value: boolean) => value,
|
|
||||||
},
|
|
||||||
} as SFDateWidgetSchema,
|
|
||||||
},
|
},
|
||||||
invoiceno: {
|
invoiceno: {
|
||||||
type: 'string',
|
type: 'string',
|
||||||
title: '发票号码',
|
title: '发票号码',
|
||||||
ui: {
|
ui: {
|
||||||
placeholder: '请输入',
|
placeholder: '请输入'
|
||||||
visibleIf: {
|
}
|
||||||
_$expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
invoiceno2: {
|
invoiceno2: {
|
||||||
type: 'string',
|
type: 'string',
|
||||||
title: '发票代码',
|
title: '发票代码',
|
||||||
ui: {
|
ui: {
|
||||||
placeholder: '请输入',
|
placeholder: '请输入'
|
||||||
visibleIf: {
|
}
|
||||||
_$expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
sts: {
|
sts: {
|
||||||
title: '发票状态',
|
title: '发票状态',
|
||||||
@ -188,17 +143,10 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
|
|||||||
widget: 'dict-select',
|
widget: 'dict-select',
|
||||||
containsAllLabel: true,
|
containsAllLabel: true,
|
||||||
params: { dictKey: 'vatinv:status' },
|
params: { dictKey: 'vatinv:status' },
|
||||||
containAllLable: true,
|
containAllLable: true
|
||||||
visibleIf: {
|
|
||||||
_$expand: (value: boolean) => value
|
|
||||||
}
|
|
||||||
} as SFSelectWidgetSchema
|
} as SFSelectWidgetSchema
|
||||||
},
|
}
|
||||||
},
|
}
|
||||||
};
|
|
||||||
this.ui = {
|
|
||||||
'*': { spanLabelFixed: 120, grid: { span: 8, gutter: 4 }, enter: () => this.search() },
|
|
||||||
$time: { grid: { span: 24 } },
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -207,9 +155,9 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
|
|||||||
*/
|
*/
|
||||||
initST() {
|
initST() {
|
||||||
this.columns = [
|
this.columns = [
|
||||||
{ title: '', type: 'checkbox', className: 'text-center', width: '60px', },
|
{ title: '', type: 'checkbox', className: 'text-center', width: '60px' },
|
||||||
{ title: '上传状态', render: 'uploadSts', className: 'text-center', width: '120px', },
|
{ title: '上传状态', render: 'uploadSts', className: 'text-center', width: '120px' },
|
||||||
{ title: '发票类型', render: 'invoiceType', className: 'text-center', width: '180px', },
|
{ title: '发票类型', render: 'invoiceType', className: 'text-center', width: '180px' },
|
||||||
{
|
{
|
||||||
title: '发票号码',
|
title: '发票号码',
|
||||||
index: 'invoiceno',
|
index: 'invoiceno',
|
||||||
@ -217,27 +165,35 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
|
|||||||
width: '120px',
|
width: '120px',
|
||||||
type: 'link',
|
type: 'link',
|
||||||
click: item => {
|
click: item => {
|
||||||
window.open(`/#/ticket/invoice-list/detail/${item.vatinvHId}?type=${item.invoiceType}`, '_blank', 'noopener')
|
window.open(`/#/ticket/invoice-list/detail/${item.vatinvHId}?type=${item.invoiceType}`, '_blank', 'noopener');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{ title: '发票代码', index: 'invoiceno2', className: 'text-center', width: '150px', },
|
{ title: '发票代码', index: 'invoiceno2', className: 'text-center', width: '150px' },
|
||||||
{
|
{
|
||||||
title: '网络货运人',
|
title: '网络货运人',
|
||||||
index: 'ltdName',
|
index: 'ltdName',
|
||||||
className: 'text-center',
|
className: 'text-center',
|
||||||
width: '180px',
|
width: '180px'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '购买方企业名称', index: 'artoname', className: 'text-center', width: '200px', type: 'link',
|
title: '购买方企业名称',
|
||||||
|
index: 'artoname',
|
||||||
|
className: 'text-center',
|
||||||
|
width: '200px',
|
||||||
|
type: 'link',
|
||||||
click: item => {
|
click: item => {
|
||||||
window.open(`/#/usercenter/freight/list/detail/${item.arto}`, '_blank', 'noopener')
|
window.open(`/#/usercenter/freight/list/detail/${item.arto}`, '_blank', 'noopener');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{ title: '购买方统一社会信用代码', index: 'artotaxno', className: 'text-center', width: '200px' },
|
{ title: '购买方统一社会信用代码', index: 'artotaxno', className: 'text-center', width: '200px' },
|
||||||
{
|
{
|
||||||
title: '订单号', index: 'billHCode', className: 'text-center', width: '180px', type: 'link',
|
title: '订单号',
|
||||||
|
index: 'billHCode',
|
||||||
|
className: 'text-center',
|
||||||
|
width: '180px',
|
||||||
|
type: 'link',
|
||||||
click: item => {
|
click: item => {
|
||||||
window.open(`/#/order-management/vehicle/vehicle-detail/${item.ltdId}`, '_blank', 'noopener')
|
window.open(`/#/order-management/vehicle/vehicle-detail/${item.ltdId}`, '_blank', 'noopener');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{ title: '货物名称', index: 'goodsinfo', className: 'text-center', width: '120px' },
|
{ title: '货物名称', index: 'goodsinfo', className: 'text-center', width: '120px' },
|
||||||
@ -245,12 +201,10 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
|
|||||||
{ title: '开票日期', index: 'invoicedate', className: 'text-center', width: '180px' },
|
{ title: '开票日期', index: 'invoicedate', className: 'text-center', width: '180px' },
|
||||||
{ title: '发票所属月份', index: 'invoicemonth', className: 'text-center', width: '140px' },
|
{ title: '发票所属月份', index: 'invoicemonth', className: 'text-center', width: '140px' },
|
||||||
{ title: '发票状态', index: 'sts', render: 'sts', className: 'text-center', width: '120px' },
|
{ title: '发票状态', index: 'sts', render: 'sts', className: 'text-center', width: '120px' },
|
||||||
{ title: '上传日期', index: 'uoloadDate', className: 'text-center', width: '180px' },
|
{ title: '上传日期', index: 'uoloadDate', className: 'text-center', width: '180px' }
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
*撤回
|
*撤回
|
||||||
* @param record 记录实例
|
* @param record 记录实例
|
||||||
@ -276,10 +230,9 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
|
|||||||
this.service.msgSrv.success('撤销成功');
|
this.service.msgSrv.success('撤销成功');
|
||||||
this.search();
|
this.search();
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -307,10 +260,9 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
|
|||||||
this.service.msgSrv.success('撤销成功');
|
this.service.msgSrv.success('撤销成功');
|
||||||
this.search();
|
this.search();
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
selectChange(item: any) {
|
selectChange(item: any) {
|
||||||
@ -318,10 +270,9 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
|
|||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.st.load();
|
this.st.load();
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 上传
|
* 上传
|
||||||
*/
|
*/
|
||||||
@ -340,10 +291,9 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
|
|||||||
this.service.msgSrv.success('上传成功');
|
this.service.msgSrv.success('上传成功');
|
||||||
this.st.load();
|
this.st.load();
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 查看监管审核结果
|
* 查看监管审核结果
|
||||||
*/
|
*/
|
||||||
@ -351,17 +301,16 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
|
|||||||
if (record?.billStatus !== '2') {
|
if (record?.billStatus !== '2') {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
this.openWainingModal('监管审核结果', record?.result)
|
this.openWainingModal('监管审核结果', record?.result);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
search() {
|
search() {
|
||||||
this.st.load(1);
|
this.st.load(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 异步导出
|
* 异步导出
|
||||||
*/
|
*/
|
||||||
export() {
|
export() {
|
||||||
this.service.exportStart(this.reqParams, this.service.$api_invoiceUpload_export);
|
this.service.exportStart(this.reqParams, this.service.$api_invoiceUpload_export);
|
||||||
}
|
}
|
||||||
@ -370,8 +319,7 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
|
|||||||
this.modal.warning({
|
this.modal.warning({
|
||||||
nzMask: false,
|
nzMask: false,
|
||||||
nzTitle: title,
|
nzTitle: title,
|
||||||
nzContent: content,
|
nzContent: content
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user