车辆对接

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

@@ -0,0 +1,128 @@
+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';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { OrderManagementService } from '../../services/order-management.service';
+// import { RiskOrderService } from '../../services/risk-order.service';
+// import { CtcAppealComponent } from '../appeal/appeal.component';
+
+@Component({
+  selector: 'app-oder-management-component-risk-detail',
+  templateUrl: './complaint-detail.component.html',
+  styleUrls: ['./complaint-detail.component.less']
+})
+export class OrderManagementComplaintDetailComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  ui: SFUISchema = {};
+  schema: SFSchema = {};
+  // abnormalReason = [
+  //   '司机装货轨迹异常',
+  //   '司机卸货轨迹异常',
+  //   '车辆装货轨迹异常',
+  //   '司机位置未移动，或运输途中未打开APP',
+  //   '运单轨迹严重异常'
+  // ]
+  i: any;
+  datailList: any;
+  id: string = '';
+  constructor(private modal: NzModalService, public service: OrderManagementService, public ar: ActivatedRoute) {
+    this.id = this.ar.snapshot.params.id;
+  }
+
+  ngOnInit(): void {
+    if (this.id)
+    {
+      this.getDetail(this.id);
+      this.initSF();
+    } 
+    
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        complaintCause: {
+          title: '投诉原因',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            widget: 'text',
+            change: (value, orgData) => console.log(value, orgData),
+          } as SFSelectWidgetSchema,
+        },
+        complaintDetails: {
+          title: '投诉详情',
+          type: 'string',
+          ui: {
+            widget: 'textarea',
+            placeholder: '请输入',
+            autosize: {
+              minRows: 4,
+              maxRows: 4
+            }
+          },
+          readOnly: true
+        } as SFTextareaWidgetSchema,
+        imgUrls: {
+          type: 'string',
+          title: '上传凭证',
+          ui: {
+            widget: 'custom'
+          }
+        },
+      },
+    };
+
+    this.ui = {
+      '*': {
+        spanLabelFixed: 180,
+        grid: { span: 18 },
+        width: 600,
+      },
+      $title1: {
+        spanLabelFixed: 0,
+      },
+      $title2: {
+        spanLabelFixed: 0,
+      },
+      $title3: {
+        spanLabelFixed: 0,
+      },
+      $unit: {
+        spanLabelFixed: 20,
+        grid: { span: 3 },
+      },
+    };
+  }
+  getDetail(id: string) {
+    this.service.request(this.service.$api_get_getComplaintDriverDetails, { id }).subscribe(res => {
+      if (res) {
+        this.datailList = res;
+      }
+    })
+  }
+
+  edit(item: any): void {
+    const modalRef = this.modal.create({
+      nzTitle: '申诉',
+      nzWidth: '40%',
+      // nzContent: CtcAppealComponent,
+      nzComponentParams: {
+        i: item
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe(res => {
+      if (res) {
+
+      }
+    })
+  }
+  kkk(value: any) {
+    console.log(value)
+  }
+  goBack() {
+    window.history.go(-1)
+  }
+
+}