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

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

@ -1,96 +1,92 @@
<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> <ng-template sf-template="tips" let-me let-ui="ui" let-schema="schema">
<ng-template sf-template="tips" let-me let-ui="ui" let-schema="schema"> <div class="pr">
<div class="pr"> 请上传营业执照原件的高清照片，若上传复印件，则需加盖公司印章；
请上传营业执照原件的高清照片，若上传复印件，则需加盖公司印章； <div>上传后系统会自动识别并填写</div>
<div>上传后系统会自动识别并填写</div> </div>
</div> </ng-template>
</ng-template> <ng-template sf-template="unit" let-me let-ui="ui" let-schema="schema">
<ng-template sf-template="unit" let-me let-ui="ui" let-schema="schema"> <div class="pr">万元</div>
<div class="pr">万元</div> </ng-template>
</ng-template>
<ng-template sf-template="legalPersonIdentityDTO/title2" let-me let-ui="ui" let-schema="schema"> <ng-template sf-template="legalPersonIdentityDTO/title2" let-me let-ui="ui" let-schema="schema">
<div class="form-title" style="margin-top: 40px;margin-left: -180px;">营业执照法人信息</div> <div class="form-title" style="margin-top: 40px;margin-left: -180px;">营业执照法人信息</div>
</ng-template> </ng-template>
<ng-template sf-template="legalPersonIdentityDTO/tipsC" let-me let-ui="ui" let-schema="schema"> <ng-template sf-template="legalPersonIdentityDTO/tipsC" let-me let-ui="ui" let-schema="schema">
<div class="pr"> <div class="pr">
<div>请上传身份证原件的高清照片，若上传复印件，则需申请人签字；</div> <div>请上传身份证原件的高清照片，若上传复印件，则需申请人签字；</div>
<div>上传后系统会自动识别并填写</div> <div>上传后系统会自动识别并填写</div>
</div> </div>
</ng-template> </ng-template>
<ng-template sf-template="legalPersonIdentityDTO/tipsA" let-me let-ui="ui" let-schema="schema"> <ng-template sf-template="legalPersonIdentityDTO/tipsA" let-me let-ui="ui" let-schema="schema">
<div class="pr"> <div class="pr">
<dl class="tips"> <dl class="tips">
<dt>正面照（人像面）</dt> <dt>正面照（人像面）</dt>
<dd>示例</dd> <dd>示例</dd>
</dl> </dl>
<div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-front.png" /></div> <div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-front.png" /></div>
</div> </div>
</ng-template> </ng-template>
<ng-template sf-template="legalPersonIdentityDTO/tipsB" let-me let-ui="ui" let-schema="schema"> <ng-template sf-template="legalPersonIdentityDTO/tipsB" let-me let-ui="ui" let-schema="schema">
<div class="pr"> <div class="pr">
<dl class="tips"> <dl class="tips">
<dt>背面照（国徽面）</dt> <dt>背面照（国徽面）</dt>
<dd>示例</dd> <dd>示例</dd>
</dl> </dl>
<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>
<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>
<ng-template sf-template="title99" let-me let-ui="ui" let-schema="schema"> <ng-template sf-template="title99" let-me let-ui="ui" let-schema="schema">
<div class="form-title">企业管理员信息</div> <div class="form-title">企业管理员信息</div>
</ng-template> </ng-template>
<ng-template sf-template="tipsD" let-me let-ui="ui" let-schema="schema"> <ng-template sf-template="tipsD" let-me let-ui="ui" let-schema="schema">
<div class="pr"> <div class="pr">
<div>请上传该企业授权您成为本系统企业管理员的文件的高清照片，需加盖公司印章</div> <div>请上传该企业授权您成为本系统企业管理员的文件的高清照片，需加盖公司印章</div>
<div>上传后系统会自动识别并填写</div> <div>上传后系统会自动识别并填写</div>
<div></div> <div></div>
<div class="pa"><img width="190" src="/assets/images/eg02.png" /></div> <div class="pa"><img width="190" src="/assets/images/eg02.png" /></div>
</div> </div>
</ng-template> </ng-template>
<ng-template sf-template="tips" let-me let-ui="ui" let-schema="schema"> <ng-template sf-template="tips" let-me let-ui="ui" let-schema="schema">
<div class="pr"> <div class="pr">
<div>请上传身份证原件的高清照片，若上传复印件，则需申请人签字；</div> <div>请上传身份证原件的高清照片，若上传复印件，则需申请人签字；</div>
<div>上传后系统会自动识别并填写</div> <div>上传后系统会自动识别并填写</div>
</div> </div>
</ng-template> </ng-template>
<ng-template sf-template="tipsA" let-me let-ui="ui" let-schema="schema"> <ng-template sf-template="tipsA" let-me let-ui="ui" let-schema="schema">
<div class="pr"> <div class="pr">
<dl class="tips"> <dl class="tips">
<dt>正面照（人像面）</dt> <dt>正面照（人像面）</dt>
<dd>示例</dd> <dd>示例</dd>
</dl> </dl>
<div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-front.png" /></div> <div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-front.png" /></div>
</div> </div>
</ng-template> </ng-template>
<ng-template sf-template="tipsB" let-me let-ui="ui" let-schema="schema"> <ng-template sf-template="tipsB" let-me let-ui="ui" let-schema="schema">
<div class="pr"> <div class="pr">
<dl class="tips"> <dl class="tips">
<dt>背面照（国徽面）</dt> <dt>背面照（国徽面）</dt>
<dd>示例</dd> <dd>示例</dd>
</dl> </dl>
<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">
<button nz-button type="button" nzType="primary" (click)="submitForm()">确认新增</button>
<button nz-button (click)="goBack()">返回</button>
<div style="padding-left: 379px"> </div>
<button nz-button type="button" nzType="primary" (click)="submitForm()">确认新增</button>
<button nz-button (click)="goBack()">返回</button>
</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,

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

