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

edit

Browse Source
This commit is contained in:
Taric Xin
2021-12-13 21:23:56 +08:00
parent c49ce32985
commit d1142fecc1
4 changed files with 135 additions and 319 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -93,20 +93,10 @@ export class FreightComponentsListNewComponent implements OnInit {
enterpriseBusinessAddressCode = ''; enterpriseBusinessAddressCode = '';
regionData: any = []; regionData: any = [];
constructor( constructor(public msg: NzMessageService, private router: Router, private service: UsermanageService) {}
private routerinfo: ActivatedRoute, ngOnInit() {}
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(
@ -134,182 +124,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); 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：请求参数

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