车辆对接

src/app/routes/order-management/components/risk-detail/risk-detail.component.html

@@ -1,3 +1,11 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-12-16 10:19:08
+ * @LastEditTime: 2021-12-16 16:52:28
+ * @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\order-management\components\risk-detail\risk-detail.component.html
+-->
 <page-header-wrapper [title]="''" [logo]="logo">
   <ng-template #logo>
     <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
@@ -7,26 +15,33 @@
 </page-header-wrapper>
 <nz-card nzTitle="运单信息">
   <sv-container labelWidth="150" col="2">
-    <sv label="订单号">{{i?.billCode}}</sv>
-    <sv label="申诉状态">{{i?.representationsStatus}}</sv>
-    <sv label="承运司机">{{i?.driverName}} / {{i?.driverPhoneNumber}} / {{i?.carId}}</sv>
-    <sv label="收款人"> {{i?.payeeName}} / {{i?.payeePhoneNumber}} </sv>
-    <sv label="装货时间">{{i?.loadTime}}</sv>
-    <sv label="卸货时间">{{i?.unloadTime}}</sv>
-    <sv label="装货地">{{i?.loadingPlace}}</sv>
-    <sv label="卸货地">{{i?.dischargePlace}}</sv>
+    <sv label="订单号">{{datailList?.billCode}}</sv>
+    <sv label="申诉状态">
+      <span *ngIf="datailList?.representationsStatus == 1">待申述</span>
+      <span *ngIf="datailList?.representationsStatus == 2">申述中</span>
+      <span *ngIf="datailList?.representationsStatus == 2">申述成功</span>
+      <span *ngIf="datailList?.representationsStatus == 4">申诉失败</span>
+    </sv>
+    <sv label="承运司机">{{datailList?.driverName}} / {{datailList?.driverPhoneNumber}} / {{i?.carId}}</sv>
+    <sv label="收款人"> {{datailList?.payeeName}} / {{datailList?.payeePhoneNumber}} </sv>
+    <sv label="装货时间">{{datailList?.loadTime}}</sv>
+    <sv label="卸货时间">{{datailList?.unloadTime}}</sv>
+    <sv label="装货地">{{datailList?.loadingPlace}}</sv>
+    <sv label="卸货地">{{datailList?.dischargePlace}}</sv>
     <sv label="异常原因" col="1">
       <div class="bg-grey-lighter p-sm">
-        <div *ngFor="let item of abnormalReason">{{item}}</div>
+        {{datailList?.abnormalCause}}
+        <!-- <div *ngFor="let item of abnormalReason">{{item}}</div> -->
       </div>
     </sv>
   </sv-container>
 </nz-card>
-<nz-card nzTitle="申诉信息" [nzExtra]="extraTemplate">
-  <ng-template #extraTemplate>
+<!-- [nzExtra]="extraTemplate" -->
+<nz-card nzTitle="申诉信息" >
+  <!-- <ng-template #extraTemplate>
     <button nzType="primary" (click)="edit(i)" nzGhost nz-button>编辑</button>
-  </ng-template>
-  <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="schema" [formData]="i">
+  </ng-template> -->
+  <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="schema" [formData]="datailList">
     <ng-template sf-template="enterpriseQualificationCe" let-schema="schema" let-me let-ui="ui">
       <app-imagelist [imgList]="me.value"></app-imagelist>
     </ng-template>

src/app/routes/order-management/components/risk-detail/risk-detail.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+import { Component, OnInit, ViewChild, ɵɵsetComponentScope } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { SFComponent, SFSchema, SFSelectWidgetSchema, SFTextareaWidgetSchema, SFUISchema } from '@delon/form';
 import { _HttpClient } from '@delon/theme';
@@ -16,28 +16,32 @@ export class OrderManagementRiskDetailComponent implements OnInit {
   @ViewChild('sf', { static: false }) sf!: SFComponent;
   ui: SFUISchema = {};
   schema: SFSchema = {};
-  abnormalReason = [
-    '司机装货轨迹异常',
-    '司机卸货轨迹异常',
-    '车辆装货轨迹异常',
-    '司机位置未移动，或运输途中未打开APP',
-    '运单轨迹严重异常'
-  ]
+  // abnormalReason = [
+  //   '司机装货轨迹异常',
+  //   '司机卸货轨迹异常',
+  //   '车辆装货轨迹异常',
+  //   '司机位置未移动，或运输途中未打开APP',
+  //   '运单轨迹严重异常'
+  // ]
   i: any;
+  datailList: any;
   id: string = '';
   constructor(private modal: NzModalService, public service: SupplyManagementService, public ar: ActivatedRoute) {
-    this.id = this.ar.snapshot.queryParams.id;
+    this.id = this.ar.snapshot.params.id;
   }
 
   ngOnInit(): void {
-    this.initSF();
-    if (this.id) this.getDetail(this.id);
-
+    if (this.id)
+    {
+      this.getDetail(this.id);
+      this.initSF();
+    } 
+    
   }
   initSF() {
     this.schema = {
       properties: {
-        enterpriseType: {
+        representationsCause: {
           title: '申诉原因',
           type: 'string',
           maxLength: 30,
@@ -46,7 +50,7 @@ export class OrderManagementRiskDetailComponent implements OnInit {
             change: (value, orgData) => console.log(value, orgData),
           } as SFSelectWidgetSchema,
         },
-        enterpriseTyp: {
+        representationsDescribe: {
           title: '申诉描述',
           type: 'string',
           ui: {
@@ -93,11 +97,11 @@ export class OrderManagementRiskDetailComponent implements OnInit {
     };
   }
   getDetail(id: string) {
-    // this.service.request(this.service.$api_get_risk_order_detail, { id }).subscribe(res => {
-    //   if (res) {
-    //     this.i = res;
-    //   }
-    // })
+    this.service.request(this.service.$api_get_getRiskDetail, { id }).subscribe(res => {
+      if (res) {
+        this.datailList = res;
+      }
+    })
   }
 
   edit(item: any): void {