fix bug
This commit is contained in:
		| @ -3,7 +3,7 @@ import { ActivatedRoute, Router } from '@angular/router'; | ||||
| import { STColumn, STColumnBadge, STComponent, STData } from '@delon/abc/st'; | ||||
| import { SFComponent, SFSchema, SFUISchema } from '@delon/form'; | ||||
| import { NzModalService } from 'ng-zorro-antd/modal'; | ||||
| import { UsermanageService } from '../../../vehicle/services/vehicle.service'; | ||||
| import { VehicleService } from '../../../vehicle/services/vehicle.service'; | ||||
| @Component({ | ||||
|   selector: 'app-Freight-components-list', | ||||
|   templateUrl: './audit.component.html', | ||||
| @ -46,7 +46,7 @@ export class VehicleComponentsListComponent implements OnInit { | ||||
|   @ViewChild('st', { static: false }) st!: STComponent; | ||||
|   @ViewChild('sf', { static: false }) sf!: SFComponent; | ||||
|  | ||||
|   constructor(public service: UsermanageService, private modal: NzModalService, private router: Router, private ar: ActivatedRoute) {} | ||||
|   constructor(public service: VehicleService, private modal: NzModalService, private router: Router, private ar: ActivatedRoute) {} | ||||
|   /** | ||||
|    * 查询字段个数navigate | ||||
|    */ | ||||
|  | ||||
| @ -27,8 +27,7 @@ | ||||
|         </sv-container> | ||||
|         <sv-container col="1"> | ||||
|           <sv label="车头照"> | ||||
|             <span>{{detailData?.carFrontPhotoWatermark}}</span> | ||||
|             <app-imagelist [imgList]="[detailData?.carFrontPhotoWatermark]"></app-imagelist> | ||||
|             <app-imagelist [imgList]="[detailData?.carFrontPhotoWatermark, detailData?.carFrontPhotoWatermark]"></app-imagelist> | ||||
|           </sv> | ||||
|         </sv-container> | ||||
|     </ng-template> | ||||
| @ -37,46 +36,46 @@ | ||||
|     <sv-container col="3"> | ||||
|       <sv-title style="font-weight: 700;">行驶证信息</sv-title> | ||||
|       <sv label="档案编号"> | ||||
|         {{ detailData?.contactsName }} | ||||
|         {{ detailData?.archivesNo }} | ||||
|       </sv> | ||||
|       <sv label="准驾车型"> | ||||
|         {{ detailData?.contactsPhone }} | ||||
|         {{ detailData?.carModel }} | ||||
|       </sv> | ||||
|       <sv label="行驶证注册日期"> | ||||
|         {{ detailData?.contactsPhone }} | ||||
|         {{ detailData?.driverLicenseRegisterTime }} | ||||
|       </sv> | ||||
|     </sv-container> | ||||
|  | ||||
|       <sv-container col="2"> | ||||
|         <sv label="行驶证到期日"> | ||||
|           {{ detailData?.contactsPhone }} | ||||
|           {{ detailData?.driverLicenseEndTime }} | ||||
|         </sv> | ||||
|       <sv label="行驶证签发机关"> | ||||
|         {{ detailData?.contactsPhone }} | ||||
|         {{ detailData?.driverLicenseSigningOrg }} | ||||
|       </sv> | ||||
|     </sv-container> | ||||
|  | ||||
|     <sv-container col="3"> | ||||
|       <sv label="行驶证发证日期"> | ||||
|         {{ detailData?.contactsName }} | ||||
|         {{ detailData?.driverLicenseGetTime }} | ||||
|       </sv> | ||||
|       <sv label="车辆识别代码"> | ||||
|         {{ detailData?.contactsPhone }} | ||||
|         {{ detailData?.carDistinguishCode }} | ||||
|       </sv> | ||||
|       <sv label="使用性质"> | ||||
|         {{ detailData?.contactsPhone }} | ||||
|         {{ detailData?.useNature === '1' ? '营运' : '非营运'}} | ||||
|       </sv> | ||||
|     </sv-container> | ||||
|  | ||||
|     <sv-container col="3"> | ||||
|       <sv label="载重(吨)"> | ||||
|         {{ detailData?.contactsName }} | ||||
|         {{ detailData?.carLoad }} | ||||
|       </sv> | ||||
|       <sv label="整备质量"> | ||||
|         {{ detailData?.contactsPhone }} | ||||
|         {{ detailData?.curbWeight }} | ||||
|       </sv> | ||||
|       <sv label="所有人"> | ||||
|         {{ detailData?.contactsPhone }} | ||||
|         {{ detailData?.carOwner }} | ||||
|       </sv> | ||||
|     </sv-container> | ||||
|     <sv-container col="1"> | ||||
| @ -84,40 +83,73 @@ | ||||
|         {{ detailData?.contactsName }} | ||||
|       </sv> | ||||
|       <sv label="行驶证照片"> | ||||
|         <!-- <app-imagelist [imgList]="detailData?.enterpriseQualificationCertificate"></app-imagelist> --> | ||||
|         <app-imagelist [imgList]="[detailData?.certificatePhotoFront,detailData?.certificatePhotoBack,detailData?.certificatePhotoFrontWatermark,detailData?.certificatePhotoBackWatermark]"></app-imagelist> | ||||
|       </sv> | ||||
|     </sv-container> | ||||
|     <nz-divider></nz-divider> | ||||
|     <sv-container col="3" class="mt16"> | ||||
|       <sv-title style="font-weight: 700;">道路运输证信息</sv-title> | ||||
|       <sv label="道路运输证号"> | ||||
|         {{ detailData?.enterpriseName }} | ||||
|         {{ detailData?.roadTransportNo }} | ||||
|       </sv> | ||||
|       <sv label="许可证起始有效期"> | ||||
|         {{ detailData?.unifiedSocialCreditCode }} | ||||
|       <sv label="经营许可证号"> | ||||
|         {{ detailData?.roadTransportLicenceNo }} | ||||
|       </sv> | ||||
|       <sv label="许可证截至有效期"> | ||||
|         {{ detailData?.enterpriseType }} | ||||
|       <sv label="发证日期"> | ||||
|         {{ detailData?.roadTransportStartTime }} | ||||
|       </sv> | ||||
|       <sv label="营业执照"> | ||||
|         <!-- <app-imagelist [imgList]="detailData?.enterpriseQualificationCertificate"></app-imagelist> --> | ||||
|       <sv label="有效期至"> | ||||
|         {{detailData?.roadTransportEndTime}} | ||||
|       </sv> | ||||
|       <sv label="道路运输证照片"> | ||||
|         <app-imagelist [imgList]="[detailData?.roadTransportPhoto,detailData?.roadTransportPhotoWatermark ]"></app-imagelist> | ||||
|       </sv> | ||||
|     </sv-container> | ||||
|     <nz-divider></nz-divider> | ||||
|     <sv-container col="2" class="mt16"> | ||||
|       <sv-title style="font-weight: 700;">认证司机</sv-title> | ||||
|     </sv-container> | ||||
|     <!-- <st | ||||
|     <st | ||||
|     #st | ||||
|     [bordered]="true" | ||||
|     [columns]="columns" | ||||
|     [data]="servi" | ||||
|     [data]="service.$api_get_queryDriverByCarId" | ||||
|     [req]="{  method: 'POST', allInBody: true, params: reqParams }" | ||||
|     [res]="{ reName: { list: 'data', total: 'data' } }" | ||||
|     [ngStyle]="{ margin: '1rem 0' }" | ||||
|     multiSort | ||||
|     size="small" | ||||
|     [page]="{ show: false }" | ||||
|   > | ||||
|   </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> | ||||
| </ng-container> | ||||
|  | ||||
| <nz-modal [(nzVisible)]="isVisible"  [nzWidth]="600" [nzFooter]="nzModalFooterEvaluate"  (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel('2')"> | ||||
|   <ng-container *nzModalContent> | ||||
|     <nz-tabset> | ||||
|       <nz-tab nzTitle="我的评价"> | ||||
|       <div> | ||||
|         评分: <nz-rate [ngModel]="2.5" nzAllowHalf></nz-rate> | ||||
|         <div><span>评价内容:</span></div> | ||||
|       </div> | ||||
|       </nz-tab> | ||||
|       <nz-tab nzTitle="司机评价"> | ||||
|       <div> | ||||
|         暂无评价内容 | ||||
|       </div> | ||||
|       </nz-tab> | ||||
|     </nz-tabset> | ||||
|   </ng-container> | ||||
|   <ng-template #nzModalFooterEvaluate> | ||||
|     <button nz-button nzType="default" (click)="handleCancel('2')">取消</button> | ||||
|     <button nz-button nzType="primary" (click)="handleOK()">确定</button> | ||||
|   </ng-template> | ||||
| </nz-modal> | ||||
| @ -22,28 +22,7 @@ export class VehicleComponentsListDetailComponent implements OnInit { | ||||
|   modalTitle = '有效期'; | ||||
|   modalName = ''; | ||||
|   ui!: SFUISchema; | ||||
|   columns: STColumn[] = [ | ||||
|     { title: '认证司机', index: 'perPrice', width: 300, className: 'text-center' }, | ||||
|     { title: '司机手机号', index: 'goodsQuantity', width: 300, className: 'text-center' }, | ||||
|     { title: '是否挂靠', index: 'goodsQuantity', width: 300, className: 'text-center' }, | ||||
|     { title: '录入人员', index: 'totalPrice', width: 300, className: 'text-center' }, | ||||
|     { | ||||
|       title: '车主申明/挂靠协议', | ||||
|       fixed: 'right', | ||||
|       width: '200px', | ||||
|       className: 'text-left', | ||||
|       buttons: [ | ||||
|         { | ||||
|           text: '查看协议', | ||||
|           click: (_record) => this.viewEvaluate(_record), | ||||
|         }, | ||||
|         { | ||||
|           text: '上传协议', | ||||
|           click: (_record) => this.updateEvaluate(_record), | ||||
|         }, | ||||
|       ], | ||||
|     }, | ||||
|   ]; | ||||
|   columns!: STColumn[]; | ||||
|   detailData: any; | ||||
|   schema!: SFSchema; | ||||
|   @ViewChild('sf', { static: false }) sf!: SFComponent; | ||||
| @ -62,10 +41,17 @@ export class VehicleComponentsListDetailComponent implements OnInit { | ||||
|   ) {} | ||||
|  | ||||
|   ngOnInit() { | ||||
|     this.getDetailList(); | ||||
|     this.initSF(); | ||||
|     this.initSF1(); | ||||
|     this.getDetailList(); | ||||
|     this.initST(); | ||||
|   } | ||||
|     /** | ||||
|    * 查询参数 | ||||
|    */ | ||||
|      get reqParams() { | ||||
|       return { id: this.route.snapshot?.params?.id }; | ||||
|     } | ||||
|   /** | ||||
|    * 初始化查询表单 | ||||
|    */ | ||||
| @ -87,6 +73,30 @@ export class VehicleComponentsListDetailComponent implements OnInit { | ||||
|     }; | ||||
|     this.ui = { '*': { spanLabelFixed: 120, grid: { span: 24 } } }; | ||||
|   } | ||||
|   initST() { | ||||
|     this.columns =[ | ||||
|       { title: '认证司机', index: 'name', width: 300, className: 'text-center' }, | ||||
|       { title: '司机手机号', index: 'mobile', width: 300, className: 'text-center' }, | ||||
|       { title: '是否挂靠', render: 'isSelf', width: 300, className: 'text-center' }, | ||||
|       { title: '录入人员', index: 'totalPrice', width: 300, className: 'text-center' }, | ||||
|       { | ||||
|         title: '车主申明/挂靠协议', | ||||
|         fixed: 'right', | ||||
|         width: '200px', | ||||
|         className: 'text-left', | ||||
|         buttons: [ | ||||
|           { | ||||
|             text: '查看协议', | ||||
|             click: (_record) => this.viewEvaluate(_record), | ||||
|           }, | ||||
|           { | ||||
|             text: '上传协议', | ||||
|             click: (_record) => this.updateEvaluate(_record), | ||||
|           }, | ||||
|         ], | ||||
|       }, | ||||
|     ] | ||||
|   } | ||||
|   initSF1() { | ||||
|     this.schema1 = { | ||||
|       properties: { | ||||
| @ -128,6 +138,7 @@ export class VehicleComponentsListDetailComponent implements OnInit { | ||||
|   } | ||||
|   // 获取录单员  | ||||
|   getDetailList() { | ||||
|    console.log( this.route.snapshot?.params?.id) | ||||
|     const params = { | ||||
|       id: this.route.snapshot?.params?.id | ||||
|     }; | ||||
|  | ||||
| @ -1,7 +1,7 @@ | ||||
| /* | ||||
|  * @Author: your name | ||||
|  * @Date: 2021-11-29 15:22:34 | ||||
|  * @LastEditTime: 2021-12-10 10:51:34 | ||||
|  * @LastEditTime: 2021-12-10 15:35:40 | ||||
|  * @LastEditors: Please set LastEditors | ||||
|  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE | ||||
|  * @FilePath: \tms-obc-web\src\app\routes\usercenter\services\usercenter.service.ts | ||||
| @ -20,6 +20,8 @@ export class VehicleService extends BaseService { | ||||
|   $api_get_operate_list = `/api/mdc/cuc/carLicense/operate/list/page`; | ||||
|   // 获取车辆认证表 | ||||
|   $api_get_operate_get = `/api/mdc/cuc/carLicense/operate/get`; | ||||
|   // 获取车辆认证司机列表 | ||||
|   $api_get_queryDriverByCarId = `/api/mdc/cuc/userCarLicense/operate/queryDriverByCarId`; | ||||
|  | ||||
|   constructor(public injector: Injector) { | ||||
|     super(injector); | ||||
|  | ||||
		Reference in New Issue
	
	Block a user