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
2021-12-14 10:11:01 +08:00
parent eec89375e9 64a3d18c88
commit bcac90db18
6 changed files with 254 additions and 556 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/routes/usercenter/components/freight/list/new/new.component.html
View File

@ -1,7 +1,6 @@
<page-header-wrapper [title]="'新增企业'"></page-header-wrapper> <page-header-wrapper [title]="'新增企业'"></page-header-wrapper>
<nz-card> <nz-card>
<ng-container> <sf #sf1 [ui]="ui" [schema]="schema1" [button]="'none'">
<sf #sf1 [ui]="ui" [schema]="schema1" [button]="'none'" [formData]="infoData1">
<ng-template sf-template="title1" let-me let-ui="ui" let-schema="schema"> <ng-template sf-template="title1" let-me let-ui="ui" let-schema="schema">
<div class="form-title">企业基本信息</div> <div class="form-title">企业基本信息</div>
</ng-template> </ng-template>
@ -44,7 +43,7 @@
</ng-template> </ng-template>
</sf> </sf>
<sf #sf [ui]="ui" [schema]="schema" [button]="'none'" [formData]="infoData"> <sf #sf [ui]="ui" [schema]="schema" [button]="'none'">
<ng-template sf-template="title1" let-me let-ui="ui" let-schema="schema"> <ng-template sf-template="title1" let-me let-ui="ui" let-schema="schema">
<div class="form-title">企业开票信息</div> <div class="form-title">企业开票信息</div>
</ng-template> </ng-template>
@ -84,13 +83,10 @@
<div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-back.png" /></div> <div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-back.png" /></div>
</div> </div>
</ng-template> </ng-template>
</sf> </sf>
<div style="padding-left: 379px"> <div style="padding-left: 379px">
<button nz-button type="button" nzType="primary" (click)="submitForm()">确认新增</button> <button nz-button type="button" nzType="primary" (click)="submitForm()">确认新增</button>
<button nz-button (click)="goBack()">返回</button> <button nz-button (click)="goBack()">返回</button>
</div> </div>
</ng-container>
</nz-card> </nz-card>

63
src/app/routes/usercenter/components/freight/list/new/new.component.less
View File

