车辆对接

src/app/routes/contract-management/components/contract-detail/contract-detail.component.html

@@ -0,0 +1,23 @@
+<!--
+ * @Author: your name
+ * @Date: 2022-01-05 11:01:55
+ * @LastEditTime: 2022-01-10 15:55:59
+ * @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\contract-management\components\contract-template-detail\contract-template-detail.component.html
+-->
+<!-- 页头 -->
+<page-header-wrapper [logo]="logo" [title]="textStatus" >
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+  <div nz-col nzSpan="20" style="overflow: scroll">
+    <nz-card class="card-height" >
+      <div [innerHTML]="detailList?.contractContent | safehtml"></div>
+    </nz-card>
+  </div>
+</nz-card>

src/app/routes/contract-management/components/contract-detail/contract-detail.component.less

@@ -0,0 +1,4 @@
+.title {
+padding-right: 4px;
+padding-left: 14px !important;
+}

src/app/routes/contract-management/components/contract-detail/contract-detail.component.spec.ts

@@ -0,0 +1,31 @@
+/*
+ * @Author: your name
+ * @Date: 2021-11-29 20:19:08
+ * @LastEditTime: 2021-11-29 20:31:00
+ * @LastEditors: your name
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\usercenter\components\freight\list\detail\detail.component.spec.ts
+ */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { UserCenterComponentsDriverDetailComponent } from './contract-detail.component';
+
+describe('UserCenterComponentsDriverDetailComponent', () => {
+  let component: UserCenterComponentsDriverDetailComponent;
+  let fixture: ComponentFixture<UserCenterComponentsDriverDetailComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [UserCenterComponentsDriverDetailComponent],
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(UserCenterComponentsDriverDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/routes/contract-management/components/contract-detail/contract-detail.component.ts

@@ -0,0 +1,70 @@
+import { Router } from '@angular/router';
+/*
+ * @Author: your name
+ * @Date: 2022-01-05 11:01:55
+ * @LastEditTime: 2022-01-10 15:56:26
+ * @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\contract-management\components\contract-template-detail\contract-template-detail.component.ts
+ */
+import { DatePipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { apiConf } from '@conf/api.conf';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFTagWidgetSchema, SFTextWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { ImageViewComponent } from 'src/app/shared/components/imagelist';
+import { ContractManagementService } from '../../services/contract-management.service';
+
+@Component({
+  selector: 'app-contract-management-detail-complaint',
+  templateUrl: './contract-detail.component.html',
+  styleUrls: ['./contract-detail.component.less'],
+  providers: [DatePipe]
+})
+export class ContractManagementDetailComponent implements OnInit {
+
+  constructor(
+    private nzModalService: NzModalService,
+    public service: ContractManagementService,
+    public route: ActivatedRoute,
+    private datePipe: DatePipe,
+    private router: Router
+  ) {}
+  textStatus = '合同详情'
+  name: any;
+  code: any;
+  templateHTML: any;
+  detailList: any = {
+    templateName: ''
+  };
+  ngOnInit() {
+    this.initData(this.service.$api_contract_get)
+  }
+  goBack() {
+    window.history.go(-1)
+  }
+
+  initData(url: string) {
+    this.service.request(url, {id: this.route.snapshot.params.id}).subscribe((res) => {
+      console.log(res)
+      if(res) {
+        this.detailList = res;
+        this.detailList = res;
+        let value :any= JSON.parse(res.contractParameter)
+        console.log(value['${code}'])
+        console.log(value['${name}'])
+        this.code = value['${code}']
+        this.name =value['${name}']
+      }
+    })
+  }
+  cancel() {
+    window.history.go(-1)
+  }
+}