From 19fcbbed7c023d22c7159f2e79215c6f921102d2 Mon Sep 17 00:00:00 2001 From: Taric Xin Date: Tue, 14 Dec 2021 16:08:59 +0800 Subject: [PATCH] edit --- .../audit/detail/detail.component.html | 123 +++++++++++------- .../audit/detail/detail.component.less | 74 +++++++++++ .../audit/detail/detail.component.ts | 51 ++++++-- 3 files changed, 189 insertions(+), 59 deletions(-) diff --git a/src/app/routes/vehicle/components/audit/detail/detail.component.html b/src/app/routes/vehicle/components/audit/detail/detail.component.html index 054addf1..e8063b2c 100644 --- a/src/app/routes/vehicle/components/audit/detail/detail.component.html +++ b/src/app/routes/vehicle/components/audit/detail/detail.component.html @@ -16,9 +16,8 @@ - + - @@ -62,17 +61,9 @@ - -
- -
上传
-
- - + + @@ -80,76 +71,86 @@ 行驶证信息 - {{ detailData?.archivesNo }} + - {{ detailData?.carModel }} + - {{ detailData?.driverLicenseRegisterTime }} + - - - - - {{ detailData?.driverLicenseEndTime }} + + - - {{ detailData?.driverLicenseSigningOrg }} + + - - - - {{ detailData?.driverLicenseGetTime }} + - {{ detailData?.carDistinguishCode }} + - {{ detailData?.useNature === '1' ? '营运' : '非营运'}} + + + + - - - - {{ detailData?.carLoad }} + - {{ detailData?.curbWeight }} + - {{ detailData?.carOwner }} + - - - - {{ detailData?.contactsName }} - - - - + +
+ + + + +
道路运输证信息 - {{ detailData?.roadTransportNo }} + - {{ detailData?.roadTransportLicenceNo }} + - {{ detailData?.roadTransportStartTime }} + - {{detailData?.roadTransportEndTime}} + - - + + @@ -181,4 +182,26 @@ + + + + + + +
上传
+ +
+ +
+
+ +
+ +
+
+
+ \ No newline at end of file diff --git a/src/app/routes/vehicle/components/audit/detail/detail.component.less b/src/app/routes/vehicle/components/audit/detail/detail.component.less index b78f1f14..a3f844f0 100644 --- a/src/app/routes/vehicle/components/audit/detail/detail.component.less +++ b/src/app/routes/vehicle/components/audit/detail/detail.component.less @@ -10,11 +10,16 @@ input { max-width: 250px; } + + nz-date-picker { + min-width: 250px; + } } .readOnly-box { input { padding-left: 0; + color : #000; } nz-select-top-control { @@ -30,5 +35,74 @@ color : #000 !important; } } + + // 图片展示工具样式改造 + .ant-upload.ant-upload-disabled { + cursor: pointer; + } + + .ant-upload.ant-upload-select-picture-card { + width : 200px; + height: 160px; + } + + .ant-upload-picture-card-wrapper { + width: auto; + } + } +} + +.image-hover { + .delete-icon { + border-radius : 50%; + color : #F55656; + font-size : 28px; + position : absolute; + top : -15px; + right : -15px; + background-color: #ffffff; + cursor : pointer; + } + + .show-icon { + color : #ffffff; + font-size: 30px; + cursor : pointer; + } +} + +.image-hover:hover .mask { + opacity: 0.8; +} + +.mask { + width : 200px; + height : 160px; + background-color : #4F4F4F; + opacity : 0; + position : absolute; + // top : 6px; + // left : 12px; + border-radius : 6px; + margin-top : -160px; +} + +.mask-over { + width : 200px; + height : 160px; + position : absolute; + // top : 6px; + // left : 12px; + border-radius : 6px; + display : flex; + justify-content : center; + align-items : center; + margin-top : -160px; + + label { + font-size : 20px; + line-height : 24px; + letter-spacing: 0.7px; + color : #FFFFFF; } } \ No newline at end of file diff --git a/src/app/routes/vehicle/components/audit/detail/detail.component.ts b/src/app/routes/vehicle/components/audit/detail/detail.component.ts index 2fcbe7d7..bd3cec82 100644 --- a/src/app/routes/vehicle/components/audit/detail/detail.component.ts +++ b/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 => { - // 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: '' }; } }