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

Merge branch 'develop' of https://gitlab.eascs.com/tms-ui/tms-obc-web into develop

Browse Source
This commit is contained in:
wangshiming
2022-04-21 09:55:47 +08:00
parent 4cab877eed e5ecb660e1
commit 2525f01523
12 changed files with 117 additions and 459 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/routes/sys-setting/components/basic-setting/basic-setting.component.ts
View File

@ -12,7 +12,7 @@ import { Component, OnInit, ViewChild } from '@angular/core';
import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
import { dateTimePickerUtil } from '@delon/util';
import { SystemService } from '../../services/system.service';
const NOJSONTYPE = new Set([8, 12, 13]);
@Component({
selector: 'app-basic-setting',
templateUrl: './basic-setting.component.html',
@ -49,7 +49,7 @@ export class BasicSettingComponent implements OnInit {
res = res.map(item => ({
...item,
remark: item.remark ? JSON.parse(item.remark) : null,
itemValue: item?.itemValue ? (item?.itemType !== 8 ? JSON.parse(item?.itemValue) : item?.itemValue) : item?.itemValue,
itemValue: item?.itemValue ? (NOJSONTYPE.has(item?.itemType) ? item?.itemValue : JSON.parse(item?.itemValue)) : item?.itemValue,
itemData: item.itemData ? JSON.parse(item.itemData) : item.itemData
}));
const hiddenType = res.find(item => item.itemType === 7 || item.itemType === 999);

63
src/app/routes/tax-management/components/invoice-reporting/invoice-reporting.component.html
View File

@ -19,67 +19,32 @@
</nz-card>
<nz-card>
<nz-tabset [nzTabBarExtraContent]="extraTemplate" *ngIf="tabs.length>0">
<nz-tab *ngFor="let tab of tabs" [nzTitle]="tab.name" (nzSelect)="selectChange(tab)">
</nz-tab>
</nz-tabset>
<!-- 数据列表 -->
<st #st [scroll]="{x:'1200px'}" [data]="service.$api_getTaxOrderPage_page" [columns]="columns"
<st #st [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="putStatus" let-item let-index="index">
<!-- <a (click)="viewAuditResult(item)" *ngIf="item?.billStatus === '2'">{{item?.billStatusLabel}}</a> -->
<span *ngIf="item?.putStatus == '0'">待上传</span>
<span *ngIf="item?.putStatus == '1'">已上传</span>
<span *ngIf="item?.putStatus == '3'">上传中</span>
<span *ngIf="item?.putStatus == '2'" style="color: red;" (click)="unnormal(item)">上传异常</span>
<span *ngIf="item?.uploadSts == '1'">待上传</span>
<span *ngIf="item?.uploadSts == '3'">已上传</span>
<span *ngIf="item?.uploadSts == '2'">上传中</span>
<span *ngIf="item?.uploadSts == '4'" style="color: red;" (click)="unnormal(item)">上传异常</span>
</ng-template>
<ng-template st-row="invoiceNO" let-item let-index="index">
<a href="/">{{item.billCode}}</a>
<a href="/">{{item.invoiceno}}</a>
</ng-template>
<ng-template st-row="checkStatus" let-item let-index="index">
<!-- <a (click)="viewAuditResult(item)" *ngIf="item?.billStatus === '2'">{{item?.billStatusLabel}}</a> -->
<span *ngIf="item?.checkStatus == '0'">校验中</span>
<span *ngIf="item?.checkStatus == '1'">通过</span>
<!-- <span *ngIf="item?.checkStatus == '2'" style="color: red;" (click)="unnormal(item)">不通过</span> -->
<span *ngIf="item?.checkStatus == '2'" style="color: red;" (click)="viewResult(item)">不通过</span>
<ng-template st-row="artoname" let-item let-index="index">
<a href="/">{{item.artoname}}</a>
</ng-template>
<ng-template st-row="driverName" let-item let-index="index">
<div> {{ item?.driverName }}{{ item?.driverPhone ? "/" + item?.driverPhone : '' }} </div>
<ng-template st-row="billHCode" let-item let-index="index">
<a href="/">{{item.billHCode}}</a>
</ng-template>
<!-- <ng-template st-row="localValid" let-item let-index="index">
<a (click)="viewResult(item)" *ngIf="item?.billStatus === '2'">{{item?.billStatusLabel}}</a>
<span *ngIf="item?.billStatus !== '2'">{{item?.billStatusLabel}}</span>
</ng-template> -->
<ng-template st-row="loadingPicture" let-item let-index="index">
<div class="imgBox">
<div *ngIf="item.loadingPicture">
<app-imagelist style="width: 60px" [imgList]="[item.loadingPicture]"> </app-imagelist>
</div>
</div>
</ng-template>
<ng-template st-row="unloadPicture" let-item let-index="index">
<div class="imgBox">
<div *ngIf="item.unloadPicture">
<app-imagelist style="width: 40px" [imgList]="[item.unloadPicture]"> </app-imagelist>
</div>
</div>
</ng-template>
<ng-template st-row="loadingLadingBill" let-item let-index="index">
<div class="imgBox">
<div *ngIf="item.loadingLadingBill">
<app-imagelist style="width: 40px" [imgList]="[item.loadingLadingBill]"> </app-imagelist>
</div>
</div>
</ng-template>
<ng-template st-row="signatureForm" let-item let-index="index">
<div class="imgBox">
<div *ngIf="item.signatureForm">
<app-imagelist style="width: 40px" [imgList]="[item.signatureForm]"> </app-imagelist>
</div>
</div>
<ng-template st-row="invoiceType" let-item let-index="index">
<span>增值税专用发票</span>
</ng-template>
<ng-template st-row="orderAmount" let-item let-index="index">
<div class="text-right">{{item?.orderAmount | currency }}</div>
@ -92,7 +57,7 @@
已选择
<strong class="text-red">{{ selectedRows.length }}</strong> 条数据
</div>
<button *ngIf="selectedIndex === '0' || selectedIndex === '2'" nz-button nzType="primary" (click)="upload()">上传</button>
<button *ngIf="selectedIndex === '1' || selectedIndex === '3'" nz-button nzType="primary" (click)="recall()">撤回</button>
<button *ngIf="selectedIndex === '1' || selectedIndex === '4'" nz-button nzType="primary" (click)="upload()">上传</button>
<button *ngIf="selectedIndex === '2' || selectedIndex === '3'" nz-button nzType="primary" (click)="recall()">撤回</button>
</div>
</ng-template>

162
src/app/routes/tax-management/components/invoice-reporting/invoice-reporting.component.ts
View File

@ -1,16 +1,10 @@
import { Component, OnInit, ViewChild } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { STColumn, STComponent, STData } from '@delon/abc/st';
import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
import { SFComponent, SFDateWidgetSchema, SFSchema, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
import { ShipperBaseService } from '@shared';
import { NzModalService } from 'ng-zorro-antd/modal';
import { of } from 'rxjs';
import { map } from 'rxjs/operators';
import { TaxManagementService } from '../../services/tax-management.service';
import { TaxManagementInvoiceUploadSettingComponent } from './upload-setting/upload-setting.component';
import { TaxManagementInvoiceVerifyResultComponent } from './verify-result/verify-result.component';
// import { DatatableReportingUploadSettingComponent } from '../upload-setting/upload-setting.component';
// import { DatatableReportingVerifyResultComponent } from '../verify-result/verify-result.component';
@Component({
selector: 'app-tax-management-invoice-reporting',
@ -27,13 +21,13 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
tabType!: string;
isLoading: boolean = false;
tabs: any[] = [
{ name: '待上传', value: '0' },
{ name: '上传中', value: '3' },
{ name: '已上传', value: '1' },
{ name: '异常', value: '2' },
{ name: '待上传', value: '1' },
{ name: '上传中', value: '2' },
{ name: '已上传', value: '3' },
{ name: '异常', value: '4' },
{ name: '全部', value: '' }
];
selectedIndex = '0'; //选择的项目
selectedIndex = ''; //选择的项目
serviceTel = '';
constructor(
public service: TaxManagementService,
@ -56,9 +50,7 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
* 查询参数
*/
get reqParams() {
const params = Object.assign({}, this.sf?.value || {}, {
putStatus: this.selectedIndex,
});
const params = Object.assign({}, this.sf?.value || {});
delete params._$expand;
return { ...params };
}
@ -101,25 +93,25 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
this.schema = {
properties: {
_$expand: { type: 'boolean', ui: { hidden: true } },
putStatus: {
title: '上传状态',
type: 'string',
default: 0,
enum: [
{ label: '全部', value: 0 },
{ label: '待上传', value: 1 },
{ label: '上传中', value: 2 },
{ label: '已上传', value: 3 },
{ label: '异常', value: 4 }
],
// uploadSts: {
// title: '上传状态',
// type: 'string',
// default: '1',
// enum: [
// { label: '全部', value: '' },
// { label: '待上传', value: '1'},
// { label: '上传中', value: '2' },
// { label: '已上传', value: '3' },
// { label: '异常', value: '4' }
// ],
ui: {
placeholder: '请选择',
widget: 'select',
allowClear: true
}
},
networkTransporter: {
// ui: {
// placeholder: '请选择',
// widget: 'select',
// allowClear: true
// }
// },
ltdId: {
type: 'string',
title: '网络货运人',
ui: {
@ -129,7 +121,7 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
asyncData: () => this.shipperservice.getNetworkFreightForwarder()
}
},
hrto: {
arto: {
type: 'string',
title: '购买方',
ui: {
@ -139,14 +131,13 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
asyncData: () => this.service.getCRMCustomerId()
}
},
billCode: {
title: '订单号', type: 'string', ui: {
placeholder: '请输入', visibleIf: {
_$expand: (value: boolean) => value
}
billHCode: {
title: '订单号', type: 'string',
ui: {
placeholder: '请输入'
}
},
recentlyPutTime: {
invoicedate: {
title: '开票日期',
type: 'string',
ui: {
@ -158,7 +149,7 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
},
} as SFDateWidgetSchema,
},
orderPayTime: {
uoloadDate: {
title: '上传日期',
type: 'string',
ui: {
@ -170,7 +161,7 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
},
} as SFDateWidgetSchema,
},
wayBillCode: {
invoiceno: {
type: 'string',
title: '发票号码',
ui: {
@ -180,7 +171,7 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
}
},
},
wayBillCode1: {
invoiceno2: {
type: 'string',
title: '发票代码',
ui: {
@ -217,31 +208,31 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
initST() {
this.columns = [
{ title: '', type: 'checkbox', className: 'text-center', width: '60px', },
{ title: '上传状态', render: 'putStatus', className: 'text-center', width: '120px', },
{ title: '发票类型', render: 'checkStatus', className: 'text-center', width: '120px', },
{ title: '上传状态', render: 'uploadSts', className: 'text-center', width: '120px', },
{ title: '发票类型', render: 'invoiceType', className: 'text-center', width: '120px', },
{
title: '发票号码',
index: 'billCode',
index: 'invoiceno',
render: 'invoiceNO',
className: 'text-center',
width: '150px',
},
{ title: '发票代码', index: 'wayBillCode', className: 'text-center', width: '150px', },
{ title: '发票代码', index: 'invoiceno2', className: 'text-center', width: '150px', },
{
title: '网络货运人',
index: 'networkTransporterName',
index: 'ltdName',
className: 'text-center',
width: '180px',
},
{ title: '购买方企业名称', index: 'loadingAddress', render: 'loadingPlace', className: 'text-center', width: '200px' },
{ title: '购买方统一社会信用代码', index: 'loadingDetailedAddress', render: 'loadingPlace', className: 'text-center', width: '200px' },
{ title: '订单号', index: 'unloadAddress', render: 'dischargePlace', className: 'text-center', width: '120px' },
{ title: '货物名称', index: 'unloadDetailedAddress', className: 'text-center', width: '180px' },
{ title: '价税合计', index: 'shipperName', className: 'text-center', width: '180px' },
{ title: '开票日期', index: 'shipperProvinceCode', className: 'text-center', width: '180px' },
{ title: '发票所属月份', index: 'recordTime', className: 'text-center', width: '250px' },
{ title: '发票状态', index: 'wayBillCreateTime', className: 'text-center', width: '200px' },
{ title: '上传日期', index: 'loadTime', className: 'text-center', width: '200px' },
{ title: '购买方企业名称', index: 'artoname', render: 'artoname', className: 'text-center', width: '200px' },
{ title: '购买方统一社会信用代码', index: 'artotaxno', className: 'text-center', width: '200px' },
{ title: '订单号', index: 'billHCode', render: 'billHCode', className: 'text-center', width: '120px' },
{ title: '货物名称', index: 'goodsinfo', className: 'text-center', width: '180px' },
{ title: '价税合计', index: 'vatmoney', className: 'text-center', width: '180px' },
{ title: '开票日期', index: 'invoicedate', className: 'text-center', width: '180px' },
{ title: '发票所属月份', index: 'invoicemonth', className: 'text-center', width: '250px' },
{ title: '发票状态', index: 'sts', className: 'text-center', width: '200px' },
{ title: '上传日期', index: 'uoloadDate', className: 'text-center', width: '200px' },
];
}
@ -349,24 +340,6 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
});
}
// appeal(item: any) {
// const modalRef = this.modal.create({
// nzTitle: '申诉',
// nzWidth: '40%',
// nzContent: CtcAppealComponent,
// nzComponentParams: {
// i: item,
// status: 'add'
// },
// nzFooter: null
// });
// modalRef.afterClose.subscribe(res => {
// if (res) {
// this.search({ representationsStatus: '' });
// }
// })
// }
/**
* 上传
*/
@ -388,45 +361,6 @@ export class TaxManagementInvoiceReportingComponent implements OnInit {
}
/**
*
* @param params 上传设置
*/
uploadSetting() {
const modalRef = this.modal.create({
nzTitle: '税务上传设置',
nzWidth: 600,
nzContent: TaxManagementInvoiceUploadSettingComponent,
nzComponentParams: {},
nzFooter: null
});
modalRef.afterClose.subscribe(res => {
if (res) {
this.st.load();
}
})
}
/**
* 查看校验结果
*/
viewResult(item: any) {
const modalRef = this.modal.create({
nzTitle: '本地校验结果',
nzWidth: 1200,
nzContent: TaxManagementInvoiceVerifyResultComponent,
nzComponentParams: {
record: item
},
nzFooter: null
});
modalRef.afterClose.subscribe(res => {
if (res) {
this.st.load();
}
})
}
/**
* 查看监管审核结果
*/

8
src/app/routes/tax-management/components/invoice-reporting/upload-setting/upload-setting.component.html
View File

@ -1,8 +0,0 @@
<nz-spin [nzSpinning]="!i"></nz-spin>
<sf *ngIf="i" #sf mode="edit" [schema]="schema" [ui]="ui" [formData]="i" button="none">
<div class="modal-footer">
<button nz-button type="button" (click)="close()">取消</button>
<button nz-button type="submit" nzType="primary" (click)="save(sf.value)" [disabled]="!sf.valid"
[nzLoading]="service.http.loading">修改</button>
</div>
</sf>

110
src/app/routes/tax-management/components/invoice-reporting/upload-setting/upload-setting.component.ts
View File

@ -1,110 +0,0 @@
import { Component, OnInit } from '@angular/core';
import { SFSchema, SFUISchema } from '@delon/form';
import { NzModalRef } from 'ng-zorro-antd/modal';
import { TaxManagementService } from '../../../services/tax-management.service';
@Component({
selector: 'app-datatable-invoice-upload-setting',
templateUrl: './upload-setting.component.html',
})
export class TaxManagementInvoiceUploadSettingComponent implements OnInit {
record: any = {};
i: any = {};
schema!: SFSchema;
ui!: SFUISchema;
constructor(
private modal: NzModalRef,
public service: TaxManagementService
) { }
ngOnInit(): void {
this.initSF();
// this.loadData();
}
/**
* 初始化查询表单
*/
initSF() {
this.schema = {
properties: {
no: {
type: 'string',
title: '订单数据',
enum: [
{
label: '手动上传',
value: '1'
},
{
label: '自动上传',
value: '2'
}
],
description: '开启自动上传后，订单将在支付完成且风险单校验通过后自动上传',
ui: {
widget: 'radio',
}
},
owner: {
type: 'string',
title: '资金数据',
enum: [
{
label: '手动上传',
value: '1'
},
{
label: '自动上传',
value: '2'
}
],
description: '开启自动上传后，订单将在支付完成且风险单校验通过后自动上传',
ui: {
widget: 'radio',
}
},
},
required: ['owner', 'no'],
}
this.ui = {
'*': {
spanLabelFixed: 100,
grid: { span: 24 },
},
};
}
/**
* 获取设置数据
*/
loadData() {
this.service.request(this.service.$api_get_upload_setting, {}).subscribe(res => {
if (res) {
this.i = res;
}
})
}
/**
* 修改
* @param value
*/
save(value: any): void {
this.service.request(this.service.$api_upload_setting_save, { ...value }).subscribe(res => {
if (res) {
this.service.msgSrv.success('保存成功');
this.modal.close(true);
}
})
}
close(): void {
this.modal.destroy();
}
}

30
src/app/routes/tax-management/components/invoice-reporting/verify-result/verify-result.component.html
View File

@ -1,30 +0,0 @@
<div nz-row>
<div style="width: 10%">
<nz-tabset [nzTabPosition]="'left'" style="height: 100%">
<nz-tab [nzTitle]="item?.name" *ngFor="let item of tabs" (nzSelect)="selectTab(item)"></nz-tab>
</nz-tabset>
</div>
<div style="width: 90%">
<st
#st
[scroll]="{ x: '1000px', y: '600px' }"
[data]="service.$api_get_getTaxFieldCheckList"
[columns]="columns"
[req]="{ process: beforeReq }"
[res]="{ reName: { list: 'data', total: 'data' } , process: afterRes}"
[page]="{ show: false }"
[loading]="false"
[bordered]="true"
>
<ng-template st-row="freightDetails" let-item>
<div *ngFor="let item of item.freightDetails">
<div>{{ item.expenseName }}:{{ item.price | currency }} </div>
</div>
</ng-template>
</st>
</div>
</div>
<div class="modal-footer">
<button nz-button type="button" (click)="close()">取消</button>
<button nz-button type="submit" nzType="primary" (click)="update()" [nzLoading]="service.http.loading">修改</button>
</div>

139
src/app/routes/tax-management/components/invoice-reporting/verify-result/verify-result.component.ts
View File

@ -1,139 +0,0 @@
import { Component, OnInit, ViewChild } from '@angular/core';
import { Router } from '@angular/router';
import { STColumn, STComponent, STRequestOptions } from '@delon/abc/st';
import { SFSchema } from '@delon/form';
import { ModalHelper, _HttpClient } from '@delon/theme';
import { NzModalRef } from 'ng-zorro-antd/modal';
import { TaxManagementService } from '../../../services/tax-management.service';
@Component({
selector: 'app-tax-management-Invoice-reporting-verify-result',
templateUrl: './verify-result.component.html',
})
export class TaxManagementInvoiceVerifyResultComponent implements OnInit {
searchSchema: SFSchema = {
properties: {
no: {
type: 'string',
title: '编号'
}
}
};
@ViewChild('st') private readonly st!: STComponent;
columns: STColumn[] = [];
record: any = {}
subjectType: string = '0';
tabs: any[] = [
{ name: '平台信息', value: '0' },
{ name: '货主信息', value: '1' },
{ name: '司机信息', value: '2' },
{ name: '订单信息', value: '3' },
];
// get reqParams() {
// console.log(this.subjectType);
// const params ={
// subjectId: this.record?.shipperId,
// subjectType: this.subjectType,
// }
// return params;
// }
beforeReq = (requestOptions: STRequestOptions) => {let a: string = '';
switch (this.subjectType) {
case '0':
a = this.record?.networkTransporterId;
break
case '1':
a = this.record?.shipperId;
break
case '2':
a = this.record?.driverId;
break
case '3':
a = this.record?.wayBillId;
break
}
Object.assign(requestOptions.body, {
subjectId: a ,
subjectType: this.subjectType,
});
return requestOptions;
};
afterRes = (data: any[], rawData?: any) => {
console.log(data)
return data.map(item => ({
...item,
}));
};
constructor(public service: TaxManagementService, private modalRef: NzModalRef, public router: Router) {
}
ngOnInit(): void {
console.log(this.record);
this.initST();
}
/**
* 初始化数据列表
*/
initST() {
this.columns = [
{ title: '序号', type: 'no', className: 'text-center', width: '60px', },
{ title: '校验字段', index: 'checkFieldName', className: 'text-center', width: '120px', },
{
title: '是否必填',
index: 'requiredStatus',
className: 'text-center',
width: '100px',
type: 'enum',
enum: {
0: '否',
1: '是'
}
},
{ title: '上传值', index: 'fieldValue', className: 'text-center', width: '150px', },
{
title: '本地校验', index: 'checkStatus', className: 'text-center', width: '100px',
type: 'enum',
enum: {
0: '校验中',
1: '通过',
2: '不通过'
}
},
{ title: '错误内容', index: 'remark', className: 'text-center', width: '150px', },
]
}
add(): void {
// this.modal
// .createStatic(FormEditComponent, { i: { id: 0 } })
// .subscribe(() => this.st.reload());
}
selectTab(e: any) {
setTimeout(() => {
console.log(e?.value);
this.subjectType = e?.value;
console.log(this.subjectType);
this.st.load(1);
})
}
update() {
if (this.record?.billType === '1') {
window.open(location.origin + `/#/order-management/vehicle-detailChange/${this.record?.id}`)
} else if (this.record.billType === '2') {
window.open(location.origin + `/#/order-management/bulk-detailChange/${this.record?.id}`);
}
}
close(): void {
this.modalRef.destroy();
}
}

1
src/app/routes/tax-management/services/tax-management.service.ts
View File

@ -56,6 +56,7 @@ export class TaxManagementService extends ShipperBaseService {
$api_async_export_order_reporting_list = ``; // 导出订单上报
$api_get_upload_setting = ``; // 修改上传设置
$api_upload_setting_save = ``; // 修改上传设置
$api_getInvoiceReport_page = '/api/sdc/invoiceUploadInfo/list/page';
constructor(public injector: Injector) {
super(injector);
}

6
src/app/routes/tax-management/taxmanagement.module.ts
View File

@ -14,8 +14,6 @@ import { TaxManagementIndividualCollectComponent } from './components/individual
import { TaxManagementIndividualDeclareComponent } from './components/individual-declare/individual-declare.component';
import { TaxManagementIndividualIncomeComponent } from './components/individual-income/individual-income.component';
import { TaxManagementInvoiceReportingComponent } from './components/invoice-reporting/invoice-reporting.component';
import { TaxManagementInvoiceUploadSettingComponent } from './components/invoice-reporting/upload-setting/upload-setting.component';
import { TaxManagementInvoiceVerifyResultComponent } from './components/invoice-reporting/verify-result/verify-result.component';
import { TaxManagementOrderReportingComponent } from './components/order-reporting/order-reporting.component';
import { TaxManagementUploadSettingComponent } from './components/order-reporting/upload-setting/upload-setting.component';
import { TaxManagementOrderVerifyResultComponent } from './components/order-reporting/verify-result/verify-result.component';
@ -29,9 +27,7 @@ const COMPONENTS: Type<void>[] = [
TaxManagementIndividualIncomeComponent,
TaxManagementIndividualCollectComponent,
TaxManagementIndividualDeclareComponent,
TaxManagementInvoiceReportingComponent,
TaxManagementInvoiceUploadSettingComponent,
TaxManagementInvoiceVerifyResultComponent
TaxManagementInvoiceReportingComponent
]

34
src/app/shared/components/dynamic-setting/dynamic-setting-h5/dynamic-setting-h5.component.html
View File

@ -109,6 +109,40 @@
*ngFor="let re of item.remark"></nz-option>
</nz-select>
</ng-container>
<!-- 图片上传 -->
<ng-container *ngSwitchCase="12">
<div>
<nz-upload class="avatar-uploader" [nzAction]="service.$api_upload_url"
[nzName]="'multipartFile'" nzName="avatar" nzListType="picture-card"
[nzShowUploadList]="false" (nzChange)="uploadChange($event,item)">
<ng-container *ngIf="!item.itemValue">
<i class="upload-icon" nz-icon
[nzType]="service.http.loading ? 'loading' : 'plus'"></i>
<div class="ant-upload-text">上传</div>
</ng-container>
<div style="width: 102px;height: 102px;display: flex;align-items: center;justify-content: center;"
*ngIf="item.itemValue" (click)="$event.cancelBubble = true">
<img nz-image [nzSrc]="item.itemValue"
style="max-width: 102px;max-height: 102px;" />
</div>
</nz-upload>
<p>支持
<ng-container *ngFor="let item of item.remark?.format">
{{item}},
</ng-container>
格式，文件小于{{item.remark?.size || 2}}M（建议尺寸
{{item.remark?.width || 750}}px * {{item.remark?.height|| 1622}}px）。
<a *ngIf="item.remark?.caseImage"
(click)="showImg(item.remark?.caseImage)">查看示例</a>
</p>
</div>
</ng-container>
<!-- 文本域 -->
<ng-container *ngSwitchCase="13">
<textarea rows="4" nz-input [(ngModel)]="item.itemValue" style="width: 400px;"
[maxlength]="item.remark?.maxLength"
[placeholder]="item.remark?.placeholder || ''"></textarea>
</ng-container>
<!-- 开关选项 -->
<ng-container *ngSwitchCase="999">
<ng-content select="custom-element"></ng-content>

17
src/app/shared/components/dynamic-setting/dynamic-setting-h5/dynamic-setting-h5.component.ts
View File

@ -10,6 +10,9 @@
*/
import { Component, OnInit, EventEmitter, Input, Output } from '@angular/core';
import { BaseService } from '@shared';
import { NzImageService } from 'ng-zorro-antd/image';
import { NzUploadFile } from 'ng-zorro-antd/upload';
import { of } from 'rxjs';
const JSONTYPE = new Set([5, 6, 9, 999]);
@Component({
@ -37,7 +40,7 @@ export class DynamicSettingH5Component implements OnInit {
@Input()
itemValue = 'itemValue';
listUrls: any;
constructor(public service: BaseService) {}
constructor(public service: BaseService, private nzImageService: NzImageService) {}
ngOnInit() {}
@ -84,5 +87,17 @@ export class DynamicSettingH5Component implements OnInit {
});
this.saveEvent.emit(params);
}
uploadChange(info: { file: NzUploadFile; type?: string }, item: any): void {
switch (info.type) {
case 'success':
item.itemValue = info.file.response.data.fullFilePath;
break;
}
}
showImg(url: any) {
this.nzImageService.preview([{ src: url }]);
}
}
// [0]?.response?.data.fullFilePath