@ -8,21 +8,33 @@ 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'; const IMAGECONFIG = {
action: apiConf.waterFileUpload,
fileType: 'image/png,image/jpeg,image/jpg,image/gif',
fileSize: 5120,
limit: 1,
limitFileCount: 1,
resReName: 'data.fullFileWatermarkPath',
urlReName: 'data.fullFileWatermarkPath',
widget: 'upload',
name: 'multipartFile',
multiple: false,
listType: 'picture-card'
};
const DATECONFIG = {
grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
widget: 'date',
format: 'yyyy-MM-dd',
placeholder: '请选择'
};
@Component({ @Component({
selector: 'app-account-components-freight-new', selector: 'app-account-components-freight-new',
@ -30,27 +42,6 @@ import { UsermanageService } from 'src/app/routes/usercenter/services/usercenter
styleUrls: ['./new.component.less'] styleUrls: ['./new.component.less']
}) })
export class FreightComponentsListNewComponent implements OnInit { export class FreightComponentsListNewComponent implements OnInit {
private imageConfig = {
action: apiConf.waterFileUpload,
fileType: 'image/png,image/jpeg,image/jpg,image/gif',
fileSize: 5120,
limit: 1,
limitFileCount: 1,
resReName: 'data.fullFileWatermarkPath',
urlReName: 'data.fullFileWatermarkPath',
widget: 'upload',
name: 'multipartFile',
multiple: false,
listType: 'picture-card'
};
private dateConfig = {
grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
widget: 'date',
format: 'yyyy-MM-dd',
placeholder: '请选择'
};
@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);

138
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>
@ -7,32 +7,56 @@
</button> </button>
</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;">待审核
<sv label="车牌号"> <div style="float: right;">
{{ detailData?.carNo }} <button nz-button nzType="default" nzDanger>通过</button>
</sv> <button nz-button nzType="default" nzDanger>驳回</button>
<sv label="车牌颜色"> <button nz-button nzType="default" nzDanger (click)="ratify()">修改</button>
{{ detailData?.carNoColor }} </div>
</sv> </sv-title>
<sv label="车型"> <sv label="申请时间">
{{ detailData?.carModel }} {{ detailData?.carNoColor }}
</sv> </sv>
<sv label="车长"> <sv label="录入人员">
{{ detailData?.carLength }} {{ detailData?.carNoColor }}
</sv> </sv>
<sv label="是否为挂车"> </sv-container>
{{ detailData?.isTrailer === true ? '是' : '否'}}
</sv>
</sv-container>
<sv-container col="1">
<sv label="车头照">
<app-imagelist [imgList]="[detailData?.carFrontPhotoWatermark, detailData?.carFrontPhotoWatermark]"></app-imagelist>
</sv>
</sv-container>
</ng-template> </ng-template>
</page-header-wrapper> </page-header-wrapper>
<nz-card>
<nz-card [ngClass]="{'readOnly-input': !isEdit}">
<sv-container col="3">
<sv-title style="font-weight: 700;">车辆基础信息
</sv-title>
<sv label="车牌号">
<input type="text" name="" [(ngModel)]="detailData.carNo" [readonly]="!isEdit">
</sv>
<sv label="车牌颜色">
{{ detailData?.carNoColor }}
</sv>
<sv label="车型">
{{ detailData?.carModel }}
</sv>
<sv label="车长">
{{ detailData?.carLength }}
</sv>
<sv label="是否为挂车">
{{ detailData?.isTrailer === true ? '是' : '否'}}
</sv>
</sv-container>
<sv-container col="1">
<sv label="车头照">
<app-imagelist [imgList]="[detailData?.carFrontPhotoWatermark, detailData?.carFrontPhotoWatermark]">
</app-imagelist>
</sv>
</sv-container>
<nz-divider></nz-divider>
<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="档案编号">
@ -46,10 +70,10 @@
</sv> </sv>
</sv-container> </sv-container>
<sv-container col="2"> <sv-container col="2">
<sv label="行驶证到期日"> <sv label="行驶证到期日">
{{ detailData?.driverLicenseEndTime }} {{ detailData?.driverLicenseEndTime }}
</sv> </sv>
<sv label="行驶证签发机关"> <sv label="行驶证签发机关">
{{ detailData?.driverLicenseSigningOrg }} {{ detailData?.driverLicenseSigningOrg }}
</sv> </sv>
@ -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,49 +128,43 @@
{{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 [req]="{ method: 'POST', allInBody: true, params: reqParams }"
[bordered]="true" [res]="{ reName: { list: 'data', total: 'data' } }" [ngStyle]="{ margin: '1rem 0' }" multiSort size="small"
[columns]="columns" [page]="{ show: false }">
[data]="service.$api_get_queryDriverByCarId" <ng-template st-row="isSelf" let-item let-index="index">
[req]="{ method: 'POST', allInBody: true, params: reqParams }" <div nz-tooltip [nzTooltipTitle]="item.enterpriseName">
[res]="{ reName: { list: 'data', total: 'data' } }" <div>
[ngStyle]="{ margin: '1rem 0' }" {{ item?.isSelf ? '是' : '否' }}
multiSort </div>
size="small" </div>
[page]="{ show: false }" </ng-template>
> </st>
<ng-template st-row="isSelf" let-item let-index="index">
<div nz-tooltip [nzTooltipTitle]="item.enterpriseName">
<div>
{{ item?.isSelf ? '是' : '否' }}
</div>
</div>
</ng-template>
</st>
</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="我的评价">
<div> <div>
评分: <nz-rate [ngModel]="2.5" nzAllowHalf></nz-rate> 评分: <nz-rate [ngModel]="2.5" nzAllowHalf></nz-rate>
<div><span>评价内容：</span></div> <div><span>评价内容：</span></div>
</div> </div>
</nz-tab> </nz-tab>
<nz-tab nzTitle="司机评价"> <nz-tab nzTitle="司机评价">
<div> <div>
暂无评价内容 暂无评价内容
</div> </div>
</nz-tab> </nz-tab>
</nz-tabset> </nz-tabset>
</ng-container> </ng-container>

41
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;
}
}
}