@ -1,33 +1,6 @@
:host { :host {
::ng-deep { ::ng-deep {
nz-card { nz-card {
.page-title {
margin-bottom: 39px;
color : #333;
font-weight : 500;
font-size : 20px;
line-height : 28px;
text-align : center;
}
.step-title {
display: block;
width : 800px !important;
margin : 0 auto;
}
.myForm {
width : 680px;
margin: 5rem auto;
}
.steps-content {
min-height: 250px;
}
.btn-submit {
margin-top: 16px;
}
.pr { .pr {
position: relative; position: relative;
@ -65,46 +38,10 @@
border-left : solid 3px #1890ff; border-left : solid 3px #1890ff;
} }
.form-content {
padding: 48px 32px;
}
.apply-sv {
margin : 16px 0;
padding : 20px;
background : #f8f8f8;
border-radius: 2px;
}
.result-date {
font-size: 12px;
}
.result-tips {
color : #ff4d4f;
font-size: 14px;
}
.sv-img {
display : inline-block;
width : 104px;
height : 104px;
margin-right : 20px;
padding : 8px;
background : #fff;
border : 1px solid rgba(0, 0, 0, 0.15);
border-radius: 2px;
img {
width : 100%;
height: 100%;
}
}
} }
.ant-form-item { .ant-form-item {
margin-left: 180px; margin-left: 180px;
} }
nz-date-picker, nz-date-picker,

286
src/app/routes/usercenter/components/freight/list/new/new.component.ts
View File

@ -8,29 +8,14 @@ import {
SFDateWidgetSchema, SFDateWidgetSchema,
SFSchema, SFSchema,
SFSchemaEnum, SFSchemaEnum,
SFSelectWidgetSchema,
SFTextareaWidgetSchema, SFTextareaWidgetSchema,
SFUISchema, SFUISchema,
SFUploadWidgetSchema SFUploadWidgetSchema
} from '@delon/form'; } from '@delon/form';
import { ModalHelper } from '@delon/theme';
import { EnvironmentService } from '@env/environment.service';
import { NzCascaderOption } from 'ng-zorro-antd/cascader';
import { NzMessageService } from 'ng-zorro-antd/message'; import { NzMessageService } from 'ng-zorro-antd/message';
import { NzModalService } from 'ng-zorro-antd/modal';
import { of } from 'rxjs';
import { map } from 'rxjs/operators';
import { UsermanageService } from 'src/app/routes/usercenter/services/usercenter.service'; import { UsermanageService } from 'src/app/routes/usercenter/services/usercenter.service';
// import { AccountService } from '../../services/account.service';
// import { AccountComponentsImgViewComponent } from '../img-view/img-view.component';
@Component({ const IMAGECONFIG = {
selector: 'app-account-components-freight-new',
templateUrl: './new.component.html',
styleUrls: ['./new.component.less']
})
export class FreightComponentsListNewComponent implements OnInit {
private imageConfig = {
action: apiConf.waterFileUpload, action: apiConf.waterFileUpload,
fileType: 'image/png,image/jpeg,image/jpg,image/gif', fileType: 'image/png,image/jpeg,image/jpg,image/gif',
fileSize: 5120, fileSize: 5120,
@ -42,15 +27,21 @@ export class FreightComponentsListNewComponent implements OnInit {
name: 'multipartFile', name: 'multipartFile',
multiple: false, multiple: false,
listType: 'picture-card' listType: 'picture-card'
}; };
private dateConfig = { const DATECONFIG = {
grid: { xxl: 13, xl: 18, lg: 24, md: 24 }, grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
widget: 'date', widget: 'date',
format: 'yyyy-MM-dd', format: 'yyyy-MM-dd',
placeholder: '请选择' placeholder: '请选择'
}; };
@Component({
selector: 'app-account-components-freight-new',
templateUrl: './new.component.html',
styleUrls: ['./new.component.less']
})
export class FreightComponentsListNewComponent implements OnInit {
@ViewChild('sf', { static: false }) @ViewChild('sf', { static: false })
sf!: SFComponent; sf!: SFComponent;
@ViewChild('sf1', { static: false }) @ViewChild('sf1', { static: false })
@ -85,28 +76,10 @@ export class FreightComponentsListNewComponent implements OnInit {
} }
}; };
infoData: any = {}; constructor(private router: Router, private service: UsermanageService) {}
infoData1: any = {}; ngOnInit() {}
enterpriseAddressCodeStr = '';
enterpriseAddressCode: any;
enterpriseBusinessAddressCodeStr = '';
enterpriseBusinessAddressCode = '';
regionData: any = [];
constructor(
private routerinfo: ActivatedRoute,
public msg: NzMessageService,
private router: Router,
private modalService: NzModalService,
private service: UsermanageService
) {}
ngOnInit() {
this.getRegionToThree('');
}
submitForm() { submitForm() {
console.log(this.sf.value);
console.log(this.sf1.value);
const sfVlaue = this.sf.value; const sfVlaue = this.sf.value;
const params = {}; const params = {};
Object.assign( Object.assign(
@ -133,183 +106,13 @@ export class FreightComponentsListNewComponent implements OnInit {
} }
); );
this.service.request(this.service.$api_save_enterprise_admin, params).subscribe(res => { this.service.request(this.service.$api_save_enterprise_admin, params).subscribe(res => {
console.log(res); if (res) {
}); this.service.msgSrv.success('企业新增成功');
this.goBack();
} }
// submitForm() {
// // 营业执照基本信息
// if (!this.sf.value.contactsName) {
// // this.service.msgSrv.warning('请填写申请人姓名');
// return;
// }
// if (!this.sf1.value.enterpriseQualificationCertificate) {
// // this.service.msgSrv.warning('请上传营业执照');
// return;
// }
// if (!this.sf1.value.unifiedSocialCreditCode) {
// // this.service.msgSrv.warning('请填写统一社会信用代码');
// return;
// }
// if (!this.sf1.value.enterpriseName) {
// // this.service.msgSrv.warning('请填写公司名称');
// return;
// }
// if (!this.sf1.value.enterpriseType) {
// // this.service.msgSrv.warning('请填写公司类型');
// return;
// }
// if (!this.sf1.value.region) {
// // this.service.msgSrv.warning('请选择所在地区');
// return;
// }
// if (!this.sf1.value.enterpriseAddress) {
// // this.service.msgSrv.warning('请填写营业执照详细地址');
// return;
// }
// if (!this.sf1.value.registrationCapital) {
// // this.service.msgSrv.warning('请填写注册资本');
// return;
// }
// if (!this.sf1.value.enterpriseRegistrationTime) {
// // this.service.msgSrv.warning('请选择成立日期');
// return;
// }
// if (!this.sf1.value.operatingStartTime) {
// // this.service.msgSrv.warning('请选择营业期限开始日期');
// return;
// }
// if (this.sf1.value.dateType !== true) {
// if (!this.sf1.value.operatingEndTime) {
// this.service.msgSrv.warning('请选择营业期限结束日期');
// return;
// }
// if (this.sf1.value.operatingEndTime <= this.sf1.value.operatingStartTime) {
// this.service.msgSrv.warning('营业期限结束日期不能小于或等于开始日期');
// return;
// }
// }
// if (!this.sf1.value.businessScope) {
// this.service.msgSrv.warning('请填写经营范围');
// return;
// }
// if (!this.sf1.value.certificatePhotoFront) {
// this.service.msgSrv.warning('请上传身份证正面照');
// return;
// }
// if (!this.sf1.value.certificatePhotoBack) {
// this.service.msgSrv.warning('请上传身份证反面照');
// return;
// }
// if (!this.sf1.value.name) {
// this.service.msgSrv.warning('请填写法定代表人');
// return;
// }
// if (!this.sf1.value.certificateNumber) {
// this.service.msgSrv.warning('请填写法定代表人身份证号');
// return;
// }
// if (!this.sf1.value.validStartTime) {
// this.service.msgSrv.warning('请选择身份证有效开始日期');
// return;
// }
// if (this.sf1.value.dateType1 !== true) {
// if (!this.sf1.value.validEndTime) {
// this.service.msgSrv.warning('请选择身份证有效截止日期');
// return;
// }
// if (this.sf1.value.validEndTime <= this.sf1.value.validStartTime) {
// this.service.msgSrv.warning('身份证有效截止日期不能小于或等于开始日期');
// return;
// }
// }
// const params: any = {
// contactsName: this.sf.value.contactsName,
// contactsPhone: this.sf.value.telephone,
// certificateNumber: this.sf1.value.certificateNumber,
// unifiedSocialCreditCode: this.sf1.value.unifiedSocialCreditCode,
// enterpriseAddressCodeStr: this.sf1.value.enterpriseAddressCodeStr,
// enterpriseAddressCode: this.sf1.value.region[2],
// enterpriseAddress: this.sf1.value.enterpriseAddress,
// enterpriseName: this.sf1.value.enterpriseName,
// enterpriseNameAbbreviation: this.sf1.value.enterpriseNameAbbreviation,
// enterpriseQualificationCertificate: this.sf1.value.enterpriseQualificationCertificate,
// enterpriseType: this.sf1.value.enterpriseType,
// enterpriseTelephone: this.sf1.value.enterpriseTelephone,
// enterpriseRegistrationTime: this.sf1.value.enterpriseRegistrationTime,
// businessScope: this.sf1.value.businessScope,
// operatingEndTime: this.sf1.value.operatingEndTime,
// operatingStartTime: this.sf1.value.operatingStartTime,
// organizationCode: this.sf1.value.organizationCode,
// registrationCapital: this.sf1.value.registrationCapital,
// legalPersonIdentity: {
// // ...this.sf1.value,
// validStartTime: this.sf1.value.validStartTime,
// validEndTime: this.sf1.value.validEndTime,
// certificatePhotoBack: this.sf1.value.certificatePhotoBack,
// certificateNumber: this.sf1.value.certificateNumber,
// certificatePhotoFront: this.sf1.value.certificatePhotoFront,
// certificateType: this.sf1.value.certificateType,
// handCertificate: this.sf1.value.handCertificate,
// name: this.sf1.value.name,
// },
// };
// if (this.routerinfo.snapshot.queryParams.id) {
// params.id = this.routerinfo.snapshot.queryParams.id;
// }
// delete params?.tips;
// this.service.http.post(this.service.$api_supplierSubmitInfo, params).subscribe((res) => {
// if (res) {
// this.getApplicationInfo(res.data?.id);
// }
// });
// }
viewImg(image: any) {
// this.modal.createStatic(AccountComponentsImgViewComponent, { i: { imgUrl: image } }).subscribe(() => {
// // this.st.reload();
// });
}
getRegionToThree(regionCode: string) {
// 获取一、二、三级地区详情
this.service
.request(this.service.$api_get_region_by_code, { regionCode })
.pipe(map(data => data.map((item: any) => ({ label: item.regionFullName, value: item.regionCode, ...item }))))
.subscribe(res => {
this.regionData = res;
this.schema1 = this.initBasicInfoSF();
}); });
} }
updateArea(parentId: string, target: string, type: number, nextTarget: string, sfObj: SFComponent): any {
// 改变二级数据时，同时清空三级数据
if (type === 2 && sfObj) {
sfObj.getProperty(nextTarget)!.schema.enum = [];
sfObj.getProperty(nextTarget)!.widget.reset([]);
sfObj.getProperty(nextTarget)!.setValue(null, true);
}
if (!parentId && sfObj) {
sfObj.getProperty(target)!.schema.enum = [];
sfObj.getProperty(target)!.widget.reset([]);
sfObj.getProperty(target)!.setValue(null, true);
} else {
// return this.service.http
// .get(this.service.$api_getRegionByCode, { regionCode: parentId })
// .pipe(
// map((res) => {
// return res.data.map((m: { regionFullName: string; name: any; regionCode: any }) => {
// const fullName = m.regionFullName.split(',').reverse().join('');
// return { label: m.name, value: m.regionCode, fullName };
// });
// }),
// )
// .subscribe((res) => {
// sfObj.getProperty(target)!.schema.enum = res;
// sfObj.getProperty(target)!.widget.reset(res);
// });
}
}
/* /*
* 根据地区code查询地区详情 * 根据地区code查询地区详情
* code：请求参数 * code：请求参数
@ -320,6 +123,7 @@ export class FreightComponentsListNewComponent implements OnInit {
// 根据地区code查询地区详情 // 根据地区code查询地区详情
return this.service.request(this.service.$api_get_region_by_code, { regionCode }); return this.service.request(this.service.$api_get_region_by_code, { regionCode });
} }
longTime(i: boolean | SFSchemaEnum[], type: string) { longTime(i: boolean | SFSchemaEnum[], type: string) {
if (type === 'schema') { if (type === 'schema') {
if (i) { if (i) {
@ -356,16 +160,6 @@ export class FreightComponentsListNewComponent implements OnInit {
} }
} }
goPage(page: string) {
if (page === 'list') {
this.router.navigate(['./account/role']);
} else {
this.router.navigate(['./account/apply-list']);
}
}
goBack() {
window.history.go(-1);
}
checkIdCard(imgurl: any, isFront: number, type: number) { checkIdCard(imgurl: any, isFront: number, type: number) {
// 识别身份证 参数isFront：0-正面、1-背面；type：0-申请人身份证，1-法定代表人身份证 // 识别身份证 参数isFront：0-正面、1-背面；type：0-申请人身份证，1-法定代表人身份证
const params = { const params = {
@ -466,6 +260,10 @@ export class FreightComponentsListNewComponent implements OnInit {
// }); // });
} }
goBack() {
window.history.go(-1);
}
private initBasicInfoSF(): SFSchema { private initBasicInfoSF(): SFSchema {
return { return {
properties: { properties: {
@ -476,11 +274,8 @@ export class FreightComponentsListNewComponent implements OnInit {
type: 'string', type: 'string',
title: '营业执照', title: '营业执照',
ui: { ui: {
...this.imageConfig, ...IMAGECONFIG,
descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M', descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
data: {
appId: this.service.envSrv.getEnvironment().appId
},
change: args => { change: args => {
if (args.type === 'success') { if (args.type === 'success') {
this.sf1.setValue('/licensePhoto', args.fileList[0].response.data.fullFilePath); this.sf1.setValue('/licensePhoto', args.fileList[0].response.data.fullFilePath);
@ -533,7 +328,6 @@ export class FreightComponentsListNewComponent implements OnInit {
enterpriseAddressCode: { enterpriseAddressCode: {
type: 'number', type: 'number',
title: '营业执照所在地', title: '营业执照所在地',
// default: [110000, 110100, 110105],
ui: { ui: {
grid: { xxl: 13, xl: 18, lg: 24, md: 24 }, grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
widget: 'cascader', widget: 'cascader',
@ -551,9 +345,6 @@ export class FreightComponentsListNewComponent implements OnInit {
} }
); );
}); });
},
change: (ngModel: string | any[]) => {
console.log(ngModel);
} }
} as SFCascaderWidgetSchema } as SFCascaderWidgetSchema
}, },
@ -591,12 +382,9 @@ export class FreightComponentsListNewComponent implements OnInit {
title: '成立日期', title: '成立日期',
type: 'string', type: 'string',
ui: { ui: {
...this.dateConfig, ...DATECONFIG,
errors: { errors: {
required: '请选择开始日期' required: '请选择开始日期'
},
change: i => {
// this.sf1?.setValue('/dateType1', false);
} }
} as SFDateWidgetSchema } as SFDateWidgetSchema
}, },
@ -604,7 +392,7 @@ export class FreightComponentsListNewComponent implements OnInit {
title: '营业期限', title: '营业期限',
type: 'string', type: 'string',
ui: { ui: {
...this.dateConfig, ...DATECONFIG,
errors: { errors: {
required: '请选择截止日期' required: '请选择截止日期'
}, },
@ -657,11 +445,8 @@ export class FreightComponentsListNewComponent implements OnInit {
type: 'string', type: 'string',
title: '', title: '',
ui: { ui: {
...this.imageConfig, ...IMAGECONFIG,
descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M', descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
data: {
// appId: this.envSrv.getEnvironment().appId,
},
change: args => { change: args => {
if (args.type === 'success') { if (args.type === 'success') {
this.sf1.setValue('/legalPersonIdentityDTO/certificatePhotoFront', args.fileList[0].response.data.fullFilePath); this.sf1.setValue('/legalPersonIdentityDTO/certificatePhotoFront', args.fileList[0].response.data.fullFilePath);
@ -677,11 +462,8 @@ export class FreightComponentsListNewComponent implements OnInit {
type: 'string', type: 'string',
title: '', title: '',
ui: { ui: {
...this.imageConfig, ...IMAGECONFIG,
descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M', descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
data: {
// appId: this.envSrv.getEnvironment().appId,
},
change: args => { change: args => {
if (args.type === 'success') { if (args.type === 'success') {
this.sf1.setValue('/legalPersonIdentityDTO/certificatePhotoBack', args.fileList[0].response.data.fullFilePath); this.sf1.setValue('/legalPersonIdentityDTO/certificatePhotoBack', args.fileList[0].response.data.fullFilePath);
@ -734,9 +516,6 @@ export class FreightComponentsListNewComponent implements OnInit {
placeholder: '请选择', placeholder: '请选择',
errors: { errors: {
required: '请选择开始日期' required: '请选择开始日期'
},
change: i => {
// this.sf1?.setValue('/dateType1', false);
} }
} as SFDateWidgetSchema } as SFDateWidgetSchema
}, },
@ -840,11 +619,8 @@ export class FreightComponentsListNewComponent implements OnInit {
type: 'string', type: 'string',
title: '', title: '',
ui: { ui: {
...this.imageConfig, ...IMAGECONFIG,
descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M', descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
data: {
// appId: this.envSrv.getEnvironment().appId,
},
change: args => { change: args => {
if (args.type === 'success') { if (args.type === 'success') {
this.sf.setValue('/certificatePhotoFront', args.fileList[0].response.data.fullFilePath); this.sf.setValue('/certificatePhotoFront', args.fileList[0].response.data.fullFilePath);
@ -865,11 +641,8 @@ export class FreightComponentsListNewComponent implements OnInit {
type: 'string', type: 'string',
title: '', title: '',
ui: { ui: {
...this.imageConfig, ...IMAGECONFIG,
descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M', descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
data: {
// appId: this.envSrv.getEnvironment().appId,
},
change: args => { change: args => {
if (args.type === 'success') { if (args.type === 'success') {
this.sf.setValue('/certificatePhotoBack', args.fileList[0].response.data.fullFilePath); this.sf.setValue('/certificatePhotoBack', args.fileList[0].response.data.fullFilePath);
@ -904,11 +677,8 @@ export class FreightComponentsListNewComponent implements OnInit {
type: 'string', type: 'string',
title: '', title: '',
ui: { ui: {
...this.imageConfig, ...IMAGECONFIG,
descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M', descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
data: {
// appId: this.envSrv.getEnvironment().appId,
},
change: args => { change: args => {
if (args.type === 'success') { if (args.type === 'success') {
this.sf.setValue('/creditPhoto', args.fileList[0].response.data.fullFilePath); this.sf.setValue('/creditPhoto', args.fileList[0].response.data.fullFilePath);

62
src/app/routes/vehicle/components/audit/detail/detail.component.html
View File

@ -1,4 +1,4 @@
<ng-container > <ng-container>
<!-- 页头 --> <!-- 页头 -->
<page-header-wrapper [logo]="logo" title="车辆详情" [content]="content"> <page-header-wrapper [logo]="logo" title="车辆详情" [content]="content">
<ng-template #logo> <ng-template #logo>
@ -8,9 +8,33 @@
</ng-template> </ng-template>
<ng-template #content> <ng-template #content>
<sv-container col="3"> <sv-container col="3">
<sv-title style="font-weight: 700;">车辆基础信息</sv-title> <sv-title style="font-weight: 700;">待审核
<div style="float: right;">
<button nz-button nzType="default" nzDanger>通过</button>
<button nz-button nzType="default" nzDanger>驳回</button>
<button nz-button nzType="default" nzDanger (click)="ratify()">修改</button>
</div>
</sv-title>
<sv label="申请时间">
{{ detailData?.carNoColor }}
</sv>
<sv label="录入人员">
{{ detailData?.carNoColor }}
</sv>
</sv-container>
</ng-template>
</page-header-wrapper>
<nz-card [ngClass]="{'readOnly-input': !isEdit}">
<sv-container col="3">
<sv-title style="font-weight: 700;">车辆基础信息
</sv-title>
<sv label="车牌号"> <sv label="车牌号">
{{ detailData?.carNo }} <input type="text" name="" [(ngModel)]="detailData.carNo" [readonly]="!isEdit">
</sv> </sv>
<sv label="车牌颜色"> <sv label="车牌颜色">
{{ detailData?.carNoColor }} {{ detailData?.carNoColor }}
@ -27,12 +51,12 @@
</sv-container> </sv-container>
<sv-container col="1"> <sv-container col="1">
<sv label="车头照"> <sv label="车头照">
<app-imagelist [imgList]="[detailData?.carFrontPhotoWatermark, detailData?.carFrontPhotoWatermark]"></app-imagelist> <app-imagelist [imgList]="[detailData?.carFrontPhotoWatermark, detailData?.carFrontPhotoWatermark]">
</app-imagelist>
</sv> </sv>
</sv-container> </sv-container>
</ng-template> <nz-divider></nz-divider>
</page-header-wrapper>
<nz-card>
<sv-container col="3"> <sv-container col="3">
<sv-title style="font-weight: 700;">行驶证信息</sv-title> <sv-title style="font-weight: 700;">行驶证信息</sv-title>
<sv label="档案编号"> <sv label="档案编号">
@ -83,7 +107,9 @@
{{ detailData?.contactsName }} {{ detailData?.contactsName }}
</sv> </sv>
<sv label="行驶证照片"> <sv label="行驶证照片">
<app-imagelist [imgList]="[detailData?.certificatePhotoFront,detailData?.certificatePhotoBack,detailData?.certificatePhotoFrontWatermark,detailData?.certificatePhotoBackWatermark]"></app-imagelist> <app-imagelist
[imgList]="[detailData?.certificatePhotoFront,detailData?.certificatePhotoBack,detailData?.certificatePhotoFrontWatermark,detailData?.certificatePhotoBackWatermark]">
</app-imagelist>
</sv> </sv>
</sv-container> </sv-container>
<nz-divider></nz-divider> <nz-divider></nz-divider>
@ -102,25 +128,18 @@
{{detailData?.roadTransportEndTime}} {{detailData?.roadTransportEndTime}}
</sv> </sv>
<sv label="道路运输证照片"> <sv label="道路运输证照片">
<app-imagelist [imgList]="[detailData?.roadTransportPhoto,detailData?.roadTransportPhotoWatermark ]"></app-imagelist> <app-imagelist [imgList]="[detailData?.roadTransportPhoto,detailData?.roadTransportPhotoWatermark ]">
</app-imagelist>
</sv> </sv>
</sv-container> </sv-container>
<nz-divider></nz-divider> <nz-divider></nz-divider>
<sv-container col="2" class="mt16"> <sv-container col="2" class="mt16">
<sv-title style="font-weight: 700;">认证司机</sv-title> <sv-title style="font-weight: 700;">认证司机</sv-title>
</sv-container> </sv-container>
<st <st #st [bordered]="true" [columns]="columns" [data]="service.$api_get_queryDriverByCarId"
#st
[bordered]="true"
[columns]="columns"
[data]="service.$api_get_queryDriverByCarId"
[req]="{ method: 'POST', allInBody: true, params: reqParams }" [req]="{ method: 'POST', allInBody: true, params: reqParams }"
[res]="{ reName: { list: 'data', total: 'data' } }" [res]="{ reName: { list: 'data', total: 'data' } }" [ngStyle]="{ margin: '1rem 0' }" multiSort size="small"
[ngStyle]="{ margin: '1rem 0' }" [page]="{ show: false }">
multiSort
size="small"
[page]="{ show: false }"
>
<ng-template st-row="isSelf" let-item let-index="index"> <ng-template st-row="isSelf" let-item let-index="index">
<div nz-tooltip [nzTooltipTitle]="item.enterpriseName"> <div nz-tooltip [nzTooltipTitle]="item.enterpriseName">
<div> <div>
@ -132,7 +151,8 @@
</nz-card> </nz-card>
</ng-container> </ng-container>
<nz-modal [(nzVisible)]="isVisible" [nzWidth]="600" [nzFooter]="nzModalFooterEvaluate" (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel('2')"> <nz-modal [(nzVisible)]="isVisible" [nzWidth]="600" [nzFooter]="nzModalFooterEvaluate" (nzOnOk)="handleOK()"
(nzOnCancel)="handleCancel('2')">
<ng-container *nzModalContent> <ng-container *nzModalContent>
<nz-tabset> <nz-tabset>
<nz-tab nzTitle="我的评价"> <nz-tab nzTitle="我的评价">

37
src/app/routes/vehicle/components/audit/detail/detail.component.less
View File

@ -1,40 +1,13 @@
@import '~@delon/theme/index'; @import '~@delon/theme/index';
:host { :host {
::ng-deep { ::ng-deep {
.ant-steps-dot {
.ant-steps-item-content {
width: 200px;
}
.ant-steps-item-icon {
margin-left: 96px;
}
.ant-steps-item-tail::after {
margin-left: 40px;
}
}
.success {
color: @success-color;
}
.warning { .readOnly-input {
color: @warning-color; input {
outline: 0;
border : 0;
} }
.error {
color: @error-color;
}
}
.mt16 {
margin-top: 16px;
}
.user-info {
display: flex;
font-size: 16px;
.enterprise-name {
margin-right: 15px;
}
.user-info-des {
margin-bottom: 5px;
} }
} }
} }

62
src/app/routes/vehicle/components/audit/detail/detail.component.ts
View File

@ -11,7 +11,7 @@ import { VehicleService } from '../../../services/vehicle.service';
@Component({ @Component({
selector: 'app-Vehicle-components-Audit-detail', selector: 'app-Vehicle-components-Audit-detail',
templateUrl: './detail.component.html', templateUrl: './detail.component.html',
styleUrls: ['./detail.component.less'], styleUrls: ['./detail.component.less']
}) })
export class VehicleComponentsAuditDetailComponent implements OnInit { export class VehicleComponentsAuditDetailComponent implements OnInit {
i: any; i: any;
@ -23,7 +23,9 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
modalName = ''; modalName = '';
ui!: SFUISchema; ui!: SFUISchema;
columns!: STColumn[]; columns!: STColumn[];
detailData: any; detailData: any = {
carNo: '111'
};
schema!: SFSchema; schema!: SFSchema;
@ViewChild('sf', { static: false }) sf!: SFComponent; @ViewChild('sf', { static: false }) sf!: SFComponent;
schema1!: SFSchema; schema1!: SFSchema;
@ -31,13 +33,14 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
validData: any = ['suppliersType']; validData: any = ['suppliersType'];
suppliersData: any = {}; suppliersData: any = {};
isEdit = false;
constructor( constructor(
private http: _HttpClient, private http: _HttpClient,
private modal: ModalHelper, private modal: ModalHelper,
public service: VehicleService, public service: VehicleService,
private route: ActivatedRoute, private route: ActivatedRoute,
private modalHelper: ModalHelper, private modalHelper: ModalHelper,
private msgSrv: NzMessageService, private msgSrv: NzMessageService
) {} ) {}
ngOnInit() { ngOnInit() {
@ -64,17 +67,17 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
type: 'string', type: 'string',
ui: { ui: {
widget: 'date', widget: 'date',
format: 'yyyy-MM-dd 00:00:00', format: 'yyyy-MM-dd 00:00:00'
// hidden: this.modalName === 'effectiveDate' ? false : true, // hidden: this.modalName === 'effectiveDate' ? false : true,
} as SFDateWidgetSchema, } as SFDateWidgetSchema
}
}, },
}, required: ['effectiveDate']
required: ['effectiveDate'],
}; };
this.ui = { '*': { spanLabelFixed: 120, grid: { span: 24 } } }; this.ui = { '*': { spanLabelFixed: 120, grid: { span: 24 } } };
} }
initST() { initST() {
this.columns =[ this.columns = [
{ title: '认证司机', index: 'name', width: 300, className: 'text-center' }, { title: '认证司机', index: 'name', width: 300, className: 'text-center' },
{ title: '司机手机号', index: 'mobile', width: 300, className: 'text-center' }, { title: '司机手机号', index: 'mobile', width: 300, className: 'text-center' },
{ title: '是否挂靠', render: 'isSelf', width: 300, className: 'text-center' }, { title: '是否挂靠', render: 'isSelf', width: 300, className: 'text-center' },
@ -87,16 +90,16 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
buttons: [ buttons: [
{ {
text: '查看协议', text: '查看协议',
click: (_record) => this.viewEvaluate(_record), click: _record => this.viewEvaluate(_record)
}, },
{ {
text: '上传协议', text: '上传协议',
click: (_record) => this.updateEvaluate(_record), click: _record => this.updateEvaluate(_record)
}, }
],
},
] ]
} }
];
}
initSF1() { initSF1() {
this.schema1 = { this.schema1 = {
properties: { properties: {
@ -106,7 +109,7 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
title: '类型', title: '类型',
enum: [ enum: [
{ label: '非外部供应商', value: 0 }, { label: '非外部供应商', value: 0 },
{ label: '外部供应商', value: 1 }, { label: '外部供应商', value: 1 }
], ],
default: '', default: '',
ui: { ui: {
@ -121,41 +124,38 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
this.suppliersData.externalSuppliersId = ''; this.suppliersData.externalSuppliersId = '';
} }
this.initSF1(); this.initSF1();
}, }
}, }
}, },
externalSuppliersId: { externalSuppliersId: {
title: '外部供应商id', title: '外部供应商id',
type: 'string', type: 'string',
default: '', default: '',
ui: { ui: {
visibleIf: { suppliersType: (value: any) => value === 1 }, visibleIf: { suppliersType: (value: any) => value === 1 }
}
}
}, },
}, required: this.validData
},
required: this.validData,
}; };
} }
// 获取录单员 // 获取录单员
getDetailList() { getDetailList() {
console.log( this.route.snapshot?.params?.id) console.log(this.route.snapshot?.params?.id);
const params = { const params = {
id: this.route.snapshot?.params?.id id: this.route.snapshot?.params?.id
}; };
this.service.request(`${this.service.$api_get_operate_get}`, params).subscribe((res) => { this.service.request(`${this.service.$api_get_operate_get}`, params).subscribe(res => {
console.log(res) console.log(res);
this.detailData = res; // this.detailData = res;
}) });
} }
goBack() { goBack() {
window.history.go(-1); window.history.go(-1);
} }
handleCancel(name: any) {}
handleCancel(name: any) {
}
/** /**
*查看评价 *查看评价
@ -174,7 +174,9 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
// // this.getInfo(); // // this.getInfo();
// }); // });
} }
handleOK() { handleOK() {}
ratify() {
this.isEdit = true;
} }
} }