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

订单上报图片优化

Browse Source
This commit is contained in:
潘晓云
2022-05-11 16:03:36 +08:00
parent 9e5a2fc6f2
commit d827e9b6d9
2 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/app/routes/tax-management/components/order-reporting/order-reporting.component.html
View File

@ -55,7 +55,7 @@
<ng-template st-row="loadingPicture" let-item let-index="index"> <ng-template st-row="loadingPicture" let-item let-index="index">
<div class="imgBox"> <div class="imgBox">
<div *ngIf="item.loadingPicture"> <div *ngIf="item.loadingPicture">
<button nz-button>查看</button> <a (click)="viewPhoto([item.loadingPicture])" class="text-blue-dark" nzType="text" nz-button>查看</a>
<!-- <app-imagelist style="width: 60px" [imgList]="[item.loadingPicture]"> </app-imagelist> --> <!-- <app-imagelist style="width: 60px" [imgList]="[item.loadingPicture]"> </app-imagelist> -->
</div> </div>
</div> </div>
@ -63,21 +63,24 @@
<ng-template st-row="unloadPicture" let-item let-index="index"> <ng-template st-row="unloadPicture" let-item let-index="index">
<div class="imgBox"> <div class="imgBox">
<div *ngIf="item.unloadPicture"> <div *ngIf="item.unloadPicture">
<app-imagelist style="width: 40px" [imgList]="[item.unloadPicture]"> </app-imagelist> <a (click)="viewPhoto([item.unloadPicture])" class="text-blue-dark" nzType="text" nz-button>查看</a>
<!-- <app-imagelist style="width: 40px" [imgList]="[item.unloadPicture]"> </app-imagelist> -->
</div> </div>
</div> </div>
</ng-template> </ng-template>
<ng-template st-row="loadingLadingBill" let-item let-index="index"> <ng-template st-row="loadingLadingBill" let-item let-index="index">
<div class="imgBox"> <div class="imgBox">
<div *ngIf="item.loadingLadingBill"> <div *ngIf="item.loadingLadingBill">
<app-imagelist style="width: 40px" [imgList]="[item.loadingLadingBill]"> </app-imagelist> <a (click)="viewPhoto([item.loadingLadingBill])" class="text-blue-dark" nzType="text" nz-button>查看</a>
<!-- <app-imagelist style="width: 40px" [imgList]="[item.loadingLadingBill]"> </app-imagelist> -->
</div> </div>
</div> </div>
</ng-template> </ng-template>
<ng-template st-row="signatureForm" let-item let-index="index"> <ng-template st-row="signatureForm" let-item let-index="index">
<div class="imgBox"> <div class="imgBox">
<div *ngIf="item.signatureForm"> <div *ngIf="item.signatureForm">
<app-imagelist style="width: 40px" [imgList]="[item.signatureForm]"> </app-imagelist> <a (click)="viewPhoto([item.signatureForm])" class="text-blue-dark" nzType="text" nz-button>查看</a>
<!-- <app-imagelist style="width: 40px" [imgList]="[item.signatureForm]"> </app-imagelist> -->
</div> </div>
</div> </div>
</ng-template> </ng-template>

13
src/app/routes/tax-management/components/order-reporting/order-reporting.component.ts
View File

@ -10,6 +10,8 @@ import { BasicTableComponent } from 'src/app/routes/commom';
import { TaxManagementService } from '../../services/tax-management.service'; import { TaxManagementService } from '../../services/tax-management.service';
import { TaxManagementUploadSettingComponent } from './upload-setting/upload-setting.component'; import { TaxManagementUploadSettingComponent } from './upload-setting/upload-setting.component';
import { TaxManagementOrderVerifyResultComponent } from './verify-result/verify-result.component'; import { TaxManagementOrderVerifyResultComponent } from './verify-result/verify-result.component';
import { NzImageService } from 'ng-zorro-antd/image';
import { image } from 'html2canvas/dist/types/css/types/image';
@Component({ @Component({
selector: 'app-tax-management-order-reporting', selector: 'app-tax-management-order-reporting',
@ -35,7 +37,8 @@ export class TaxManagementOrderReportingComponent extends BasicTableComponent im
private router: Router, private router: Router,
private ar: ActivatedRoute, private ar: ActivatedRoute,
private modal: NzModalService, private modal: NzModalService,
public searchDrawerService: SearchDrawerService public searchDrawerService: SearchDrawerService,
public imageService: NzImageService
) { ) {
super(searchDrawerService); super(searchDrawerService);
} }
@ -473,9 +476,11 @@ export class TaxManagementOrderReportingComponent extends BasicTableComponent im
}); });
} }
viewPhoto(url: string) { viewPhoto(images: any[]) {
if (url) {
this. if (images.length > 0) {
const imgs = images.map(item => ({ src: item }));
this.imageService.preview(imgs);
} }
} }
} }