Rainie/bbq
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

dev-config

Browse Source
This commit is contained in:
Taric Xin
2021-12-23 15:35:45 +08:00
parent 716bbea97c
commit 6ee9324cdb
26 changed files with 609 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
angular.json
View File

@ -63,6 +63,22 @@
}
]
},
"dev": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/eascs/environment.dev.ts"
}
],
"outputHashing": "all",
"budgets": [
{
"type": "initial",
"maximumWarning": "4mb",
"maximumError": "10mb"
}
]
},
"development": {
"buildOptimizer": false,
"optimization": false,
@ -84,6 +100,9 @@
"production": {
"browserTarget": "ng-alain:build:production"
},
"dev": {
"browserTarget": "app:build:dev"
},
"development": {
"browserTarget": "ng-alain:build:development"
}
@ -131,6 +150,9 @@
"configurations": {
"production": {
"devServerTarget": "ng-alain:serve:production"
},
"dev": {
"devServerTarget": "app:build:dev"
}
}
}

3
package.json
View File

@ -13,7 +13,8 @@
"ng": "ng",
"start": "ng s -o --port 4202",
"hmr": "ng s -o --hmr",
"build": "npm run ng-high-memory build",
"build": "ng build",
"build:dev": "npm run build -- -c dev",
"analyze": "npm run ng-high-memory build -- --source-map",
"analyze:view": "source-map-explorer dist/**/*.js",
"lint": "npm run lint:ts && npm run lint:style",

1
src/app/routes/financial-management/components/driver-account/driver-account-detail/driver-account-detail.component.ts
View File

