diff --git a/src/app/routes/contract-management/components/contract-detail/contract-detail.component.html b/src/app/routes/contract-management/components/contract-detail/contract-detail.component.html
new file mode 100644
index 00000000..5a5461b6
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-detail/contract-detail.component.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/routes/contract-management/components/contract-detail/contract-detail.component.less b/src/app/routes/contract-management/components/contract-detail/contract-detail.component.less
new file mode 100644
index 00000000..ed026470
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-detail/contract-detail.component.less
@@ -0,0 +1,4 @@
+.title {
+padding-right: 4px;
+padding-left: 14px !important;
+}
\ No newline at end of file
diff --git a/src/app/routes/contract-management/components/contract-detail/contract-detail.component.spec.ts b/src/app/routes/contract-management/components/contract-detail/contract-detail.component.spec.ts
new file mode 100644
index 00000000..3b8c0b69
--- /dev/null
+++ b/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;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [UserCenterComponentsDriverDetailComponent],
+ }).compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(UserCenterComponentsDriverDetailComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/routes/contract-management/components/contract-detail/contract-detail.component.ts b/src/app/routes/contract-management/components/contract-detail/contract-detail.component.ts
new file mode 100644
index 00000000..6cc6e38b
--- /dev/null
+++ b/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)
+ }
+}
diff --git a/src/app/routes/contract-management/components/contract-frame/contract-frame.component.html b/src/app/routes/contract-management/components/contract-frame/contract-frame.component.html
index ab3d34bb..0b349f14 100644
--- a/src/app/routes/contract-management/components/contract-frame/contract-frame.component.html
+++ b/src/app/routes/contract-management/components/contract-frame/contract-frame.component.html
@@ -1,7 +1,7 @@