84
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() {
@ -46,12 +49,12 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
this.initSF1(); this.initSF1();
this.initST(); this.initST();
} }
/** /**
* 查询参数 * 查询参数
*/ */
get reqParams() { get reqParams() {
return { id: this.route.snapshot?.params?.id }; return { id: this.route.snapshot?.params?.id };
} }
/** /**
* 初始化查询表单 * 初始化查询表单
*/ */
@ -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,15 +90,15 @@ 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 = {
@ -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,60 +124,59 @@ 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) {}
}
/** /**
*查看评价 *查看评价
*/ */
viewEvaluate(item: any) { viewEvaluate(item: any) {
// this.modal.createStatic(VehicleImgViewComponent, { i: { imgUrl: item } }).subscribe(() => { // this.modal.createStatic(VehicleImgViewComponent, { i: { imgUrl: item } }).subscribe(() => {
// // this.st.reload(); // // this.st.reload();
// }); // });
} }
/** /**
*查看评价 *查看评价
*/ */
updateEvaluate(item: any) { updateEvaluate(item: any) {
// this.modal.createStatic(VehicleComponentsListEditComponent, { i: { item }, infoData: item }).subscribe(() => { // this.modal.createStatic(VehicleComponentsListEditComponent, { i: { item }, infoData: item }).subscribe(() => {
// // this.st.reload(); // // this.st.reload();
// // this.getInfo(); // // this.getInfo();
// }); // });
} }
handleOK() { handleOK() {}
ratify() {
this.isEdit = true;
} }
} }