@ -3,7 +3,6 @@ import { Router } from '@angular/router';
import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
import { NzModalService } from 'ng-zorro-antd/modal';
import { TicketService } from 'src/app/routes/ticket-management/services/system.service';
import { FreightAccountService } from '../../../services/freight-account.service';
@Component({

1
src/app/routes/financial-management/components/freight-account/freight-account-detail/freight-account-detail.component.ts
View File

@ -3,7 +3,6 @@ import { Router } from '@angular/router';
import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
import { SFComponent, SFDateWidgetSchema, SFSchema } from '@delon/form';
import { NzModalService } from 'ng-zorro-antd/modal';
import { TicketService } from 'src/app/routes/ticket-management/services/system.service';
import { FreightAccountService } from '../../../services/freight-account.service';
@Component({

1
src/app/routes/financial-management/components/recharge-record/recharge-record.component.ts
View File

@ -1,7 +1,6 @@
import { Component, OnInit, ViewChild } from '@angular/core';
import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
import { TicketService } from 'src/app/routes/ticket-management/services/system.service';
import { FreightAccountService } from '../../services/freight-account.service';
@Component({

1
src/app/routes/financial-management/components/withdrawals-record/withdrawals-record.component.ts
View File

@ -3,7 +3,6 @@ import { Router } from '@angular/router';
import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
import { NzModalService } from 'ng-zorro-antd/modal';
import { TicketService } from 'src/app/routes/ticket-management/services/system.service';
import { FreightAccountService } from '../../services/freight-account.service';
@Component({

2
src/app/routes/ticket-management/components/etc-invoiced-list/etc-invoiced-list.component.ts
View File

@ -3,7 +3,7 @@ import { Router } from '@angular/router';
import { STComponent, STColumn, STChange } from '@delon/abc/st';
import { SFComponent, SFSchema } from '@delon/form';
import { NzModalService } from 'ng-zorro-antd/modal';
import { TicketService } from '../../services/system.service';
import { TicketService } from '../../services/ticket.service';
import { TransactionDetailsComponent } from './transaction-details/transaction-details.component';
@Component({

2
src/app/routes/ticket-management/components/etc-invoiced-list/transaction-details/transaction-details.component.ts
View File

@ -3,7 +3,7 @@ import { Router } from '@angular/router';
import { STComponent, STColumn, STChange } from '@delon/abc/st';
import { SFComponent, SFDateWidgetSchema, SFSchema } from '@delon/form';
import { NzModalService } from 'ng-zorro-antd/modal';
import { TicketService } from '../../../services/system.service';
import { TicketService } from '../../../services/ticket.service';
@Component({
selector: 'app-transaction-details',

2
src/app/routes/ticket-management/components/etc-invoiced-logs/etc-invoiced-logs.component.ts
View File

@ -3,7 +3,7 @@ import { Router } from '@angular/router';
import { STComponent, STColumn, STChange } from '@delon/abc/st';
import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
import { NzModalService } from 'ng-zorro-antd/modal';
import { TicketService } from '../../services/system.service';
import { TicketService } from '../../services/ticket.service';
@Component({
selector: 'app-etc-invoiced-logs',

2
src/app/routes/ticket-management/components/etc-invoiced-requested/etc-invoiced-requested.component.ts
View File

@ -3,7 +3,7 @@ import { Router } from '@angular/router';
import { STComponent, STColumn, STChange } from '@delon/abc/st';
import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
import { NzModalService } from 'ng-zorro-antd/modal';
import { TicketService } from '../../services/system.service';
import { TicketService } from '../../services/ticket.service';
@Component({
selector: 'app-etc-invoiced-requested',

102
src/app/routes/ticket-management/components/invoice-requested/invoice-requested-detail/invoice-requested-detail.component.html
View File

@ -6,58 +6,102 @@
</ng-template>
</page-header-wrapper>
<nz-card>
<nz-row [nzGutter]="16">
<nz-col [nzXl]="5" [nzLg]="8" [nzSm]="12">
<nz-statistic nzValue="202101201020102012" [nzTitle]="'申请编号'" [nzValueStyle]="{'font-size':'21px'}">
</nz-statistic>
</nz-col>
<nz-col [nzXl]="5" [nzLg]="8" [nzSm]="12">
<nz-statistic nzValue="30000.00/100000.00" [nzTitle]="'已开/全部开票金额'" [nzValueStyle]="{'font-size':'21px'}">
</nz-statistic>
</nz-col>
<nz-col [nzXl]="4" [nzLg]="8" [nzSm]="12">
<nz-statistic nzValue="10/20" [nzTitle]="'已开/全部运单数'" [nzValueStyle]="{'font-size':'21px'}"></nz-statistic>
</nz-col>
<nz-col [nzXl]="5" [nzLg]="12" [nzSm]="12">
<nz-statistic nzValue="茅台集团股份有限公司" [nzTitle]="'托运人'" [nzValueStyle]="{'font-size':'21px'}"></nz-statistic>
</nz-col>
<nz-col [nzXl]="5" [nzLg]="12" [nzSm]="18">
<nz-statistic nzValue="天津怡亚通物流科技有限公司" [nzTitle]="'开票方'" [nzValueStyle]="{'font-size':'21px'}">
</nz-statistic>
</nz-col>
</nz-row>
<nz-card class="statistics-box">
<div nz-row nzGutter="8">
<div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="150" col="1">
<se label="网络货运人">
天津怡亚通物流科技有限公司
</se>
<se label="申请编号">
VP2021012010
</se>
<se label="已开/全部订单数">
50/100
</se>
<se label="已开/全部发票金额">
5000.00/10000.00
</se>
<se label="网络货运人">
2
</se>
</div>
<div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="100" col="1">
<se label="购买方">
茅台股份有限公司
</se>
<se label="纳税号">
912301046656930913
</se>
<se label="地址">
贵州省贵阳市
</se>
<se label="电话">
075588393198
</se>
<se label="开户行">
中国工商银行股份有限公司哈贵阳支行
</se>
<se label="银行账户">
3500044119068126788
</se>
</div>
<div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="100" col="1">
<se label="服务名称">
运输服务费
</se>
<se label="销货清单">
需要
</se>
<se label="其他要求">
单位按吨
</se>
<se label="票面备注">
<p style="margin-bottom: 0;margin-top: 5px;">起运地:广东省深圳市南山区</p>
<p style="margin-bottom: 0;">目的地:湖北省武汉市青山区</p>
<p style="margin-bottom: 0;">货物名称:钢材</p>
<p style="margin-bottom: 0;">车型车牌:高栏车 粤B36889</p>
</se>
</div>
</div>
</nz-card>
<nz-card class="search-box" nzBordered>
<div nz-row nzGutter="8">
<div nz-col [nzXl]="18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
<sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
<div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
<sf #sf [schema]="searchSchema"
[ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
[button]="'none'"></sf>
</div>
<div nz-col [nzXl]="6" [nzLg]="24" [nzMd]="24" [nzSm]="24" [nzXs]="24" class="text-right">
<div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
class="text-right">
<button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
<button nz-button (click)="resetSF()">重置</button>
<button nz-button> 导出</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="content-box" nzBordered>
<div class="d-flex align-items-center mb-md">
<button nz-button>全部开票</button>
<button nz-button>开票</button>
<button nz-button (click)="openRequestedModal()">全部开票</button>
<button nz-button (click)="openRequestedModal()">开票</button>
<button nz-button (click)="removeOrder()">移除</button>
<div class="ml-md">
已选择
<strong class="text-primary">{{ selectedRows.length }}</strong> 条数据&nbsp;&nbsp; 开票金额总计 <strong>{{
<strong class="text-red">{{ selectedRows.length }}</strong> 条数据&nbsp;&nbsp; 开票金额总计 <strong
class="text-red">{{
totalCallNo }}</strong>
<a *ngIf="totalCallNo > 0" (click)="st.clearCheck()" class="ml-lg">清空</a>
</div>
</div>
<st #st [data]="url" [columns]="columns"
<st #st [data]="service.$mock_url" [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, 30, 50, 100, 200, 300, 500, 1000] }"
[loading]="service.http.loading" [scroll]="{ x:'1200px',y: '330px' }" (change)="stChange($event)"></st>
[loading]="service.http.loading" [scroll]="{ x:'1200px',y: '200px' }" (change)="stChange($event)"></st>
</nz-card>

26
src/app/routes/ticket-management/components/invoice-requested/invoice-requested-detail/invoice-requested-detail.component.less
View File

@ -10,4 +10,30 @@
padding-top: 16px;
}
}
.statistics-box {
.ant-form-item {
margin-bottom: 0;
.ant-form-item-control-input-content {
color: #f5222d;
}
}
}
}
.expend-options {
margin-top: 0px;
}
@media (min-width: 1200px) {
.expend-options {
max-width: 400px;
position : absolute;
right : 0;
bottom : 25px;
}
}

222
src/app/routes/ticket-management/components/invoice-requested/invoice-requested-detail/invoice-requested-detail.component.ts
View File

@ -1,9 +1,10 @@
import { Component, OnInit, ViewChild } from '@angular/core';
import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
import { Router } from '@angular/router';
import { STComponent, STColumn, STChange } from '@delon/abc/st';
import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
import { SFComponent, SFSchema, SFDateWidgetSchema, SFTextWidgetSchema } from '@delon/form';
import { NzModalService } from 'ng-zorro-antd/modal';
import { TicketService } from '../../../services/system.service';
import { TicketService } from '../../../services/ticket.service';
import { RequestedInvoiceModalComponent } from '../requested-invoice-modal/requested-invoice-modal.component';
@Component({
selector: 'app-invoice-requested-detail',
@ -11,68 +12,19 @@ import { TicketService } from '../../../services/system.service';
styleUrls: ['./invoice-requested-detail.component.less']
})
export class InvoiceRequestedDetailComponent implements OnInit {
url = `/rule?_allow_anonymous=true`;
@ViewChild('st', { static: true })
st!: STComponent;
@ViewChild('sf', { static: false })
sf!: SFComponent;
columns: STColumn[] = [
{ title: '', index: 'key', type: 'checkbox' },
{ title: '运单号', index: 'no' },
{ title: '开票状态', index: 'callNo' },
{ title: '开票金额', index: 'callNo' },
{ title: '总费用', index: 'callNo' },
{ title: '基础运费', index: 'callNo' },
{ title: '附加费', index: 'callNo' },
{ title: '发票号码', index: 'callNo' },
{ title: '开票日期', index: 'updatedAt', type: 'date' }
];
searchSchema: SFSchema = {
properties: {
orderSn: {
type: 'string',
title: '运单号',
ui: {
autocomplete: 'off'
}
},
receiveName: {
type: 'string',
title: '开票状态',
enum: [
{ label: '全部', value: '' },
{ label: '待受理', value: '待受理' },
{ label: '待开票', value: '待开票' },
{ label: '开票中', value: '开票中' },
{ label: '已开票', value: '已开票' },
{ label: '已撤销', value: '已撤销' },
{ label: '已拒绝', value: '已拒绝' }
],
ui: {
widget: 'select',
placeholder: '请选择',
change: (i: any) => {
this.sf.value.receiveName = i;
this.sf?.setValue('/receiveName', i);
}
},
default: ''
},
orderSn2: {
type: 'string',
title: '发票号码',
ui: {
placeholder: '请输入',
autocomplete: 'off'
}
}
}
};
columns: STColumn[] = this.initST();
searchSchema: SFSchema = this.initSF();
reqParams = {};
detail: any = {};
selectedRows: any[] = [];
totalCallNo = 0;
_$expand = false;
constructor(public service: TicketService, private nzModalService: NzModalService, private router: Router) {}
ngOnInit(): void {}
@ -89,6 +41,43 @@ export class InvoiceRequestedDetailComponent implements OnInit {
}
}
openRequestedModal() {
const modal = this.nzModalService.create({
nzTitle: '开票',
nzContent: RequestedInvoiceModalComponent,
nzWidth: 800,
nzFooter: [
{
type: 'default',
label: '手工处理',
onClick: () => {
modal.destroy();
}
},
{
type: 'primary',
label: '自动开票',
onClick: () => {
modal.destroy();
}
}
]
});
}
removeOrder() {
if (this.selectedRows?.length <= 0) {
return;
}
this.nzModalService.warning({
nzTitle: '确定从当前批次中移除所选订单？',
nzContent: '移除后相关订单可以重新提交开票申请',
nzOnOk: () => {
console.log(this.selectedRows);
}
});
}
goBack() {
history.go(-1);
}
@ -99,4 +88,125 @@ export class InvoiceRequestedDetailComponent implements OnInit {
resetSF() {
this.sf.reset();
}
/**
* 伸缩查询条件
*/
expandToggle() {
this._$expand = !this._$expand;
this.sf?.setValue('/expand', this._$expand);
}
private initSF(): SFSchema {
return {
properties: {
expand: {
type: 'boolean',
ui: {
hidden: true
}
},
orderSn: {
type: 'string',
title: '订单号',
ui: {
placeholder: '请输入'
}
},
receiveName: {
type: 'string',
title: '开票状态',
enum: [
{ label: '全部', value: '' },
{ label: '待受理', value: '待受理' },
{ label: '待开票', value: '待开票' },
{ label: '开票中', value: '开票中' },
{ label: '已开票', value: '已开票' },
{ label: '已撤销', value: '已撤销' },
{ label: '已拒绝', value: '已拒绝' }
],
ui: {
widget: 'select',
placeholder: '请选择'
},
default: ''
},
orderSn2: {
type: 'string',
title: '发票号码',
ui: {
placeholder: '请输入'
}
},
receiveName2: {
type: 'string',
title: '订单类型',
enum: [{ label: '全部', value: '' }],
ui: {
widget: 'select',
placeholder: '请选择',
visibleIf: {
expand: (value: boolean) => value
}
},
default: ''
},
orderS2n2: {
type: 'string',
title: '运司机',
ui: {
placeholder: '请输入',
visibleIf: {
expand: (value: boolean) => value
}
}
},
orderS22n2: {
type: 'string',
title: '车牌号',
ui: {
placeholder: '请输入',
visibleIf: {
expand: (value: boolean) => value
}
}
},
receiveN2ame2: {
type: 'string',
title: '所属项目',
enum: [{ label: '全部', value: '' }],
ui: {
widget: 'select',
placeholder: '请选择',
visibleIf: {
expand: (value: boolean) => value
}
},
default: ''
}
}
};
}
private initST(): STColumn[] {
return [
{ title: '', index: 'key', type: 'checkbox' },
{ title: '订单号', index: 'no', width: 150 },
{ title: '订单完成日期', index: 'updatedAt', type: 'date', width: 150 },
{ title: '开票状态', index: 'callNo', width: 100 },
{ title: '所属项目', index: 'callNo', width: 100 },
{ title: '订单类型', index: 'callNo', width: 100 },
{ title: '装货地', index: 'callNo', width: 90 },
{ title: '卸货地', index: 'callNo', width: 90 },
{ title: '货物信息', index: 'callNo', width: 100 },
{ title: '承运司机', index: 'callNo', width: 100 },
{ title: '申请金额', index: 'callNo', width: 100 },
{ title: '运输费', index: 'callNo', width: 90 },
{ title: '附加费', index: 'callNo', width: 90 },
{ title: '开票金额', index: 'callNo', width: 100 },
{ title: '税率', index: 'callNo', width: 90 },
{ title: '发票号码', index: 'callNo', width: 100 },
{ title: '开票日期', index: 'updatedAt', type: 'date', width: 150 }
];
}
}

31
src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.html
View File

@ -1,14 +1,15 @@
<page-header-wrapper [title]="'申请记录'">
<page-header-wrapper [title]="'开票申请'">
</page-header-wrapper>
<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: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
<sf #sf [schema]="searchSchema"
[ui]="{ '*': { spanLabelFixed: 90,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.expend-options]="_$expand" 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 (click)="resetSF()">重置</button>
<button nz-button> 导出</button>
@ -21,25 +22,29 @@
</nz-card>
<nz-card class="content-box" nzBordered>
<nz-tabset>
<nz-tab nzTitle="待审核"></nz-tab>
<nz-tabset [nzTabBarExtraContent]="extraTemplate">
<nz-tab nzTitle="待受理"></nz-tab>
<nz-tab nzTitle="处理中"></nz-tab>
<nz-tab nzTitle="已拒绝"></nz-tab>
<nz-tab nzTitle="已完成"></nz-tab>
<nz-tab nzTitle="全部"></nz-tab>
</nz-tabset>
<div class="d-flex align-items-center mb-md">
<button nz-button (click)="this.auditAction(null)">审核</button>
<div class="ml-md">
<ng-template #extraTemplate>
<div class="d-flex align-items-center">
<div class="mr-md">
已选择
<strong class="text-primary">{{ selectedRows.length }}</strong> 条数据&nbsp;&nbsp; 开票金额总计 <strong>{{
totalCallNo }}</strong>
<strong class="text-red">{{ selectedRows.length }}</strong> 条数据&nbsp;&nbsp; 开票金额总计
<strong class="text-red">{{totalCallNo }}</strong>
<a *ngIf="totalCallNo > 0" (click)="st.clearCheck()" class="ml-lg">清空</a>
</div>
<button nz-button (click)="this.auditAction(null)">开票</button>
<button nz-button (click)="this.auditAction(null)">驳回</button>
</div>
</ng-template>
<st #st [data]="url" [columns]="columns"
[req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
<st #st [data]="service.$mock_url" [columns]="columns"
[req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams, process: beforeReq }"
[res]="{ reName: { list: 'data.records', total: 'data.total' } }"
[page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
[loading]="service.http.loading" [scroll]="{ x:'1200px',y: '370px' }" (change)="stChange($event)"></st>

16
src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.less
View File

@ -20,19 +20,3 @@
padding-right: 16px;
}
}
.expend-options {
margin-top: 0px;
}
@media (min-width: 1200px) {
.expend-options {
margin-top: -40px;
max-width : 400px;
position : absolute;
right : 0;
bottom : 30px;
}
}

310
src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.ts
View File

@ -1,10 +1,10 @@
import { Component, OnInit, ViewChild } from '@angular/core';
import { Router } from '@angular/router';
import { STComponent, STColumn, STChange } from '@delon/abc/st';
import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
import { SFComponent, SFSchema, SFDateWidgetSchema, SFUISchema } from '@delon/form';
import { NzMessageService } from 'ng-zorro-antd/message';
import { NzModalService } from 'ng-zorro-antd/modal';
import { TicketService } from '../../services/system.service';
import { TicketService } from '../../services/ticket.service';
@Component({
selector: 'app-invoice-requested',
@ -19,125 +19,8 @@ export class InvoiceRequestedComponent implements OnInit {
sf!: SFComponent;
@ViewChild('auditModal', { static: false })
auditModal!: any;
columns: STColumn[] = [
{ title: '', index: 'key', type: 'checkbox' },
{ title: '申请编号', index: 'no' },
{ title: '申请时间', index: 'updatedAt', type: 'date' },
{ title: '处理进度', index: 'callNo' },
{ title: '托运人', index: 'callNo' },
{ title: '开票方', index: 'callNo' },
{ title: '运单数', index: 'callNo' },
{ title: '开票金额', index: 'callNo' },
{ title: '发票张数', index: 'callNo' },
{ title: '收件人', index: 'callNo' },
{ title: '联系电话', index: 'callNo' },
{ title: '收件地址', index: 'callNo' },
{ title: '备注', index: 'callNo' },
{
title: '操作',
buttons: [
{
text: '审核',
click: item => this.auditAction(item)
},
{
text: '去开票',
click: item => this.routeTo(item)
},
{
text: '查看原因',
click: item => this.showReason(item)
},
{
text: '订单明细',
click: item => this.routeTo(item)
}
]
}
];
searchSchema: SFSchema = {
properties: {
expand: {
type: 'boolean',
ui: {
hidden: true
}
},
orderSn: {
type: 'string',
title: '申请编号',
ui: {
autocomplete: 'off'
}
},
createTime: {
title: '申请时间',
type: 'string',
ui: {
widget: 'date',
mode: 'range',
format: 'yyyy-MM-dd'
} as SFDateWidgetSchema
},
receiveName: {
type: 'string',
title: '处理进度',
enum: [
{ label: '全部', value: '全部' },
{ label: '企业认证审核', value: '企业认证审核' },
{ label: '企业管理员审核', value: '企业管理员审核' }
],
ui: {
widget: 'select',
placeholder: '请选择',
change: (i: any) => {
this.sf.value.receiveName = i;
this.sf?.setValue('/receiveName', i);
}
}
},
receiveName2: {
type: 'string',
title: '托运人',
enum: [
{ label: '全部', value: '全部' },
{ label: '企业认证审核', value: '企业认证审核' },
{ label: '企业管理员审核', value: '企业管理员审核' }
],
ui: {
widget: 'select',
placeholder: '请选择',
change: (i: any) => {
this.sf.value.receiveName2 = i;
this.sf?.setValue('/receiveName2', i);
},
visibleIf: {
expand: (value: boolean) => value
}
}
},
receiveName3: {
type: 'string',
title: '开票方',
enum: [
{ label: '全部', value: '全部' },
{ label: '企业认证审核', value: '企业认证审核' },
{ label: '企业管理员审核', value: '企业管理员审核' }
],
ui: {
widget: 'select',
placeholder: '请选择',
change: (i: any) => {
this.sf.value.receiveName3 = i;
this.sf?.setValue('/receiveName3', i);
},
visibleIf: {
expand: (value: boolean) => value
}
}
}
}
};
columns: STColumn[] = this.initST();
searchSchema: SFSchema = this.initSF();
reqParams = {};
@ -149,15 +32,19 @@ export class InvoiceRequestedComponent implements OnInit {
ngOnInit(): void {}
beforeReq = (requestOptions: STRequestOptions) => {
if (this.sf) {
this.reqParams = { ...this.sf.value };
}
return requestOptions;
};
stChange(e: STChange): void {
switch (e.type) {
case 'checkbox':
this.selectedRows = e.checkbox!;
this.totalCallNo = this.selectedRows.reduce((total, cv) => total + cv.callNo, 0);
break;
case 'filter':
this.st.load();
break;
}
}
@ -166,7 +53,7 @@ export class InvoiceRequestedComponent implements OnInit {
add(): void {}
routeTo(item: any) {
this.router.navigate(['/ticket/invoice-requested-detail/1']);
this.router.navigate(['/ticket/invoice-requested/detail/1']);
}
auditAction(item: any) {
@ -226,4 +113,177 @@ export class InvoiceRequestedComponent implements OnInit {
this._$expand = !this._$expand;
this.sf?.setValue('/expand', this._$expand);
}
private initSF(): SFSchema {
return {
properties: {
expand: {
type: 'boolean',
ui: {
hidden: true
}
},
orderSn: {
type: 'string',
title: '申请编号',
ui: {
placeholder: '请输入'
}
},
orderSn2: {
type: 'string',
title: '订单号',
ui: {
placeholder: '请输入'
}
},
orderSn3: {
type: 'string',
title: '费用号',
ui: {
placeholder: '请输入'
}
},
receiveName2: {
type: 'string',
title: '购买方',
enum: [
{ label: '全部', value: '全部' },
{ label: '企业认证审核', value: '企业认证审核' },
{ label: '企业管理员审核', value: '企业管理员审核' }
],
ui: {
widget: 'select',
placeholder: '请选择',
visibleIf: {
expand: (value: boolean) => value
}
}
},
receiveName3: {
type: 'string',
title: '网络货运人',
enum: [{ label: '全部', value: '全部' }],
ui: {
widget: 'select',
placeholder: '请选择',
visibleIf: {
expand: (value: boolean) => value
}
}
},
receiveName23: {
type: 'string',
title: '其他需求',
enum: [
{ label: '全部', value: '全部' },
{ label: '有', value: '有' },
{ label: '无', value: '无' }
],
ui: {
widget: 'select',
placeholder: '请选择',
visibleIf: {
expand: (value: boolean) => value
}
}
},
receiveName: {
type: 'string',
title: '处理进度',
enum: [
{ label: '全部', value: '全部' },
{ label: '待审核', value: '待审核' },
{ label: '处理中', value: '处理中' },
{ label: '已完成', value: '已完成' },
{ label: '已拒绝', value: '已拒绝' },
{ label: '已撤销', value: '已撤销' }
],
ui: {
widget: 'select',
placeholder: '请选择',
visibleIf: {
expand: (value: boolean) => value
}
}
},
createTime: {
title: '申请时间',
type: 'string',
ui: {
widget: 'date',
mode: 'range',
format: 'yyyy-MM-dd',
visibleIf: {
expand: (value: boolean) => value
}
} as SFDateWidgetSchema
},
re2ceiveName: {
type: 'string',
title: '销货清单',
enum: [
{ label: '全部', value: '全部' },
{ label: '需要', value: '需要' },
{ label: '不需要', value: '不需要' }
],
ui: {
widget: 'select',
placeholder: '请选择',
visibleIf: {
expand: (value: boolean) => value
}
}
}
}
};
}
private initST(): STColumn[] {
return [
{ title: '', index: 'key', type: 'checkbox' },
{ title: '申请编号', index: 'no' },
{ title: '网络货运人', index: 'callNo' },
{ title: '购买方', index: 'callNo' },
{ title: '订单数', index: 'callNo' },
{ title: '申请金额', index: 'callNo' },
{ title: '运输费', index: 'callNo' },
{ title: '附加费', index: 'callNo' },
{ title: '已开票金额', index: 'callNo' },
{ title: '开户行', index: 'callNo' },
{ title: '银行账户', index: 'callNo' },
{ title: '注册地址', index: 'callNo' },
{ title: '注册电话', index: 'callNo' },
{ title: '服务名称', index: 'callNo' },
{ title: '销货清单', index: 'callNo' },
{ title: '其他要求', index: 'callNo' },
{ title: '申请人', index: 'callNo' },
{ title: '申请时间', index: 'updatedAt', type: 'date' },
{
title: '操作',
buttons: [
{
text: '开票',
click: item => this.routeTo(item)
},
{
text: '驳回',
click: item => this.routeTo(item)
},
{
text: '查看原因',
click: item => this.showReason(item)
},
{
text: '订单明细',
click: item => this.routeTo(item)
},
{
text: '下载对账单',
click: item => this.auditAction(item)
}
]
}
];
}
}

49
src/app/routes/ticket-management/components/invoice-requested/requested-invoice-modal/requested-invoice-modal.component.html Normal file
View File

@ -0,0 +1,49 @@
<div nz-row nzGutter="8" class="statistics-box">
<div nz-col nzSpan="12" se-container [labelWidth]="100" col="1">
<se label="购买方">
茅台股份有限公司
</se>
<se label="纳税号">
912301046656930913
</se>
<se label="地址">
贵州省贵阳市
</se>
<se label="电话">
075588393198
</se>
<se label="开户行">
中国工商银行股份有限公司哈贵阳支行
</se>
<se label="银行账户">
3500044119068126788
</se>
<se label="票面备注">
<p style="margin-bottom: 0;margin-top: 5px;">起运地:广东省深圳市南山区</p>
<p style="margin-bottom: 0;">目的地:湖北省武汉市青山区</p>
<p style="margin-bottom: 0;">货物名称:钢材</p>
<p style="margin-bottom: 0;">车型车牌:高栏车 粤B36889</p>
</se>
</div>
<div nz-col nzSpan="12" se-container [labelWidth]="100" col="1">
<se label="销售方">
天津怡亚通物流科技有限公司
</se>
<se label="订单数">
100笔
</se>
<se label="开票金额">
300,000.00元
</se>
<se label="服务名称">
运输服务费
</se>
<se label="销货清单">
需要
</se>
<se label="其他要求">
单位按吨
</se>
</div>
</div>

13
src/app/routes/ticket-management/components/invoice-requested/requested-invoice-modal/requested-invoice-modal.component.less Normal file
View File

@ -0,0 +1,13 @@
:host::ng-deep {
.statistics-box {
.ant-form-item {
margin-bottom: 0;
.ant-form-item-control-input-content {
color: #f5222d;
}
}
}
}

15
src/app/routes/ticket-management/components/invoice-requested/requested-invoice-modal/requested-invoice-modal.component.ts Normal file
View File

@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-requested-invoice-modal',
templateUrl: './requested-invoice-modal.component.html',
styleUrls: ['./requested-invoice-modal.component.less']
})
export class RequestedInvoiceModalComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
}

2
src/app/routes/ticket-management/components/invoiced-list/invoiced-list-detail/invoiced-list-detail.component.ts
View File

@ -3,7 +3,7 @@ import { Router } from '@angular/router';
import { STComponent, STColumn, STChange } from '@delon/abc/st';
import { SFComponent, SFSchema } from '@delon/form';
import { NzModalService } from 'ng-zorro-antd/modal';
import { TicketService } from '../../../services/system.service';
import { TicketService } from '../../../services/ticket.service';
@Component({
selector: 'app-invoiced-list-detail',

2
src/app/routes/ticket-management/components/invoiced-list/invoiced-list.component.ts
View File

@ -3,7 +3,7 @@ import { Router } from '@angular/router';
import { STComponent, STColumn, STChange } from '@delon/abc/st';
import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
import { NzModalService } from 'ng-zorro-antd/modal';
import { TicketService } from '../../services/system.service';
import { TicketService } from '../../services/ticket.service';
@Component({
selector: 'app-invoiced-list',

3
src/app/routes/ticket-management/services/system.service.ts → src/app/routes/ticket-management/services/ticket.service.ts
View File

@ -5,6 +5,9 @@ import { BaseService } from 'src/app/shared/services';
providedIn: 'root'
})
export class TicketService extends BaseService {
$mock_url = '/rule?_allow_anonymous=true';
constructor(public injector: Injector) {
super(injector);
}

4
src/app/routes/ticket-management/ticket-management-routing.module.ts
View File

@ -11,9 +11,9 @@ import { InvoicedListComponent } from './components/invoiced-list/invoiced-list.
const routes: Routes = [
{ path: 'invoice-requested', component: InvoiceRequestedComponent },
{ path: 'invoice-requested-detail/:id', component: InvoiceRequestedDetailComponent },
{ path: 'invoice-requested/detail/:id', component: InvoiceRequestedDetailComponent },
{ path: 'invoice-list', component: InvoicedListComponent },
{ path: 'invoice-list-detail/:id', component: InvoicedListDetailComponent },
{ path: 'invoice-list/detail/:id', component: InvoicedListDetailComponent },
{ path: 'etc-invoice-requested', component: ETCInvoicedRequestedComponent },
{ path: 'etc-invoice-list', component: ETCInvoicedListComponent },
{ path: 'etc-invoiced-logs', component: ETCInvoicedLogsComponent },

3
src/app/routes/ticket-management/ticket-management.module.ts
View File

@ -11,6 +11,7 @@ import { InvoiceRequestedComponent } from './components/invoice-requested/invoic
import { InvoiceRequestedDetailComponent } from './components/invoice-requested/invoice-requested-detail/invoice-requested-detail.component';
import { InvoicedListDetailComponent } from './components/invoiced-list/invoiced-list-detail/invoiced-list-detail.component';
import { TransactionDetailsComponent } from './components/etc-invoiced-list/transaction-details/transaction-details.component';
import { RequestedInvoiceModalComponent } from './components/invoice-requested/requested-invoice-modal/requested-invoice-modal.component';
const COMPONENTS: any = [
ETCInvoicedListComponent,
@ -22,7 +23,7 @@ const COMPONENTS: any = [
InvoiceRequestedDetailComponent,
InvoicedListDetailComponent
];
const NOTROUTECOMPONENTS: any = [TransactionDetailsComponent];
const NOTROUTECOMPONENTS: any = [TransactionDetailsComponent, RequestedInvoiceModalComponent];
@NgModule({
declarations: [...COMPONENTS, ...NOTROUTECOMPONENTS],
imports: [CommonModule, TicketManagementRoutingModule, SharedModule]

15
src/assets/mocks/menu-data.json
View File

@ -288,15 +288,30 @@
"text": "票务管理",
"icon": "anticon anticon-dashboard",
"group": true,
"children": [
{
"text": "销项发票",
"children": [
{
"text": "开票申请",
"link": "/ticket/invoice-requested"
},
{
"text": "开票订单明细",
"link": "/ticket/invoice-requested/detail/:id",
"hide": true
},
{
"text": "已开发票",
"link": "/ticket/invoice-list"
},
{
"text": "已开发票明细",
"link": "/ticket/invoice-list/detail/:id",
"hide": true
}
]
},
{
"text": "ETC发票",
"children": [

2
src/environments/eascs/environment.dev.ts
View File

@ -12,7 +12,7 @@ export const environment = {
production: true,
useHash: true,
api: {
baseUrl: 'https://tms-api-test.eascs.com',
baseUrl: 'https://tms-api-dev.eascs.com',
refreshTokenEnabled: false,
refreshTokenType: 'auth-refresh',
},