edit

src/app/routes/vehicle/components/audit/detail/detail.component.ts

@@ -7,6 +7,7 @@ import { ModalHelper, _HttpClient } from '@delon/theme';
 import { NzMessageService } from 'ng-zorro-antd/message';
 import { NzModalService } from 'ng-zorro-antd/modal';
 import { NzUploadFile } from 'ng-zorro-antd/upload';
+import { ImageViewComponent } from 'src/app/shared/components/imagelist';
 import { VehicleService } from '../../../services/vehicle.service';
 // import { VehicleComponentsListEditComponent } from '../edit/edit.component';
 // import { VehicleImgViewComponent } from '../img-view/img-view.component';
@@ -28,7 +29,7 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
   approvalOpinion = '';
 
   uploadURl = apiConf.waterFileUpload;
-  carPhoto: any = [];
+  disabledUpload = false;
   constructor(public service: VehicleService, private route: ActivatedRoute, private nzModalService: NzModalService) {}
 
   ngOnInit() {
@@ -113,6 +114,10 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
     this.isEdit = false;
   }
 
+  save() {
+    this.isEdit = false;
+  }
+
   ratify() {
     this.isEdit = true;
   }
@@ -128,13 +133,26 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
     window.history.go(-1);
   }
 
-  handlePreview = async (file: NzUploadFile): Promise<void> => {
-    // if (!file.url && !file.preview) {
-    //   file.preview = await getBase64(file.originFileObj!);
-    // }
-    // this.previewImage = file.url || file.preview;
-    // this.previewVisible = true;
-  };
+  showImg(url: any) {
+    const params = {
+      imgList: [url],
+      index: 0
+    };
+    this.nzModalService.create({ nzContent: ImageViewComponent, nzComponentParams: { params } });
+  }
+
+  deleteImg(key: string) {
+    this.nzModalService.warning({
+      nzTitle: '是否确认删除该图片',
+      nzOnOk: () => {
+        this.disabledUpload = true;
+        this.detailData[key] = '';
+        setTimeout(() => {
+          this.disabledUpload = false;
+        }, 100);
+      }
+    });
+  }
 
   private adjuctUser(params: any, msg: string) {
     this.service.request(this.service.$api_get_operate_get, { ...params }).subscribe(res => {
@@ -151,7 +169,22 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
       carNoColor: '',
       carModel: '',
       carLength: '',
-      isTrailer: null
+      archivesNo: '',
+      driverLicenseSigningOrg: '',
+      carDistinguishCode: '',
+      carLoad: '',
+      curbWeight: '',
+      roadTransportNo: '',
+      roadTransportLicenceNo: '',
+      carOwner: '',
+      isTrailer: null,
+      useNature: null,
+      driverLicenseRegisterTime: null,
+      driverLicenseGetTime: null,
+      driverLicenseEndTime: null,
+      roadTransportStartTime: null,
+      roadTransportEndTime: null,
+      carFrontPhotoWatermark: ''
     };
   }
 }