diff --git a/src/api/finance/businessSettlement.ts b/src/api/finance/businessSettlement.ts
new file mode 100644
index 0000000..5a18d24
--- /dev/null
+++ b/src/api/finance/businessSettlement.ts
@@ -0,0 +1,59 @@
+// 业务结算
+import request from '../index'
+import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
+
+// 业务结算列表
+export function getBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: `/finance/settlement/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 业务结算导出
+export function exportBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: '/finance/settlement/listExport',
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 删除
+export function delBusinessSettlementList(data: any) {
+  return request({
+    url: '/finance/settlement/delete',
+    method: 'post',
+    data,
+  })
+}
+
+// 新增
+export function addBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/add',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/update',
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function getBusinessSettlementDetail(data: { id: string }) {
+  return request({
+    url: '/finance/settlement/detail',
+    method: 'post',
+    data,
+  })
+}
+

diff --git a/src/api/finance/businessSettlement.ts b/src/api/finance/businessSettlement.ts
new file mode 100644
index 0000000..5a18d24
--- /dev/null
+++ b/src/api/finance/businessSettlement.ts
@@ -0,0 +1,59 @@
+// 业务结算
+import request from '../index'
+import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
+
+// 业务结算列表
+export function getBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: `/finance/settlement/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 业务结算导出
+export function exportBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: '/finance/settlement/listExport',
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 删除
+export function delBusinessSettlementList(data: any) {
+  return request({
+    url: '/finance/settlement/delete',
+    method: 'post',
+    data,
+  })
+}
+
+// 新增
+export function addBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/add',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/update',
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function getBusinessSettlementDetail(data: { id: string }) {
+  return request({
+    url: '/finance/settlement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/api/finance/businessSettlement/businessSettlement.ts b/src/api/finance/businessSettlement/businessSettlement.ts
deleted file mode 100644
index b4c7efe..0000000
--- a/src/api/finance/businessSettlement/businessSettlement.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-// 业务结算
-import request from '../../index'
-import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
-
-// 业务结算列表
-export function getBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/list',
-    method: 'post',
-    data,
-  })
-}
-
-// 业务结算导出
-export function exportBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/listExport',
-    method: 'post',
-    responseType: 'blob',
-    data,
-  })
-}
-
-// 删除
-export function delBusinessSettlementList(data: any) {
-  return request({
-    url: '/finance/settlement/delete',
-    method: 'post',
-    data,
-  })
-}
-
-// 新增
-export function addBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/add',
-    method: 'post',
-    data,
-  })
-}
-
-// 编辑
-export function updateBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/update',
-    method: 'post',
-    data,
-  })
-}
-
-// 详情
-export function getBusinessSettlementDetail(data: { id: string }) {
-  return request({
-    url: '/finance/settlement/detail',
-    method: 'post',
-    data,
-  })
-}
-

diff --git a/src/api/finance/businessSettlement.ts b/src/api/finance/businessSettlement.ts
new file mode 100644
index 0000000..5a18d24
--- /dev/null
+++ b/src/api/finance/businessSettlement.ts
@@ -0,0 +1,59 @@
+// 业务结算
+import request from '../index'
+import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
+
+// 业务结算列表
+export function getBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: `/finance/settlement/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 业务结算导出
+export function exportBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: '/finance/settlement/listExport',
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 删除
+export function delBusinessSettlementList(data: any) {
+  return request({
+    url: '/finance/settlement/delete',
+    method: 'post',
+    data,
+  })
+}
+
+// 新增
+export function addBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/add',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/update',
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function getBusinessSettlementDetail(data: { id: string }) {
+  return request({
+    url: '/finance/settlement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/api/finance/businessSettlement/businessSettlement.ts b/src/api/finance/businessSettlement/businessSettlement.ts
deleted file mode 100644
index b4c7efe..0000000
--- a/src/api/finance/businessSettlement/businessSettlement.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-// 业务结算
-import request from '../../index'
-import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
-
-// 业务结算列表
-export function getBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/list',
-    method: 'post',
-    data,
-  })
-}
-
-// 业务结算导出
-export function exportBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/listExport',
-    method: 'post',
-    responseType: 'blob',
-    data,
-  })
-}
-
-// 删除
-export function delBusinessSettlementList(data: any) {
-  return request({
-    url: '/finance/settlement/delete',
-    method: 'post',
-    data,
-  })
-}
-
-// 新增
-export function addBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/add',
-    method: 'post',
-    data,
-  })
-}
-
-// 编辑
-export function updateBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/update',
-    method: 'post',
-    data,
-  })
-}
-
-// 详情
-export function getBusinessSettlementDetail(data: { id: string }) {
-  return request({
-    url: '/finance/settlement/detail',
-    method: 'post',
-    data,
-  })
-}
-
diff --git a/src/api/finance/contract.ts b/src/api/finance/contract.ts
new file mode 100644
index 0000000..793b23b
--- /dev/null
+++ b/src/api/finance/contract.ts
@@ -0,0 +1,65 @@
+// 收入合同
+import request from '../index'
+import type { IListQuery } from '@/views/finance/contract/contract-interface'
+
+// 收入合同审批列表-列表页
+export function getContractList(data: IListQuery) {
+  return request({
+    url: `/finance/agreement/approval/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新建
+export function addContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/save',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑-草稿箱、已取消
+export function updateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/draftUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 未通过驳回编辑
+export function failUpdateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/failUpdate',
+    method: 'post',
+    data,
+  })
+}
+
+// 提交
+export function submitContractList(data: { id: string; formId: string; processId: string }) {
+  return request({
+    url: '/finance/agreement/submit',
+    method: 'post',
+    data,
+  })
+}
+
+// 删除
+export function delContractList(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/delete',
+    method: 'post',
+    data,
+  })
+}
+// 详情
+export function getContractDetail(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/detail',
+    method: 'post',
+    data,
+  })
+}
+

diff --git a/src/api/finance/businessSettlement.ts b/src/api/finance/businessSettlement.ts
new file mode 100644
index 0000000..5a18d24
--- /dev/null
+++ b/src/api/finance/businessSettlement.ts
@@ -0,0 +1,59 @@
+// 业务结算
+import request from '../index'
+import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
+
+// 业务结算列表
+export function getBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: `/finance/settlement/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 业务结算导出
+export function exportBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: '/finance/settlement/listExport',
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 删除
+export function delBusinessSettlementList(data: any) {
+  return request({
+    url: '/finance/settlement/delete',
+    method: 'post',
+    data,
+  })
+}
+
+// 新增
+export function addBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/add',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/update',
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function getBusinessSettlementDetail(data: { id: string }) {
+  return request({
+    url: '/finance/settlement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/api/finance/businessSettlement/businessSettlement.ts b/src/api/finance/businessSettlement/businessSettlement.ts
deleted file mode 100644
index b4c7efe..0000000
--- a/src/api/finance/businessSettlement/businessSettlement.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-// 业务结算
-import request from '../../index'
-import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
-
-// 业务结算列表
-export function getBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/list',
-    method: 'post',
-    data,
-  })
-}
-
-// 业务结算导出
-export function exportBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/listExport',
-    method: 'post',
-    responseType: 'blob',
-    data,
-  })
-}
-
-// 删除
-export function delBusinessSettlementList(data: any) {
-  return request({
-    url: '/finance/settlement/delete',
-    method: 'post',
-    data,
-  })
-}
-
-// 新增
-export function addBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/add',
-    method: 'post',
-    data,
-  })
-}
-
-// 编辑
-export function updateBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/update',
-    method: 'post',
-    data,
-  })
-}
-
-// 详情
-export function getBusinessSettlementDetail(data: { id: string }) {
-  return request({
-    url: '/finance/settlement/detail',
-    method: 'post',
-    data,
-  })
-}
-
diff --git a/src/api/finance/contract.ts b/src/api/finance/contract.ts
new file mode 100644
index 0000000..793b23b
--- /dev/null
+++ b/src/api/finance/contract.ts
@@ -0,0 +1,65 @@
+// 收入合同
+import request from '../index'
+import type { IListQuery } from '@/views/finance/contract/contract-interface'
+
+// 收入合同审批列表-列表页
+export function getContractList(data: IListQuery) {
+  return request({
+    url: `/finance/agreement/approval/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新建
+export function addContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/save',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑-草稿箱、已取消
+export function updateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/draftUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 未通过驳回编辑
+export function failUpdateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/failUpdate',
+    method: 'post',
+    data,
+  })
+}
+
+// 提交
+export function submitContractList(data: { id: string; formId: string; processId: string }) {
+  return request({
+    url: '/finance/agreement/submit',
+    method: 'post',
+    data,
+  })
+}
+
+// 删除
+export function delContractList(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/delete',
+    method: 'post',
+    data,
+  })
+}
+// 详情
+export function getContractDetail(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/router/modules/financial.ts b/src/router/modules/financial.ts
index b2da11d..bd7820a 100644
--- a/src/router/modules/financial.ts
+++ b/src/router/modules/financial.ts
@@ -25,6 +25,18 @@
           auth: '/finance/contractManagement/income',
         },
       },
+      {
+        path: ':type/:id?',
+        name: 'contractManagementDetail',
+        component: () => import('@/views/finance/contract/edit.vue'),
+        meta: {
+          title: '收入合同管理详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/contractManagement/list',
+        },
+      },
     ],
   },
   {

diff --git a/src/api/finance/businessSettlement.ts b/src/api/finance/businessSettlement.ts
new file mode 100644
index 0000000..5a18d24
--- /dev/null
+++ b/src/api/finance/businessSettlement.ts
@@ -0,0 +1,59 @@
+// 业务结算
+import request from '../index'
+import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
+
+// 业务结算列表
+export function getBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: `/finance/settlement/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 业务结算导出
+export function exportBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: '/finance/settlement/listExport',
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 删除
+export function delBusinessSettlementList(data: any) {
+  return request({
+    url: '/finance/settlement/delete',
+    method: 'post',
+    data,
+  })
+}
+
+// 新增
+export function addBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/add',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/update',
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function getBusinessSettlementDetail(data: { id: string }) {
+  return request({
+    url: '/finance/settlement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/api/finance/businessSettlement/businessSettlement.ts b/src/api/finance/businessSettlement/businessSettlement.ts
deleted file mode 100644
index b4c7efe..0000000
--- a/src/api/finance/businessSettlement/businessSettlement.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-// 业务结算
-import request from '../../index'
-import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
-
-// 业务结算列表
-export function getBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/list',
-    method: 'post',
-    data,
-  })
-}
-
-// 业务结算导出
-export function exportBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/listExport',
-    method: 'post',
-    responseType: 'blob',
-    data,
-  })
-}
-
-// 删除
-export function delBusinessSettlementList(data: any) {
-  return request({
-    url: '/finance/settlement/delete',
-    method: 'post',
-    data,
-  })
-}
-
-// 新增
-export function addBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/add',
-    method: 'post',
-    data,
-  })
-}
-
-// 编辑
-export function updateBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/update',
-    method: 'post',
-    data,
-  })
-}
-
-// 详情
-export function getBusinessSettlementDetail(data: { id: string }) {
-  return request({
-    url: '/finance/settlement/detail',
-    method: 'post',
-    data,
-  })
-}
-
diff --git a/src/api/finance/contract.ts b/src/api/finance/contract.ts
new file mode 100644
index 0000000..793b23b
--- /dev/null
+++ b/src/api/finance/contract.ts
@@ -0,0 +1,65 @@
+// 收入合同
+import request from '../index'
+import type { IListQuery } from '@/views/finance/contract/contract-interface'
+
+// 收入合同审批列表-列表页
+export function getContractList(data: IListQuery) {
+  return request({
+    url: `/finance/agreement/approval/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新建
+export function addContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/save',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑-草稿箱、已取消
+export function updateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/draftUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 未通过驳回编辑
+export function failUpdateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/failUpdate',
+    method: 'post',
+    data,
+  })
+}
+
+// 提交
+export function submitContractList(data: { id: string; formId: string; processId: string }) {
+  return request({
+    url: '/finance/agreement/submit',
+    method: 'post',
+    data,
+  })
+}
+
+// 删除
+export function delContractList(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/delete',
+    method: 'post',
+    data,
+  })
+}
+// 详情
+export function getContractDetail(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/router/modules/financial.ts b/src/router/modules/financial.ts
index b2da11d..bd7820a 100644
--- a/src/router/modules/financial.ts
+++ b/src/router/modules/financial.ts
@@ -25,6 +25,18 @@
           auth: '/finance/contractManagement/income',
         },
       },
+      {
+        path: ':type/:id?',
+        name: 'contractManagementDetail',
+        component: () => import('@/views/finance/contract/edit.vue'),
+        meta: {
+          title: '收入合同管理详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/contractManagement/list',
+        },
+      },
     ],
   },
   {
diff --git a/src/utils/scheduleDict.ts b/src/utils/scheduleDict.ts
index 4aa5ed1..ade7bae 100644
--- a/src/utils/scheduleDict.ts
+++ b/src/utils/scheduleDict.ts
@@ -27,4 +27,6 @@
   BUSINESS_SUBPACKAGE_APPROVE = 'ywglfbfzg', // 分包方资格资格审批
   BUSINESS_SUBPACKAGE_MANAGE = 'ywglfbzsgl', // 分包方证书管理
   BUSINESS_FIELDTEST_APPROVE = 'ywglxcjc', // 现场检测审批
+  BUSINESS_FINANCE_CONTRACT_APPROVE = 'cwczht', // 合同审批
+
 }

diff --git a/src/api/finance/businessSettlement.ts b/src/api/finance/businessSettlement.ts
new file mode 100644
index 0000000..5a18d24
--- /dev/null
+++ b/src/api/finance/businessSettlement.ts
@@ -0,0 +1,59 @@
+// 业务结算
+import request from '../index'
+import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
+
+// 业务结算列表
+export function getBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: `/finance/settlement/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 业务结算导出
+export function exportBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: '/finance/settlement/listExport',
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 删除
+export function delBusinessSettlementList(data: any) {
+  return request({
+    url: '/finance/settlement/delete',
+    method: 'post',
+    data,
+  })
+}
+
+// 新增
+export function addBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/add',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/update',
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function getBusinessSettlementDetail(data: { id: string }) {
+  return request({
+    url: '/finance/settlement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/api/finance/businessSettlement/businessSettlement.ts b/src/api/finance/businessSettlement/businessSettlement.ts
deleted file mode 100644
index b4c7efe..0000000
--- a/src/api/finance/businessSettlement/businessSettlement.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-// 业务结算
-import request from '../../index'
-import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
-
-// 业务结算列表
-export function getBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/list',
-    method: 'post',
-    data,
-  })
-}
-
-// 业务结算导出
-export function exportBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/listExport',
-    method: 'post',
-    responseType: 'blob',
-    data,
-  })
-}
-
-// 删除
-export function delBusinessSettlementList(data: any) {
-  return request({
-    url: '/finance/settlement/delete',
-    method: 'post',
-    data,
-  })
-}
-
-// 新增
-export function addBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/add',
-    method: 'post',
-    data,
-  })
-}
-
-// 编辑
-export function updateBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/update',
-    method: 'post',
-    data,
-  })
-}
-
-// 详情
-export function getBusinessSettlementDetail(data: { id: string }) {
-  return request({
-    url: '/finance/settlement/detail',
-    method: 'post',
-    data,
-  })
-}
-
diff --git a/src/api/finance/contract.ts b/src/api/finance/contract.ts
new file mode 100644
index 0000000..793b23b
--- /dev/null
+++ b/src/api/finance/contract.ts
@@ -0,0 +1,65 @@
+// 收入合同
+import request from '../index'
+import type { IListQuery } from '@/views/finance/contract/contract-interface'
+
+// 收入合同审批列表-列表页
+export function getContractList(data: IListQuery) {
+  return request({
+    url: `/finance/agreement/approval/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新建
+export function addContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/save',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑-草稿箱、已取消
+export function updateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/draftUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 未通过驳回编辑
+export function failUpdateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/failUpdate',
+    method: 'post',
+    data,
+  })
+}
+
+// 提交
+export function submitContractList(data: { id: string; formId: string; processId: string }) {
+  return request({
+    url: '/finance/agreement/submit',
+    method: 'post',
+    data,
+  })
+}
+
+// 删除
+export function delContractList(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/delete',
+    method: 'post',
+    data,
+  })
+}
+// 详情
+export function getContractDetail(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/router/modules/financial.ts b/src/router/modules/financial.ts
index b2da11d..bd7820a 100644
--- a/src/router/modules/financial.ts
+++ b/src/router/modules/financial.ts
@@ -25,6 +25,18 @@
           auth: '/finance/contractManagement/income',
         },
       },
+      {
+        path: ':type/:id?',
+        name: 'contractManagementDetail',
+        component: () => import('@/views/finance/contract/edit.vue'),
+        meta: {
+          title: '收入合同管理详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/contractManagement/list',
+        },
+      },
     ],
   },
   {
diff --git a/src/utils/scheduleDict.ts b/src/utils/scheduleDict.ts
index 4aa5ed1..ade7bae 100644
--- a/src/utils/scheduleDict.ts
+++ b/src/utils/scheduleDict.ts
@@ -27,4 +27,6 @@
   BUSINESS_SUBPACKAGE_APPROVE = 'ywglfbfzg', // 分包方资格资格审批
   BUSINESS_SUBPACKAGE_MANAGE = 'ywglfbzsgl', // 分包方证书管理
   BUSINESS_FIELDTEST_APPROVE = 'ywglxcjc', // 现场检测审批
+  BUSINESS_FINANCE_CONTRACT_APPROVE = 'cwczht', // 合同审批
+
 }
diff --git a/src/views/business/schedule/interchangeReceipt/selectOrder.vue b/src/views/business/schedule/interchangeReceipt/selectOrder.vue
index 5501edf..3bb9312 100644
--- a/src/views/business/schedule/interchangeReceipt/selectOrder.vue
+++ b/src/views/business/schedule/interchangeReceipt/selectOrder.vue
@@ -13,6 +13,10 @@
     type: Boolean,
     default: false,
   },
+  isMulti: {
+    type: Boolean,
+    default: false,
+  },
 })
 const emits = defineEmits(['changeVisible', 'confirmCheckout'])
 const isUrgentMap = ref<dictType[]>([]) // 是否加急
@@ -220,7 +224,7 @@
         :query="listQuery"
         :list-loading="loadingTable"
         is-showmulti-select
-        :is-multi="false"
+        :is-multi="props.isMulti"
         :page-sizes="[5]"
         @change="changePage"
         @multi-select="handleSelectionChange"

diff --git a/src/api/finance/businessSettlement.ts b/src/api/finance/businessSettlement.ts
new file mode 100644
index 0000000..5a18d24
--- /dev/null
+++ b/src/api/finance/businessSettlement.ts
@@ -0,0 +1,59 @@
+// 业务结算
+import request from '../index'
+import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
+
+// 业务结算列表
+export function getBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: `/finance/settlement/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 业务结算导出
+export function exportBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: '/finance/settlement/listExport',
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 删除
+export function delBusinessSettlementList(data: any) {
+  return request({
+    url: '/finance/settlement/delete',
+    method: 'post',
+    data,
+  })
+}
+
+// 新增
+export function addBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/add',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/update',
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function getBusinessSettlementDetail(data: { id: string }) {
+  return request({
+    url: '/finance/settlement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/api/finance/businessSettlement/businessSettlement.ts b/src/api/finance/businessSettlement/businessSettlement.ts
deleted file mode 100644
index b4c7efe..0000000
--- a/src/api/finance/businessSettlement/businessSettlement.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-// 业务结算
-import request from '../../index'
-import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
-
-// 业务结算列表
-export function getBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/list',
-    method: 'post',
-    data,
-  })
-}
-
-// 业务结算导出
-export function exportBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/listExport',
-    method: 'post',
-    responseType: 'blob',
-    data,
-  })
-}
-
-// 删除
-export function delBusinessSettlementList(data: any) {
-  return request({
-    url: '/finance/settlement/delete',
-    method: 'post',
-    data,
-  })
-}
-
-// 新增
-export function addBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/add',
-    method: 'post',
-    data,
-  })
-}
-
-// 编辑
-export function updateBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/update',
-    method: 'post',
-    data,
-  })
-}
-
-// 详情
-export function getBusinessSettlementDetail(data: { id: string }) {
-  return request({
-    url: '/finance/settlement/detail',
-    method: 'post',
-    data,
-  })
-}
-
diff --git a/src/api/finance/contract.ts b/src/api/finance/contract.ts
new file mode 100644
index 0000000..793b23b
--- /dev/null
+++ b/src/api/finance/contract.ts
@@ -0,0 +1,65 @@
+// 收入合同
+import request from '../index'
+import type { IListQuery } from '@/views/finance/contract/contract-interface'
+
+// 收入合同审批列表-列表页
+export function getContractList(data: IListQuery) {
+  return request({
+    url: `/finance/agreement/approval/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新建
+export function addContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/save',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑-草稿箱、已取消
+export function updateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/draftUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 未通过驳回编辑
+export function failUpdateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/failUpdate',
+    method: 'post',
+    data,
+  })
+}
+
+// 提交
+export function submitContractList(data: { id: string; formId: string; processId: string }) {
+  return request({
+    url: '/finance/agreement/submit',
+    method: 'post',
+    data,
+  })
+}
+
+// 删除
+export function delContractList(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/delete',
+    method: 'post',
+    data,
+  })
+}
+// 详情
+export function getContractDetail(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/router/modules/financial.ts b/src/router/modules/financial.ts
index b2da11d..bd7820a 100644
--- a/src/router/modules/financial.ts
+++ b/src/router/modules/financial.ts
@@ -25,6 +25,18 @@
           auth: '/finance/contractManagement/income',
         },
       },
+      {
+        path: ':type/:id?',
+        name: 'contractManagementDetail',
+        component: () => import('@/views/finance/contract/edit.vue'),
+        meta: {
+          title: '收入合同管理详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/contractManagement/list',
+        },
+      },
     ],
   },
   {
diff --git a/src/utils/scheduleDict.ts b/src/utils/scheduleDict.ts
index 4aa5ed1..ade7bae 100644
--- a/src/utils/scheduleDict.ts
+++ b/src/utils/scheduleDict.ts
@@ -27,4 +27,6 @@
   BUSINESS_SUBPACKAGE_APPROVE = 'ywglfbfzg', // 分包方资格资格审批
   BUSINESS_SUBPACKAGE_MANAGE = 'ywglfbzsgl', // 分包方证书管理
   BUSINESS_FIELDTEST_APPROVE = 'ywglxcjc', // 现场检测审批
+  BUSINESS_FINANCE_CONTRACT_APPROVE = 'cwczht', // 合同审批
+
 }
diff --git a/src/views/business/schedule/interchangeReceipt/selectOrder.vue b/src/views/business/schedule/interchangeReceipt/selectOrder.vue
index 5501edf..3bb9312 100644
--- a/src/views/business/schedule/interchangeReceipt/selectOrder.vue
+++ b/src/views/business/schedule/interchangeReceipt/selectOrder.vue
@@ -13,6 +13,10 @@
     type: Boolean,
     default: false,
   },
+  isMulti: {
+    type: Boolean,
+    default: false,
+  },
 })
 const emits = defineEmits(['changeVisible', 'confirmCheckout'])
 const isUrgentMap = ref<dictType[]>([]) // 是否加急
@@ -220,7 +224,7 @@
         :query="listQuery"
         :list-loading="loadingTable"
         is-showmulti-select
-        :is-multi="false"
+        :is-multi="props.isMulti"
         :page-sizes="[5]"
         @change="changePage"
         @multi-select="handleSelectionChange"
diff --git a/src/views/finance/businessSettlement/edit.vue b/src/views/finance/businessSettlement/edit.vue
index 9803d29..b89f35b 100644
--- a/src/views/finance/businessSettlement/edit.vue
+++ b/src/views/finance/businessSettlement/edit.vue
@@ -14,7 +14,7 @@
 import { getOrderDetail } from '@/api/business/schedule/order'
 import { isNumber, validateMoney } from '@/utils/validate'
 import { calc } from '@/utils/useCalc'
-import { addBusinessSettlement, getBusinessSettlementDetail, updateBusinessSettlement } from '@/api/finance/businessSettlement/businessSettlement'
+import { addBusinessSettlement, getBusinessSettlementDetail, updateBusinessSettlement } from '@/api/finance/businessSettlement'
 const user = useUserStore() // 用户信息
 const $route = useRoute()
 const pageType = ref('detail') // add/detail/edit

diff --git a/src/api/finance/businessSettlement.ts b/src/api/finance/businessSettlement.ts
new file mode 100644
index 0000000..5a18d24
--- /dev/null
+++ b/src/api/finance/businessSettlement.ts
@@ -0,0 +1,59 @@
+// 业务结算
+import request from '../index'
+import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
+
+// 业务结算列表
+export function getBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: `/finance/settlement/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 业务结算导出
+export function exportBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: '/finance/settlement/listExport',
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 删除
+export function delBusinessSettlementList(data: any) {
+  return request({
+    url: '/finance/settlement/delete',
+    method: 'post',
+    data,
+  })
+}
+
+// 新增
+export function addBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/add',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/update',
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function getBusinessSettlementDetail(data: { id: string }) {
+  return request({
+    url: '/finance/settlement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/api/finance/businessSettlement/businessSettlement.ts b/src/api/finance/businessSettlement/businessSettlement.ts
deleted file mode 100644
index b4c7efe..0000000
--- a/src/api/finance/businessSettlement/businessSettlement.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-// 业务结算
-import request from '../../index'
-import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
-
-// 业务结算列表
-export function getBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/list',
-    method: 'post',
-    data,
-  })
-}
-
-// 业务结算导出
-export function exportBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/listExport',
-    method: 'post',
-    responseType: 'blob',
-    data,
-  })
-}
-
-// 删除
-export function delBusinessSettlementList(data: any) {
-  return request({
-    url: '/finance/settlement/delete',
-    method: 'post',
-    data,
-  })
-}
-
-// 新增
-export function addBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/add',
-    method: 'post',
-    data,
-  })
-}
-
-// 编辑
-export function updateBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/update',
-    method: 'post',
-    data,
-  })
-}
-
-// 详情
-export function getBusinessSettlementDetail(data: { id: string }) {
-  return request({
-    url: '/finance/settlement/detail',
-    method: 'post',
-    data,
-  })
-}
-
diff --git a/src/api/finance/contract.ts b/src/api/finance/contract.ts
new file mode 100644
index 0000000..793b23b
--- /dev/null
+++ b/src/api/finance/contract.ts
@@ -0,0 +1,65 @@
+// 收入合同
+import request from '../index'
+import type { IListQuery } from '@/views/finance/contract/contract-interface'
+
+// 收入合同审批列表-列表页
+export function getContractList(data: IListQuery) {
+  return request({
+    url: `/finance/agreement/approval/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新建
+export function addContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/save',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑-草稿箱、已取消
+export function updateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/draftUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 未通过驳回编辑
+export function failUpdateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/failUpdate',
+    method: 'post',
+    data,
+  })
+}
+
+// 提交
+export function submitContractList(data: { id: string; formId: string; processId: string }) {
+  return request({
+    url: '/finance/agreement/submit',
+    method: 'post',
+    data,
+  })
+}
+
+// 删除
+export function delContractList(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/delete',
+    method: 'post',
+    data,
+  })
+}
+// 详情
+export function getContractDetail(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/router/modules/financial.ts b/src/router/modules/financial.ts
index b2da11d..bd7820a 100644
--- a/src/router/modules/financial.ts
+++ b/src/router/modules/financial.ts
@@ -25,6 +25,18 @@
           auth: '/finance/contractManagement/income',
         },
       },
+      {
+        path: ':type/:id?',
+        name: 'contractManagementDetail',
+        component: () => import('@/views/finance/contract/edit.vue'),
+        meta: {
+          title: '收入合同管理详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/contractManagement/list',
+        },
+      },
     ],
   },
   {
diff --git a/src/utils/scheduleDict.ts b/src/utils/scheduleDict.ts
index 4aa5ed1..ade7bae 100644
--- a/src/utils/scheduleDict.ts
+++ b/src/utils/scheduleDict.ts
@@ -27,4 +27,6 @@
   BUSINESS_SUBPACKAGE_APPROVE = 'ywglfbfzg', // 分包方资格资格审批
   BUSINESS_SUBPACKAGE_MANAGE = 'ywglfbzsgl', // 分包方证书管理
   BUSINESS_FIELDTEST_APPROVE = 'ywglxcjc', // 现场检测审批
+  BUSINESS_FINANCE_CONTRACT_APPROVE = 'cwczht', // 合同审批
+
 }
diff --git a/src/views/business/schedule/interchangeReceipt/selectOrder.vue b/src/views/business/schedule/interchangeReceipt/selectOrder.vue
index 5501edf..3bb9312 100644
--- a/src/views/business/schedule/interchangeReceipt/selectOrder.vue
+++ b/src/views/business/schedule/interchangeReceipt/selectOrder.vue
@@ -13,6 +13,10 @@
     type: Boolean,
     default: false,
   },
+  isMulti: {
+    type: Boolean,
+    default: false,
+  },
 })
 const emits = defineEmits(['changeVisible', 'confirmCheckout'])
 const isUrgentMap = ref<dictType[]>([]) // 是否加急
@@ -220,7 +224,7 @@
         :query="listQuery"
         :list-loading="loadingTable"
         is-showmulti-select
-        :is-multi="false"
+        :is-multi="props.isMulti"
         :page-sizes="[5]"
         @change="changePage"
         @multi-select="handleSelectionChange"
diff --git a/src/views/finance/businessSettlement/edit.vue b/src/views/finance/businessSettlement/edit.vue
index 9803d29..b89f35b 100644
--- a/src/views/finance/businessSettlement/edit.vue
+++ b/src/views/finance/businessSettlement/edit.vue
@@ -14,7 +14,7 @@
 import { getOrderDetail } from '@/api/business/schedule/order'
 import { isNumber, validateMoney } from '@/utils/validate'
 import { calc } from '@/utils/useCalc'
-import { addBusinessSettlement, getBusinessSettlementDetail, updateBusinessSettlement } from '@/api/finance/businessSettlement/businessSettlement'
+import { addBusinessSettlement, getBusinessSettlementDetail, updateBusinessSettlement } from '@/api/finance/businessSettlement'
 const user = useUserStore() // 用户信息
 const $route = useRoute()
 const pageType = ref('detail') // add/detail/edit
diff --git a/src/views/finance/businessSettlement/list.vue b/src/views/finance/businessSettlement/list.vue
index 66cac60..d1e83b5 100644
--- a/src/views/finance/businessSettlement/list.vue
+++ b/src/views/finance/businessSettlement/list.vue
@@ -7,7 +7,7 @@
 import { exportFile } from '@/utils/exportUtils'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { getDictByCode } from '@/api/system/dict'
-import { delBusinessSettlementList, exportBusinessSettlementList, getBusinessSettlementList } from '@/api/finance/businessSettlement/businessSettlement'
+import { delBusinessSettlementList, exportBusinessSettlementList, getBusinessSettlementList } from '@/api/finance/businessSettlement'
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const isUrgentMap = ref<dictType[]>([]) // 是否加急
@@ -51,7 +51,7 @@
     listQuery.value.offset = 1
   }
   getBusinessSettlementList(listQuery.value).then((response) => {
-    list.value = response.data.map((item: IList) => {
+    list.value = response.data.rows.map((item: IList) => {
       return {
         ...item,
         isUrgentName: item.isUrgent === '1' ? '是' : '否',
@@ -61,8 +61,6 @@
         postedPrice: item.postedPrice ? (item.postedPrice / 100).toFixed(2) : `${item.postedPrice}`,
       }
     })
-    console.log('-----', list.value)
-
     total.value = parseInt(response.data.total)
     loadingTable.value = false
   }).catch(() => {

diff --git a/src/api/finance/businessSettlement.ts b/src/api/finance/businessSettlement.ts
new file mode 100644
index 0000000..5a18d24
--- /dev/null
+++ b/src/api/finance/businessSettlement.ts
@@ -0,0 +1,59 @@
+// 业务结算
+import request from '../index'
+import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
+
+// 业务结算列表
+export function getBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: `/finance/settlement/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 业务结算导出
+export function exportBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: '/finance/settlement/listExport',
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 删除
+export function delBusinessSettlementList(data: any) {
+  return request({
+    url: '/finance/settlement/delete',
+    method: 'post',
+    data,
+  })
+}
+
+// 新增
+export function addBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/add',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/update',
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function getBusinessSettlementDetail(data: { id: string }) {
+  return request({
+    url: '/finance/settlement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/api/finance/businessSettlement/businessSettlement.ts b/src/api/finance/businessSettlement/businessSettlement.ts
deleted file mode 100644
index b4c7efe..0000000
--- a/src/api/finance/businessSettlement/businessSettlement.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-// 业务结算
-import request from '../../index'
-import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
-
-// 业务结算列表
-export function getBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/list',
-    method: 'post',
-    data,
-  })
-}
-
-// 业务结算导出
-export function exportBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/listExport',
-    method: 'post',
-    responseType: 'blob',
-    data,
-  })
-}
-
-// 删除
-export function delBusinessSettlementList(data: any) {
-  return request({
-    url: '/finance/settlement/delete',
-    method: 'post',
-    data,
-  })
-}
-
-// 新增
-export function addBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/add',
-    method: 'post',
-    data,
-  })
-}
-
-// 编辑
-export function updateBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/update',
-    method: 'post',
-    data,
-  })
-}
-
-// 详情
-export function getBusinessSettlementDetail(data: { id: string }) {
-  return request({
-    url: '/finance/settlement/detail',
-    method: 'post',
-    data,
-  })
-}
-
diff --git a/src/api/finance/contract.ts b/src/api/finance/contract.ts
new file mode 100644
index 0000000..793b23b
--- /dev/null
+++ b/src/api/finance/contract.ts
@@ -0,0 +1,65 @@
+// 收入合同
+import request from '../index'
+import type { IListQuery } from '@/views/finance/contract/contract-interface'
+
+// 收入合同审批列表-列表页
+export function getContractList(data: IListQuery) {
+  return request({
+    url: `/finance/agreement/approval/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新建
+export function addContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/save',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑-草稿箱、已取消
+export function updateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/draftUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 未通过驳回编辑
+export function failUpdateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/failUpdate',
+    method: 'post',
+    data,
+  })
+}
+
+// 提交
+export function submitContractList(data: { id: string; formId: string; processId: string }) {
+  return request({
+    url: '/finance/agreement/submit',
+    method: 'post',
+    data,
+  })
+}
+
+// 删除
+export function delContractList(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/delete',
+    method: 'post',
+    data,
+  })
+}
+// 详情
+export function getContractDetail(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/router/modules/financial.ts b/src/router/modules/financial.ts
index b2da11d..bd7820a 100644
--- a/src/router/modules/financial.ts
+++ b/src/router/modules/financial.ts
@@ -25,6 +25,18 @@
           auth: '/finance/contractManagement/income',
         },
       },
+      {
+        path: ':type/:id?',
+        name: 'contractManagementDetail',
+        component: () => import('@/views/finance/contract/edit.vue'),
+        meta: {
+          title: '收入合同管理详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/contractManagement/list',
+        },
+      },
     ],
   },
   {
diff --git a/src/utils/scheduleDict.ts b/src/utils/scheduleDict.ts
index 4aa5ed1..ade7bae 100644
--- a/src/utils/scheduleDict.ts
+++ b/src/utils/scheduleDict.ts
@@ -27,4 +27,6 @@
   BUSINESS_SUBPACKAGE_APPROVE = 'ywglfbfzg', // 分包方资格资格审批
   BUSINESS_SUBPACKAGE_MANAGE = 'ywglfbzsgl', // 分包方证书管理
   BUSINESS_FIELDTEST_APPROVE = 'ywglxcjc', // 现场检测审批
+  BUSINESS_FINANCE_CONTRACT_APPROVE = 'cwczht', // 合同审批
+
 }
diff --git a/src/views/business/schedule/interchangeReceipt/selectOrder.vue b/src/views/business/schedule/interchangeReceipt/selectOrder.vue
index 5501edf..3bb9312 100644
--- a/src/views/business/schedule/interchangeReceipt/selectOrder.vue
+++ b/src/views/business/schedule/interchangeReceipt/selectOrder.vue
@@ -13,6 +13,10 @@
     type: Boolean,
     default: false,
   },
+  isMulti: {
+    type: Boolean,
+    default: false,
+  },
 })
 const emits = defineEmits(['changeVisible', 'confirmCheckout'])
 const isUrgentMap = ref<dictType[]>([]) // 是否加急
@@ -220,7 +224,7 @@
         :query="listQuery"
         :list-loading="loadingTable"
         is-showmulti-select
-        :is-multi="false"
+        :is-multi="props.isMulti"
         :page-sizes="[5]"
         @change="changePage"
         @multi-select="handleSelectionChange"
diff --git a/src/views/finance/businessSettlement/edit.vue b/src/views/finance/businessSettlement/edit.vue
index 9803d29..b89f35b 100644
--- a/src/views/finance/businessSettlement/edit.vue
+++ b/src/views/finance/businessSettlement/edit.vue
@@ -14,7 +14,7 @@
 import { getOrderDetail } from '@/api/business/schedule/order'
 import { isNumber, validateMoney } from '@/utils/validate'
 import { calc } from '@/utils/useCalc'
-import { addBusinessSettlement, getBusinessSettlementDetail, updateBusinessSettlement } from '@/api/finance/businessSettlement/businessSettlement'
+import { addBusinessSettlement, getBusinessSettlementDetail, updateBusinessSettlement } from '@/api/finance/businessSettlement'
 const user = useUserStore() // 用户信息
 const $route = useRoute()
 const pageType = ref('detail') // add/detail/edit
diff --git a/src/views/finance/businessSettlement/list.vue b/src/views/finance/businessSettlement/list.vue
index 66cac60..d1e83b5 100644
--- a/src/views/finance/businessSettlement/list.vue
+++ b/src/views/finance/businessSettlement/list.vue
@@ -7,7 +7,7 @@
 import { exportFile } from '@/utils/exportUtils'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { getDictByCode } from '@/api/system/dict'
-import { delBusinessSettlementList, exportBusinessSettlementList, getBusinessSettlementList } from '@/api/finance/businessSettlement/businessSettlement'
+import { delBusinessSettlementList, exportBusinessSettlementList, getBusinessSettlementList } from '@/api/finance/businessSettlement'
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const isUrgentMap = ref<dictType[]>([]) // 是否加急
@@ -51,7 +51,7 @@
     listQuery.value.offset = 1
   }
   getBusinessSettlementList(listQuery.value).then((response) => {
-    list.value = response.data.map((item: IList) => {
+    list.value = response.data.rows.map((item: IList) => {
       return {
         ...item,
         isUrgentName: item.isUrgent === '1' ? '是' : '否',
@@ -61,8 +61,6 @@
         postedPrice: item.postedPrice ? (item.postedPrice / 100).toFixed(2) : `${item.postedPrice}`,
       }
     })
-    console.log('-----', list.value)
-
     total.value = parseInt(response.data.total)
     loadingTable.value = false
   }).catch(() => {
diff --git a/src/views/finance/contract/contract-interface.ts b/src/views/finance/contract/contract-interface.ts
new file mode 100644
index 0000000..8f8eb44
--- /dev/null
+++ b/src/views/finance/contract/contract-interface.ts
@@ -0,0 +1,76 @@
+// 列表查询参数类型
+export interface IListQuery {
+  agreementKind: string // 合同种类-收入合同/支出合同-字典code
+  agreementName: string// 合同名字
+  agreementNo: string// 合同编号
+  agreementType: string// 合同类型-采购合同/业务合同等-字典code
+  customerId: string// 单位id（客户id）（收入合同该字段为甲方单位，支出合同该字段为乙方单位）
+  estimateSignEndDate: string// 预计签订/实际签订结束日期
+  estimateSignStartDate: string// 预计签订/实际签订开始日期
+  firstParty: string// 单位名字（收入合同该字段为甲方单位，支出合同该字段为乙方单位）
+  formId: string// 表单id
+  ids: any// 导出ids
+  status: string// 合同完成状态-字典code
+  approvalStatus: string // 审批状态类型
+  offset: number
+  limit: number
+}
+
+// 列表查询参数类型
+export interface IList {
+  id: string // 主键
+  agreementNo: string // 合同编号
+  agreementName: string // 合同名称
+  agreementTypeName: string // 合同类型
+  createUserName: string // 创建人
+  deptName: string // 部门
+  estimateSignDate: string // 签订日期
+  agreementAmount: string // 合同金额(单位分)
+  firstParty: string // 甲方单位
+  createTime: string // 创建时间
+  statusName: string // 合同完成状态
+  approvalStatusName: string // 审批状态
+}
+
+// 字典
+export interface dictType {
+  id: string
+  name: string
+  value: string | number
+  label?: string // 基本信息添加的信息名称
+}
+
+// 详情表单
+export interface IForm {
+  agreementNo: string // 合同编号
+  agreementName: string // 合同名称
+  createUser: string // 创建人、申请人
+  createUserName: string // 创建人名字、申请人名字
+  agreementType: string // 合同类型
+  agreementTypeName: string // 合同类型名称
+  deptId: string // 创建人所在部门
+  deptName: string // 创建人所在部门名称
+  estimateSignDate: string // 预计签订日期
+  agreementAmount: string // 合同金额
+  agreementSource: string // 	合同采购来源-字典code
+  agreementSourceName: string // 合同采购来源-字典value
+  agreementStartDate: string // 合同开始日期
+  agreementEndDate: string // 合同结束日期
+  customerId: string // 甲方单位id-客户id
+  firstParty: string // 甲方单位
+  director: string // 甲方负责人
+  secondParty: string // 乙方单位
+  secondDirector: string // 乙方负责人
+  agreementImportantContent: string // 合同重要内容
+  remark: string // 备注
+  minioFileName: string // 附件
+  processId: string // 流程实例id
+}
+
+export interface IPaymentList {
+  paymentNum: string // 收款次数
+  estimatePaymentAmount: string // 预计收款金额（单位分）
+  estimatePaymentDate: string // 预计收款时间
+  actualPaymentAmount: string // 实际收款金额（单位分）
+  actualPaymentDate: string 	// 实际收款时间
+}

diff --git a/src/api/finance/businessSettlement.ts b/src/api/finance/businessSettlement.ts
new file mode 100644
index 0000000..5a18d24
--- /dev/null
+++ b/src/api/finance/businessSettlement.ts
@@ -0,0 +1,59 @@
+// 业务结算
+import request from '../index'
+import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
+
+// 业务结算列表
+export function getBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: `/finance/settlement/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 业务结算导出
+export function exportBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: '/finance/settlement/listExport',
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 删除
+export function delBusinessSettlementList(data: any) {
+  return request({
+    url: '/finance/settlement/delete',
+    method: 'post',
+    data,
+  })
+}
+
+// 新增
+export function addBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/add',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/update',
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function getBusinessSettlementDetail(data: { id: string }) {
+  return request({
+    url: '/finance/settlement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/api/finance/businessSettlement/businessSettlement.ts b/src/api/finance/businessSettlement/businessSettlement.ts
deleted file mode 100644
index b4c7efe..0000000
--- a/src/api/finance/businessSettlement/businessSettlement.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-// 业务结算
-import request from '../../index'
-import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
-
-// 业务结算列表
-export function getBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/list',
-    method: 'post',
-    data,
-  })
-}
-
-// 业务结算导出
-export function exportBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/listExport',
-    method: 'post',
-    responseType: 'blob',
-    data,
-  })
-}
-
-// 删除
-export function delBusinessSettlementList(data: any) {
-  return request({
-    url: '/finance/settlement/delete',
-    method: 'post',
-    data,
-  })
-}
-
-// 新增
-export function addBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/add',
-    method: 'post',
-    data,
-  })
-}
-
-// 编辑
-export function updateBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/update',
-    method: 'post',
-    data,
-  })
-}
-
-// 详情
-export function getBusinessSettlementDetail(data: { id: string }) {
-  return request({
-    url: '/finance/settlement/detail',
-    method: 'post',
-    data,
-  })
-}
-
diff --git a/src/api/finance/contract.ts b/src/api/finance/contract.ts
new file mode 100644
index 0000000..793b23b
--- /dev/null
+++ b/src/api/finance/contract.ts
@@ -0,0 +1,65 @@
+// 收入合同
+import request from '../index'
+import type { IListQuery } from '@/views/finance/contract/contract-interface'
+
+// 收入合同审批列表-列表页
+export function getContractList(data: IListQuery) {
+  return request({
+    url: `/finance/agreement/approval/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新建
+export function addContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/save',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑-草稿箱、已取消
+export function updateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/draftUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 未通过驳回编辑
+export function failUpdateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/failUpdate',
+    method: 'post',
+    data,
+  })
+}
+
+// 提交
+export function submitContractList(data: { id: string; formId: string; processId: string }) {
+  return request({
+    url: '/finance/agreement/submit',
+    method: 'post',
+    data,
+  })
+}
+
+// 删除
+export function delContractList(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/delete',
+    method: 'post',
+    data,
+  })
+}
+// 详情
+export function getContractDetail(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/router/modules/financial.ts b/src/router/modules/financial.ts
index b2da11d..bd7820a 100644
--- a/src/router/modules/financial.ts
+++ b/src/router/modules/financial.ts
@@ -25,6 +25,18 @@
           auth: '/finance/contractManagement/income',
         },
       },
+      {
+        path: ':type/:id?',
+        name: 'contractManagementDetail',
+        component: () => import('@/views/finance/contract/edit.vue'),
+        meta: {
+          title: '收入合同管理详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/contractManagement/list',
+        },
+      },
     ],
   },
   {
diff --git a/src/utils/scheduleDict.ts b/src/utils/scheduleDict.ts
index 4aa5ed1..ade7bae 100644
--- a/src/utils/scheduleDict.ts
+++ b/src/utils/scheduleDict.ts
@@ -27,4 +27,6 @@
   BUSINESS_SUBPACKAGE_APPROVE = 'ywglfbfzg', // 分包方资格资格审批
   BUSINESS_SUBPACKAGE_MANAGE = 'ywglfbzsgl', // 分包方证书管理
   BUSINESS_FIELDTEST_APPROVE = 'ywglxcjc', // 现场检测审批
+  BUSINESS_FINANCE_CONTRACT_APPROVE = 'cwczht', // 合同审批
+
 }
diff --git a/src/views/business/schedule/interchangeReceipt/selectOrder.vue b/src/views/business/schedule/interchangeReceipt/selectOrder.vue
index 5501edf..3bb9312 100644
--- a/src/views/business/schedule/interchangeReceipt/selectOrder.vue
+++ b/src/views/business/schedule/interchangeReceipt/selectOrder.vue
@@ -13,6 +13,10 @@
     type: Boolean,
     default: false,
   },
+  isMulti: {
+    type: Boolean,
+    default: false,
+  },
 })
 const emits = defineEmits(['changeVisible', 'confirmCheckout'])
 const isUrgentMap = ref<dictType[]>([]) // 是否加急
@@ -220,7 +224,7 @@
         :query="listQuery"
         :list-loading="loadingTable"
         is-showmulti-select
-        :is-multi="false"
+        :is-multi="props.isMulti"
         :page-sizes="[5]"
         @change="changePage"
         @multi-select="handleSelectionChange"
diff --git a/src/views/finance/businessSettlement/edit.vue b/src/views/finance/businessSettlement/edit.vue
index 9803d29..b89f35b 100644
--- a/src/views/finance/businessSettlement/edit.vue
+++ b/src/views/finance/businessSettlement/edit.vue
@@ -14,7 +14,7 @@
 import { getOrderDetail } from '@/api/business/schedule/order'
 import { isNumber, validateMoney } from '@/utils/validate'
 import { calc } from '@/utils/useCalc'
-import { addBusinessSettlement, getBusinessSettlementDetail, updateBusinessSettlement } from '@/api/finance/businessSettlement/businessSettlement'
+import { addBusinessSettlement, getBusinessSettlementDetail, updateBusinessSettlement } from '@/api/finance/businessSettlement'
 const user = useUserStore() // 用户信息
 const $route = useRoute()
 const pageType = ref('detail') // add/detail/edit
diff --git a/src/views/finance/businessSettlement/list.vue b/src/views/finance/businessSettlement/list.vue
index 66cac60..d1e83b5 100644
--- a/src/views/finance/businessSettlement/list.vue
+++ b/src/views/finance/businessSettlement/list.vue
@@ -7,7 +7,7 @@
 import { exportFile } from '@/utils/exportUtils'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { getDictByCode } from '@/api/system/dict'
-import { delBusinessSettlementList, exportBusinessSettlementList, getBusinessSettlementList } from '@/api/finance/businessSettlement/businessSettlement'
+import { delBusinessSettlementList, exportBusinessSettlementList, getBusinessSettlementList } from '@/api/finance/businessSettlement'
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const isUrgentMap = ref<dictType[]>([]) // 是否加急
@@ -51,7 +51,7 @@
     listQuery.value.offset = 1
   }
   getBusinessSettlementList(listQuery.value).then((response) => {
-    list.value = response.data.map((item: IList) => {
+    list.value = response.data.rows.map((item: IList) => {
       return {
         ...item,
         isUrgentName: item.isUrgent === '1' ? '是' : '否',
@@ -61,8 +61,6 @@
         postedPrice: item.postedPrice ? (item.postedPrice / 100).toFixed(2) : `${item.postedPrice}`,
       }
     })
-    console.log('-----', list.value)
-
     total.value = parseInt(response.data.total)
     loadingTable.value = false
   }).catch(() => {
diff --git a/src/views/finance/contract/contract-interface.ts b/src/views/finance/contract/contract-interface.ts
new file mode 100644
index 0000000..8f8eb44
--- /dev/null
+++ b/src/views/finance/contract/contract-interface.ts
@@ -0,0 +1,76 @@
+// 列表查询参数类型
+export interface IListQuery {
+  agreementKind: string // 合同种类-收入合同/支出合同-字典code
+  agreementName: string// 合同名字
+  agreementNo: string// 合同编号
+  agreementType: string// 合同类型-采购合同/业务合同等-字典code
+  customerId: string// 单位id（客户id）（收入合同该字段为甲方单位，支出合同该字段为乙方单位）
+  estimateSignEndDate: string// 预计签订/实际签订结束日期
+  estimateSignStartDate: string// 预计签订/实际签订开始日期
+  firstParty: string// 单位名字（收入合同该字段为甲方单位，支出合同该字段为乙方单位）
+  formId: string// 表单id
+  ids: any// 导出ids
+  status: string// 合同完成状态-字典code
+  approvalStatus: string // 审批状态类型
+  offset: number
+  limit: number
+}
+
+// 列表查询参数类型
+export interface IList {
+  id: string // 主键
+  agreementNo: string // 合同编号
+  agreementName: string // 合同名称
+  agreementTypeName: string // 合同类型
+  createUserName: string // 创建人
+  deptName: string // 部门
+  estimateSignDate: string // 签订日期
+  agreementAmount: string // 合同金额(单位分)
+  firstParty: string // 甲方单位
+  createTime: string // 创建时间
+  statusName: string // 合同完成状态
+  approvalStatusName: string // 审批状态
+}
+
+// 字典
+export interface dictType {
+  id: string
+  name: string
+  value: string | number
+  label?: string // 基本信息添加的信息名称
+}
+
+// 详情表单
+export interface IForm {
+  agreementNo: string // 合同编号
+  agreementName: string // 合同名称
+  createUser: string // 创建人、申请人
+  createUserName: string // 创建人名字、申请人名字
+  agreementType: string // 合同类型
+  agreementTypeName: string // 合同类型名称
+  deptId: string // 创建人所在部门
+  deptName: string // 创建人所在部门名称
+  estimateSignDate: string // 预计签订日期
+  agreementAmount: string // 合同金额
+  agreementSource: string // 	合同采购来源-字典code
+  agreementSourceName: string // 合同采购来源-字典value
+  agreementStartDate: string // 合同开始日期
+  agreementEndDate: string // 合同结束日期
+  customerId: string // 甲方单位id-客户id
+  firstParty: string // 甲方单位
+  director: string // 甲方负责人
+  secondParty: string // 乙方单位
+  secondDirector: string // 乙方负责人
+  agreementImportantContent: string // 合同重要内容
+  remark: string // 备注
+  minioFileName: string // 附件
+  processId: string // 流程实例id
+}
+
+export interface IPaymentList {
+  paymentNum: string // 收款次数
+  estimatePaymentAmount: string // 预计收款金额（单位分）
+  estimatePaymentDate: string // 预计收款时间
+  actualPaymentAmount: string // 实际收款金额（单位分）
+  actualPaymentDate: string 	// 实际收款时间
+}
diff --git a/src/views/finance/contract/edit.vue b/src/views/finance/contract/edit.vue
new file mode 100644
index 0000000..443a729
--- /dev/null
+++ b/src/views/finance/contract/edit.vue
@@ -0,0 +1,774 @@
+<!-- 分包方资格审批详情 -->
+<script lang="ts" setup name="SubpackageApproveEdit">
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import type { IForm, IPaymentList, dictType } from './contract-interface'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { UploadFile } from '@/api/measure/file'
+import type { IAddress } from '@/components/AddressSelect/address-interface'
+import { getDictByCode } from '@/api/system/dict'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import selectCustomer from '@/views/customer/sample/list/selectCustomer.vue'
+import type { IOrderList } from '@/views/business/schedule/order/orderList_interface'
+import type { ICustomer } from '@/views/customer/customerInfo/customer_interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import selectOrder from '@/views/business/schedule/interchangeReceipt/selectOrder.vue'
+import { validateMoney } from '@/utils/validate'
+import { addContractList, failUpdateContractList, getContractDetail, submitContractList, updateContractList } from '@/api/finance/contract'
+import { calc } from '@/utils/useCalc'
+import useUserStore from '@/store/modules/user'
+
+const user = useUserStore() // 用户信息
+const customerVisible = ref(false) // 控制选择客户（甲方单位）对话框显隐
+const orderVisible = ref(false) // 控制委托书对话框显隐
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const pageType = ref('add') // 页面类型: add, edit, detail
+const submitId = ref('') // 提交使用的id
+const approvalStatusName = ref('') // 审批状态名字
+const $route = useRoute()
+const query = $route.query
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+// 从路由中获取页面类型参数
+if ($route.params && $route.params.type) {
+  pageType.value = $route.params.type as string
+  if ($route.params.id) {
+    infoId.value = $route.params.id as string
+  }
+}
+// 表单
+const form: Ref<IForm> = ref({
+  agreementNo: '', // 合同编号
+  agreementName: '', // 合同名称
+  createUser: '', // 创建人、申请人
+  createUserName: '', // 创建人名字、申请人名字
+  agreementType: '', // 合同类型
+  agreementTypeName: '', // 合同类型名称
+  deptId: '', // 创建人所在部门
+  deptName: '', // 创建人所在部门名称
+  estimateSignDate: '', // 预计签订日期
+  agreementAmount: '', // 合同金额
+  agreementSourceName: '', // 合同采购来源-字典value
+  agreementSource: '', // 合同采购来源-字典code
+  agreementStartDate: '', // 合同开始日期
+  agreementEndDate: '', // 合同结束日期
+  customerId: '', // 甲方单位id-客户id
+  firstParty: '', // 甲方单位
+  director: '', // 甲方负责人
+  secondParty: '', // 乙方单位
+  secondDirector: '', // 乙方负责人
+  agreementImportantContent: '', // 合同重要内容
+  remark: '', // 备注
+  minioFileName: '', // 附件
+  processId: '', // 流程实例id
+})
+const orderList = ref<IOrderList[]>([]) // 委托单信息
+const checkoutOrderList = ref<string[]>([]) // 多选委托单信息
+const orderColumn = ref<TableColumn[]>([
+  { text: '委托书编号', value: 'orderCode', align: 'center', width: '160px' },
+  { text: '委托方代码', value: 'customerNo', align: 'center', width: '160px' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '联系人', value: 'deliverer', align: 'center' },
+  { text: '联系方式', value: 'customerPhone', align: 'center' },
+  { text: '样品数量', value: 'sampleCount', align: 'center' },
+  { text: '是否加急', value: 'isUrgentName', align: 'center', width: '80px', styleFilter: (row: IOrderList) => { return row.isUrgent == 1 ? 'color: red' : '' } },
+  { text: '接收状态', value: 'statusName', align: 'center', width: '100px' },
+  { text: '完成状态', value: 'finishStatusName', align: 'center', width: '100px' },
+])
+const ruleFormRef = ref<FormInstance>() // 表单ref
+const paymentList = ref<IPaymentList[]>([]) // 收款信息
+const checkoutPaymentList = ref<string[]>([]) // 多选收款信息
+const paymentColumn = ref<TableColumn[]>([
+  { text: '收款次数', value: 'paymentNum', align: 'center', width: '100' },
+  { text: '预计收款金额(元)', value: 'estimatePaymentAmount', align: 'center', reg: validateMoney, required: true },
+  { text: '预计收款时间', value: 'estimatePaymentDate', align: 'center', required: true },
+  { text: '实际收款金额(元)', value: 'actualPaymentAmount', align: 'center', reg: validateMoney },
+  { text: '实际收款时间', value: 'actualPaymentDate', align: 'center' },
+])
+// 自定义校验规则--要求预计结束时间大于预计开始时间
+const requireOverTimeValid = (rule: any, value: any, callback: any) => {
+  // if (!value) {
+  //   return callback(new Error('合同结束日期不能为空'))
+  // }
+  if (form.value.agreementEndDate && form.value.agreementStartDate) {
+    if (new Date(form.value.agreementEndDate).getTime() <= new Date(form.value.agreementStartDate).getTime()) {
+      return callback(new Error('不能小于合同开始日期'))
+    }
+  }
+
+  callback()
+}
+// 校验规则
+const rules = ref<FormRules>({
+  agreementName: [{ required: true, message: '合同名称不能为空', trigger: 'blur' }],
+  agreementType: [{ required: true, message: '合同类型不能为空', trigger: 'blur' }],
+  estimateSignDate: [{ required: true, message: '预计签订日期不能为空', trigger: 'blur' }],
+  // agreementStartDate: [{ required: true, message: '合同开始日期', trigger: 'blur' }],
+  agreementEndDate: [{ required: false, type: 'date', validator: requireOverTimeValid, trigger: 'change' }],
+  agreementAmount: [{ required: true, message: '合同金额不能为空', trigger: ['blur', 'change'] },
+    { pattern: /^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,2})?$/, message: '合同金额为正数，且最多保留两位小数', trigger: ['blur', 'change'] }],
+  agreementSource: [{ required: true, message: '合同采购来源不能为空', trigger: 'blur' }],
+  firstParty: [{ required: true, message: '甲方单位不能为空', trigger: 'blur' }],
+  director: [{ required: true, message: '甲方负责人不能为空', trigger: 'blur' }],
+  secondParty: [{ required: true, message: '乙方负责人不能为空', trigger: 'blur' }],
+  secondDirector: [{ required: true, message: '乙方负责人不能为空', trigger: 'blur' }],
+
+}) // 表单验证规则
+// 初始化router
+const $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// ---------------------------------------字典-----------------------------------------
+const contractTypeMap = ref<dictType[]>([]) // 合同类型
+const contractStatusMap = ref<dictType[]>([]) // 合同完成状态
+const contractKindMap = ref<dictType[]>([]) // 合同种类
+const contractSourceMap = ref<dictType[]>([]) // 合同采购来源
+
+// 查询字典
+const getDict = async () => {
+  // 合同类型
+  getDictByCode('agreementType').then((response) => {
+    contractTypeMap.value = response.data
+  })
+  // 合同完成状态
+  getDictByCode('agreementStatus').then((response) => {
+    contractStatusMap.value = response.data
+  })
+  // 合同种类
+  getDictByCode('agreementKind').then((response) => {
+    contractKindMap.value = response.data
+  })
+  // 合同采购来源
+  getDictByCode('agreementSource').then((response) => {
+    contractSourceMap.value = response.data
+  })
+}
+// ---------------------------------------选择委托书--------------------------------------------
+// 点击批量添加
+const multiAdd = () => {
+  orderVisible.value = true
+}
+// 修改委托书对话框显隐
+const changeOrderVisible = (val: boolean) => {
+  orderVisible.value = val
+}
+// 选好委托书
+const confirmCheckoutOrder = (val: Array<IOrderList>) => {
+  if (val && val.length) {
+    val.forEach((item: any) => {
+    // 只添加列表里不存在的
+      const index = orderList.value.findIndex((i: IOrderList) => item.orderCode === i.orderCode)
+      if (index === -1) {
+        orderList.value.push({
+          ...item,
+          isUrgentName: item.isUrgent == 1 ? '是' : '否',
+          finishStatusName: item.statusName === '检测完成' ? '已完成' : '未完成',
+        })
+      }
+    })
+  }
+}
+// 多选发生改变时
+const handleOrderSelectionChange = (e: any) => {
+  checkoutOrderList.value = e
+}
+// 点击删除行
+const delOrderRow = () => {
+  if (checkoutOrderList.value.length <= 0) {
+    ElMessage({
+      message: '请选中要删除的行',
+      type: 'warning',
+    })
+  }
+  else {
+    checkoutOrderList.value.forEach((item: any) => {
+      orderList.value.forEach((element, index) => {
+        if (element.orderCode === item.orderCode) {
+          orderList.value.splice(index, 1)
+        }
+      })
+    })
+  }
+}
+// -------------------------------------------收款信息-------------------------------------------------
+const rowClassName = ({ row, rowIndex }) => {
+  row.xh = rowIndex + 1
+}
+// 检查收款信息行
+function checkPaymentList() {
+  for (let index = 0; index < paymentList.value.length; index++) {
+    const item = paymentList.value[index]
+    for (const prop of paymentColumn.value) {
+      // 检查必填
+      if (prop.required && !item[prop.value]) {
+        ElMessage({
+          type: 'warning',
+          message: `请先完善第${index + 1}行中${prop.text}`,
+          duration: 4000,
+        })
+        return false
+      }
+      // 验证正则
+      if (prop.reg && typeof prop.reg === 'function') {
+        if (item[prop.value] && !prop.reg(item[prop.value])) {
+          // ElMessage.warning(`第${index + 1}行中${prop.text}输入不合法`)
+          ElMessage({
+            type: 'warning',
+            message: `第${index + 1}行: 要求${prop.text}为正数，且最多保留两位小数`,
+            duration: 4000,
+          })
+          return false
+        }
+      }
+    }
+  }
+  return true
+}
+// 点击增加行
+const addPaymentListRow = () => {
+  if (!checkPaymentList()) { // 检查收款信息表格
+    return false
+  }
+  paymentList.value.push({
+    estimatePaymentAmount: '', // 预计收款金额（单位分）
+    estimatePaymentDate: '', // 预计收款时间
+    actualPaymentAmount: '', // 实际收款金额（单位分）
+    actualPaymentDate: '', 	// 实际收款时间
+    isEdit: true,
+  })
+}
+// 点击删除行
+const delPaymentListRow = () => {
+  if (checkoutPaymentList.value.length <= 0) {
+    ElMessage({
+      message: '请选中要删除的行',
+      type: 'warning',
+    })
+  }
+  else {
+    checkoutPaymentList.value.forEach((item: any) => {
+      paymentList.value.splice(item.xh, 1)
+    })
+  }
+}
+// 多选选中
+const handlePaymentSelectionChange = (e) => {
+  checkoutPaymentList.value = e
+}
+// ----------------------------------------------选择客户（甲方单位）-----------------------------------
+// 甲方单位获取焦点
+const customerNoFocus = () => {
+  customerVisible.value = true
+}
+
+// 选好客户
+const confirmCheckout = (val: Array<ICustomer>) => {
+  if (val && val.length) {
+    form.value.customerId = val[0].id // 委托方id
+    form.value.firstParty = val[0].customerName // 委托方名称
+    form.value.director = val[0].director // 负责人
+  }
+}
+
+// 控制选择委托方对话框显隐
+const changeVisible = (val: boolean) => {
+  customerVisible.value = val
+}
+// -----------------------------------------文件上传-----------------------------------
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    UploadFile(fd).then((res) => {
+      loading.close()
+      if (res.code === 200) {
+        form.value.minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        loading.close()
+        ElMessage.error(res.message)
+      }
+    }).catch(() => {
+      loading.close()
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+// -------------------------------------------审批流程----------------------------------------
+const approvalRecordData = ref([]) // 审批流程数据
+// 查询审批记录
+function getApprovalRecord(processId: string) {
+  if (pageType.value !== 'add') {
+    if (processId) {
+      fetchApproval(processId).then((res) => {
+        approvalRecordData.value = res.data
+      })
+    }
+    else {
+      ElMessage.warning('流程实例id为空')
+    }
+  }
+}
+// -------------------------------------------------------------------------------------
+// 获取详情
+const getInfo = () => {
+  // loading.value = true
+  getContractDetail({ id: infoId.value }).then((res) => {
+    form.value = res.data
+    form.value.agreementAmount = calc(res.data.agreementAmount, 100, '/')
+    // 委托书
+    orderList.value = res.data.orderList.map((item) => {
+      return {
+        ...item,
+        isUrgentName: item.isUrgent == 1 ? '是' : '否',
+        finishStatusName: item.statusName === '检测完成' ? '已完成' : '未完成',
+      }
+    })
+    // 收款信息
+    paymentList.value = res.data.paymentList.map((item) => {
+      return {
+        ...item,
+        estimatePaymentAmount: `${item.estimatePaymentAmount}` ? calc(item.estimatePaymentAmount, 100, '/') : item.estimatePaymentAmount,
+        actualPaymentAmount: `${item.actualPaymentAmount}` ? calc(item.actualPaymentAmount, 100, '/') : item.actualPaymentAmount,
+      }
+    })
+  })
+}
+
+// 保存
+function saveForm(formEl: FormInstance | undefined) {
+  if (!orderList.value.length) {
+    ElMessage.warning('委托单信息不能为空')
+    return false
+  }
+  if (!paymentColumn.value.length) {
+    ElMessage.warning('收款信息不能为空')
+    return false
+  }
+  if (!checkPaymentList()) { // 检查收款信息表格
+    return false
+  }
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      const loading = ElLoading.service({
+        lock: true,
+        background: 'rgba(255, 255, 255, 0.8)',
+      })
+      const param = {
+        ...form.value,
+        agreementAmount: calc(form.value.agreementAmount, 100, '*'),
+        orderIdList: orderList.value.map(item => item.id),
+        paymentList: paymentList.value.map((item) => {
+          return {
+            ...item,
+            estimatePaymentAmount: `${item.estimatePaymentAmount}` ? calc(item.estimatePaymentAmount, 100, '*') : item.estimatePaymentAmount,
+            actualPaymentAmount: `${item.actualPaymentAmount}` ? calc(item.actualPaymentAmount, 100, '*') : item.actualPaymentAmount,
+            paymentNum: item.xh,
+          }
+        }),
+        agreementKind: '1', // 合同种类，1收入合同
+      }
+      if (pageType.value === 'add') { // 新建
+        addContractList(param).then((res) => {
+          if (res.code === 200) {
+            submitId.value = res.data.id
+            loading.close()
+            ElMessage.success('保存成功')
+          }
+        }).catch(() => {
+          loading.close()
+        })
+      }
+      else if (pageType.value === 'edit') { // 编辑
+        if (approvalStatusName.value === '未通过-驳回') {
+          failUpdateContractList(param).then((res) => {
+            if (res.code === 200) {
+              loading.close()
+              ElMessage.success('保存成功')
+              close()
+            }
+          }).catch(() => {
+            loading.close()
+          })
+        }
+        else { // 草稿箱和已取消
+          updateContractList(param).then((res) => {
+            if (res.code === 200) {
+              loading.close()
+              ElMessage.success('保存成功')
+              close()
+            }
+          }).catch(() => {
+            loading.close()
+          })
+        }
+      }
+    }
+  })
+}
+// 提交
+const handleSubmit = () => {
+  if (submitId.value) {
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    const params = {
+      id: submitId.value,
+      formId: SCHEDULE.BUSINESS_FINANCE_CONTRACT_APPROVE, // 表单id
+      processId: form.value.processId, // 流程实例id
+    }
+    submitContractList(params).then(() => {
+      ElMessage.success('已提交')
+      loading.close()
+      close()
+    })
+  }
+  else {
+    ElMessage.warning('请先保存！')
+  }
+}
+onMounted(async () => {
+  await getDict()
+  approvalStatusName.value = query.approvalStatusName as string // 审批状态名字
+  form.value.processId = query.processId as string // 流程实例id
+  form.value.deptId = user.deptId // 申请单位
+  form.value.deptName = user.deptName // 申请单位名称
+  form.value.createUser = user.id // 申请人
+  form.value.createUserName = user.name // 申请人名称
+  // 非添加页面获取详情
+  if (pageType.value !== 'add') {
+    getInfo()
+    if (query.approvalStatusName !== '草稿箱') {
+      getApprovalRecord(form.value.processId) // 获取审批流程
+    }
+  }
+})
+</script>
+
+<template>
+  <app-container>
+    <detail-page v-loading="loading" :title="`收入合同管理-${textMap[pageType]}`">
+      <template #btns>
+        <!-- <el-button v-if="pageType === 'detail'" v-print="printObj" type="primary">
+          打印
+        </el-button> -->
+        <el-button v-if="pageType === 'add'" type="primary" @click="handleSubmit">
+          提交
+        </el-button>
+        <el-button v-if="pageType !== 'detail'" type="primary" @click="saveForm(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <div id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="form"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="合同编号:" prop="id">
+                <el-input v-model="form.agreementNo" disabled placeholder="系统自动生成" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="合同名称:" prop="agreementName">
+                <el-input
+                  v-model="form.agreementName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入合同名称'"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="创建人:">
+                <el-input
+                  v-model="form.createUserName" disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="部门:" prop="deptName">
+                <el-input
+                  v-model="form.deptName" disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="合同类型" prop="agreementType">
+                <el-select v-model="form.agreementType" :placeholder="pageType === 'detail' ? '' : '请选择'" :disabled="pageType === 'detail'" clearable style="width: 100%;">
+                  <el-option v-for="item in contractTypeMap" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="预计签订日期:" prop="estimateSignDate">
+                <el-date-picker
+                  v-model="form.estimateSignDate"
+                  type="date"
+                  placeholder="请选择"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="合同金额(元)" prop="agreementAmount">
+                <el-input
+                  v-model="form.agreementAmount"
+                  :placeholder="pageType === 'detail' ? '' : '请输入合同金额'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="合同采购来源" prop="agreementSource">
+                <el-select v-model="form.agreementSource" :placeholder="pageType === 'detail' ? '' : '请选择'" :disabled="pageType === 'detail'" clearable style="width: 100%;">
+                  <el-option v-for="item in contractSourceMap" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="合同开始日期:" prop="agreementStartDate">
+                <el-date-picker
+                  v-model="form.agreementStartDate"
+                  type="date"
+                  placeholder="请选择"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="合同结束日期:" prop="agreementEndDate">
+                <el-date-picker
+                  v-model="form.agreementEndDate"
+                  type="date"
+                  placeholder="请选择"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="甲方单位" prop="firstParty">
+                <el-input
+                  v-model="form.firstParty"
+                  :placeholder="pageType === 'detail' ? '' : '请选择甲方单位'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                >
+                  <template v-if="pageType === 'add'" #append>
+                    <el-button size="small" @click="customerNoFocus">
+                      选择
+                    </el-button>
+                  </template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="甲方负责人:" prop="director">
+                <el-input
+                  v-model="form.director"
+                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="乙方单位:" prop="secondParty">
+                <el-input
+                  v-model="form.secondParty"
+                  :placeholder="pageType === 'detail' ? '' : '请输入乙方单位'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="乙方负责人:" prop="secondDirector">
+                <el-input
+                  v-model="form.secondDirector"
+                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="合同重要内容:">
+                <el-input
+                  v-model="form.agreementImportantContent"
+                  type="textarea"
+                  autosize
+                  :placeholder="pageType === 'detail' ? '' : '请输入合同重要内容'"
+                  :disabled="pageType === 'detail'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="备注:">
+                <el-input
+                  v-model="form.remark"
+                  type="textarea"
+                  autosize
+                  :placeholder="pageType === 'detail' ? '' : '请输入备注'"
+                  :disabled="pageType === 'detail'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="附件:">
+                <show-photo v-if="form.minioFileName" :minio-file-name="form.minioFileName" />
+                <span v-else-if="pageType === 'detail'">无</span>
+                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
+                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': form.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ form.minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </detail-page>
+    <!-- 表格 -->
+    <detail-block title="委托单信息">
+      <template #btns>
+        <el-button v-if="pageType !== 'detail'" type="primary" @click="multiAdd">
+          批量添加
+        </el-button>
+        <el-button v-if="pageType !== 'detail'" type="info" @click="delOrderRow">
+          删除行
+        </el-button>
+      </template>
+      <el-table
+        :data="orderList"
+        border
+        style="width: 100%;"
+        max-height="600"
+        @selection-change="handleOrderSelectionChange"
+      >
+        <el-table-column v-if="pageType !== 'detail'" type="selection" width="38" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="item in orderColumn"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        />
+      </el-table>
+    </detail-block>
+    <!-- 表格 -->
+    <detail-block title="收款信息">
+      <template #btns>
+        <el-button v-if="pageType !== 'detail'" type="primary" @click="addPaymentListRow">
+          增加行
+        </el-button>
+        <el-button v-if="pageType !== 'detail'" type="info" @click="delPaymentListRow">
+          删除行
+        </el-button>
+      </template>
+      <el-table
+        :data="paymentList"
+        border
+        style="width: 100%;"
+        max-height="600"
+        :row-class-name="rowClassName"
+        @selection-change="handlePaymentSelectionChange"
+      >
+        <el-table-column v-if="pageType !== 'detail'" type="selection" width="38" />
+        <el-table-column align="center" label="序号" prop="xh" width="80" type="index" />
+        <el-table-column
+          v-for="item in paymentColumn"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        >
+          <template #header>
+            <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
+          </template>
+          <template #default="scope">
+            <span v-if="item.value === 'paymentNum'">第{{ scope.row.xh }}次</span>
+            <!-- 预计收款金额、实际收款金额 -->
+            <el-input
+              v-if="item.value === 'estimatePaymentAmount' || item.value === 'actualPaymentAmount'"
+              v-model="scope.row[item.value]"
+              :placeholder="pageType === 'detail' ? '' : `请输入${item.text}`"
+              :disabled="pageType === 'detail'"
+              class="input"
+              @change="changePrice"
+            />
+            <!-- 预计收款时间、实际收款时间 -->
+            <el-date-picker
+              v-if="item.value === 'estimatePaymentDate' || item.value === 'actualPaymentDate'"
+              v-model="scope.row[item.value]"
+              type="datetime"
+              :placeholder="pageType === 'detail' ? '' : '请选择'"
+              format="YYYY-MM-DD HH:mm:ss"
+              value-format="YYYY-MM-DD HH:mm:ss"
+              :disabled="pageType === 'detail'"
+            />
+          </template>
+        </el-table-column>
+      </el-table>
+    </detail-block>
+    <detail-block v-if="query.approvalStatusName !== '草稿箱' && pageType !== 'add'" title="审批流程">
+      <!-- 审批流程 -->
+      <approval-record ref="approvalRecord" :approval-record-data="approvalRecordData" />
+    </detail-block>
+    <!-- 选择客户组件 -->
+    <select-customer v-model:visible="customerVisible" @confirmCheckout="confirmCheckout" @changeVisible="changeVisible" />
+    <!-- 选择委托书组件 -->
+    <select-order v-model:visible="orderVisible" :is-multi="true" @confirmCheckout="confirmCheckoutOrder" @changeVisible="changeOrderVisible" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+

diff --git a/src/api/finance/businessSettlement.ts b/src/api/finance/businessSettlement.ts
new file mode 100644
index 0000000..5a18d24
--- /dev/null
+++ b/src/api/finance/businessSettlement.ts
@@ -0,0 +1,59 @@
+// 业务结算
+import request from '../index'
+import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
+
+// 业务结算列表
+export function getBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: `/finance/settlement/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 业务结算导出
+export function exportBusinessSettlementList(data: IListQuery) {
+  return request({
+    url: '/finance/settlement/listExport',
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 删除
+export function delBusinessSettlementList(data: any) {
+  return request({
+    url: '/finance/settlement/delete',
+    method: 'post',
+    data,
+  })
+}
+
+// 新增
+export function addBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/add',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑
+export function updateBusinessSettlement(data: Object) {
+  return request({
+    url: '/finance/settlement/update',
+    method: 'post',
+    data,
+  })
+}
+
+// 详情
+export function getBusinessSettlementDetail(data: { id: string }) {
+  return request({
+    url: '/finance/settlement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/api/finance/businessSettlement/businessSettlement.ts b/src/api/finance/businessSettlement/businessSettlement.ts
deleted file mode 100644
index b4c7efe..0000000
--- a/src/api/finance/businessSettlement/businessSettlement.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-// 业务结算
-import request from '../../index'
-import type { IListQuery } from '@/views/finance/businessSettlement/businessSettlement-interface'
-
-// 业务结算列表
-export function getBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/list',
-    method: 'post',
-    data,
-  })
-}
-
-// 业务结算导出
-export function exportBusinessSettlementList(data: IListQuery) {
-  return request({
-    url: '/finance/settlement/listExport',
-    method: 'post',
-    responseType: 'blob',
-    data,
-  })
-}
-
-// 删除
-export function delBusinessSettlementList(data: any) {
-  return request({
-    url: '/finance/settlement/delete',
-    method: 'post',
-    data,
-  })
-}
-
-// 新增
-export function addBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/add',
-    method: 'post',
-    data,
-  })
-}
-
-// 编辑
-export function updateBusinessSettlement(data: Object) {
-  return request({
-    url: '/finance/settlement/update',
-    method: 'post',
-    data,
-  })
-}
-
-// 详情
-export function getBusinessSettlementDetail(data: { id: string }) {
-  return request({
-    url: '/finance/settlement/detail',
-    method: 'post',
-    data,
-  })
-}
-
diff --git a/src/api/finance/contract.ts b/src/api/finance/contract.ts
new file mode 100644
index 0000000..793b23b
--- /dev/null
+++ b/src/api/finance/contract.ts
@@ -0,0 +1,65 @@
+// 收入合同
+import request from '../index'
+import type { IListQuery } from '@/views/finance/contract/contract-interface'
+
+// 收入合同审批列表-列表页
+export function getContractList(data: IListQuery) {
+  return request({
+    url: `/finance/agreement/approval/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 新建
+export function addContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/save',
+    method: 'post',
+    data,
+  })
+}
+
+// 编辑-草稿箱、已取消
+export function updateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/draftUpdate',
+    method: 'post',
+    data,
+  })
+}
+// 未通过驳回编辑
+export function failUpdateContractList(data: Object) {
+  return request({
+    url: '/finance/agreement/failUpdate',
+    method: 'post',
+    data,
+  })
+}
+
+// 提交
+export function submitContractList(data: { id: string; formId: string; processId: string }) {
+  return request({
+    url: '/finance/agreement/submit',
+    method: 'post',
+    data,
+  })
+}
+
+// 删除
+export function delContractList(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/delete',
+    method: 'post',
+    data,
+  })
+}
+// 详情
+export function getContractDetail(data: { id: string }) {
+  return request({
+    url: '/finance/agreement/detail',
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/router/modules/financial.ts b/src/router/modules/financial.ts
index b2da11d..bd7820a 100644
--- a/src/router/modules/financial.ts
+++ b/src/router/modules/financial.ts
@@ -25,6 +25,18 @@
           auth: '/finance/contractManagement/income',
         },
       },
+      {
+        path: ':type/:id?',
+        name: 'contractManagementDetail',
+        component: () => import('@/views/finance/contract/edit.vue'),
+        meta: {
+          title: '收入合同管理详情',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/contractManagement/list',
+        },
+      },
     ],
   },
   {
diff --git a/src/utils/scheduleDict.ts b/src/utils/scheduleDict.ts
index 4aa5ed1..ade7bae 100644
--- a/src/utils/scheduleDict.ts
+++ b/src/utils/scheduleDict.ts
@@ -27,4 +27,6 @@
   BUSINESS_SUBPACKAGE_APPROVE = 'ywglfbfzg', // 分包方资格资格审批
   BUSINESS_SUBPACKAGE_MANAGE = 'ywglfbzsgl', // 分包方证书管理
   BUSINESS_FIELDTEST_APPROVE = 'ywglxcjc', // 现场检测审批
+  BUSINESS_FINANCE_CONTRACT_APPROVE = 'cwczht', // 合同审批
+
 }
diff --git a/src/views/business/schedule/interchangeReceipt/selectOrder.vue b/src/views/business/schedule/interchangeReceipt/selectOrder.vue
index 5501edf..3bb9312 100644
--- a/src/views/business/schedule/interchangeReceipt/selectOrder.vue
+++ b/src/views/business/schedule/interchangeReceipt/selectOrder.vue
@@ -13,6 +13,10 @@
     type: Boolean,
     default: false,
   },
+  isMulti: {
+    type: Boolean,
+    default: false,
+  },
 })
 const emits = defineEmits(['changeVisible', 'confirmCheckout'])
 const isUrgentMap = ref<dictType[]>([]) // 是否加急
@@ -220,7 +224,7 @@
         :query="listQuery"
         :list-loading="loadingTable"
         is-showmulti-select
-        :is-multi="false"
+        :is-multi="props.isMulti"
         :page-sizes="[5]"
         @change="changePage"
         @multi-select="handleSelectionChange"
diff --git a/src/views/finance/businessSettlement/edit.vue b/src/views/finance/businessSettlement/edit.vue
index 9803d29..b89f35b 100644
--- a/src/views/finance/businessSettlement/edit.vue
+++ b/src/views/finance/businessSettlement/edit.vue
@@ -14,7 +14,7 @@
 import { getOrderDetail } from '@/api/business/schedule/order'
 import { isNumber, validateMoney } from '@/utils/validate'
 import { calc } from '@/utils/useCalc'
-import { addBusinessSettlement, getBusinessSettlementDetail, updateBusinessSettlement } from '@/api/finance/businessSettlement/businessSettlement'
+import { addBusinessSettlement, getBusinessSettlementDetail, updateBusinessSettlement } from '@/api/finance/businessSettlement'
 const user = useUserStore() // 用户信息
 const $route = useRoute()
 const pageType = ref('detail') // add/detail/edit
diff --git a/src/views/finance/businessSettlement/list.vue b/src/views/finance/businessSettlement/list.vue
index 66cac60..d1e83b5 100644
--- a/src/views/finance/businessSettlement/list.vue
+++ b/src/views/finance/businessSettlement/list.vue
@@ -7,7 +7,7 @@
 import { exportFile } from '@/utils/exportUtils'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { getDictByCode } from '@/api/system/dict'
-import { delBusinessSettlementList, exportBusinessSettlementList, getBusinessSettlementList } from '@/api/finance/businessSettlement/businessSettlement'
+import { delBusinessSettlementList, exportBusinessSettlementList, getBusinessSettlementList } from '@/api/finance/businessSettlement'
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const isUrgentMap = ref<dictType[]>([]) // 是否加急
@@ -51,7 +51,7 @@
     listQuery.value.offset = 1
   }
   getBusinessSettlementList(listQuery.value).then((response) => {
-    list.value = response.data.map((item: IList) => {
+    list.value = response.data.rows.map((item: IList) => {
       return {
         ...item,
         isUrgentName: item.isUrgent === '1' ? '是' : '否',
@@ -61,8 +61,6 @@
         postedPrice: item.postedPrice ? (item.postedPrice / 100).toFixed(2) : `${item.postedPrice}`,
       }
     })
-    console.log('-----', list.value)
-
     total.value = parseInt(response.data.total)
     loadingTable.value = false
   }).catch(() => {
diff --git a/src/views/finance/contract/contract-interface.ts b/src/views/finance/contract/contract-interface.ts
new file mode 100644
index 0000000..8f8eb44
--- /dev/null
+++ b/src/views/finance/contract/contract-interface.ts
@@ -0,0 +1,76 @@
+// 列表查询参数类型
+export interface IListQuery {
+  agreementKind: string // 合同种类-收入合同/支出合同-字典code
+  agreementName: string// 合同名字
+  agreementNo: string// 合同编号
+  agreementType: string// 合同类型-采购合同/业务合同等-字典code
+  customerId: string// 单位id（客户id）（收入合同该字段为甲方单位，支出合同该字段为乙方单位）
+  estimateSignEndDate: string// 预计签订/实际签订结束日期
+  estimateSignStartDate: string// 预计签订/实际签订开始日期
+  firstParty: string// 单位名字（收入合同该字段为甲方单位，支出合同该字段为乙方单位）
+  formId: string// 表单id
+  ids: any// 导出ids
+  status: string// 合同完成状态-字典code
+  approvalStatus: string // 审批状态类型
+  offset: number
+  limit: number
+}
+
+// 列表查询参数类型
+export interface IList {
+  id: string // 主键
+  agreementNo: string // 合同编号
+  agreementName: string // 合同名称
+  agreementTypeName: string // 合同类型
+  createUserName: string // 创建人
+  deptName: string // 部门
+  estimateSignDate: string // 签订日期
+  agreementAmount: string // 合同金额(单位分)
+  firstParty: string // 甲方单位
+  createTime: string // 创建时间
+  statusName: string // 合同完成状态
+  approvalStatusName: string // 审批状态
+}
+
+// 字典
+export interface dictType {
+  id: string
+  name: string
+  value: string | number
+  label?: string // 基本信息添加的信息名称
+}
+
+// 详情表单
+export interface IForm {
+  agreementNo: string // 合同编号
+  agreementName: string // 合同名称
+  createUser: string // 创建人、申请人
+  createUserName: string // 创建人名字、申请人名字
+  agreementType: string // 合同类型
+  agreementTypeName: string // 合同类型名称
+  deptId: string // 创建人所在部门
+  deptName: string // 创建人所在部门名称
+  estimateSignDate: string // 预计签订日期
+  agreementAmount: string // 合同金额
+  agreementSource: string // 	合同采购来源-字典code
+  agreementSourceName: string // 合同采购来源-字典value
+  agreementStartDate: string // 合同开始日期
+  agreementEndDate: string // 合同结束日期
+  customerId: string // 甲方单位id-客户id
+  firstParty: string // 甲方单位
+  director: string // 甲方负责人
+  secondParty: string // 乙方单位
+  secondDirector: string // 乙方负责人
+  agreementImportantContent: string // 合同重要内容
+  remark: string // 备注
+  minioFileName: string // 附件
+  processId: string // 流程实例id
+}
+
+export interface IPaymentList {
+  paymentNum: string // 收款次数
+  estimatePaymentAmount: string // 预计收款金额（单位分）
+  estimatePaymentDate: string // 预计收款时间
+  actualPaymentAmount: string // 实际收款金额（单位分）
+  actualPaymentDate: string 	// 实际收款时间
+}
diff --git a/src/views/finance/contract/edit.vue b/src/views/finance/contract/edit.vue
new file mode 100644
index 0000000..443a729
--- /dev/null
+++ b/src/views/finance/contract/edit.vue
@@ -0,0 +1,774 @@
+<!-- 分包方资格审批详情 -->
+<script lang="ts" setup name="SubpackageApproveEdit">
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import type { IForm, IPaymentList, dictType } from './contract-interface'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { UploadFile } from '@/api/measure/file'
+import type { IAddress } from '@/components/AddressSelect/address-interface'
+import { getDictByCode } from '@/api/system/dict'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import { fetchApproval, submitApproval } from '@/api/approval'
+import selectCustomer from '@/views/customer/sample/list/selectCustomer.vue'
+import type { IOrderList } from '@/views/business/schedule/order/orderList_interface'
+import type { ICustomer } from '@/views/customer/customerInfo/customer_interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import selectOrder from '@/views/business/schedule/interchangeReceipt/selectOrder.vue'
+import { validateMoney } from '@/utils/validate'
+import { addContractList, failUpdateContractList, getContractDetail, submitContractList, updateContractList } from '@/api/finance/contract'
+import { calc } from '@/utils/useCalc'
+import useUserStore from '@/store/modules/user'
+
+const user = useUserStore() // 用户信息
+const customerVisible = ref(false) // 控制选择客户（甲方单位）对话框显隐
+const orderVisible = ref(false) // 控制委托书对话框显隐
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const pageType = ref('add') // 页面类型: add, edit, detail
+const submitId = ref('') // 提交使用的id
+const approvalStatusName = ref('') // 审批状态名字
+const $route = useRoute()
+const query = $route.query
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+// 从路由中获取页面类型参数
+if ($route.params && $route.params.type) {
+  pageType.value = $route.params.type as string
+  if ($route.params.id) {
+    infoId.value = $route.params.id as string
+  }
+}
+// 表单
+const form: Ref<IForm> = ref({
+  agreementNo: '', // 合同编号
+  agreementName: '', // 合同名称
+  createUser: '', // 创建人、申请人
+  createUserName: '', // 创建人名字、申请人名字
+  agreementType: '', // 合同类型
+  agreementTypeName: '', // 合同类型名称
+  deptId: '', // 创建人所在部门
+  deptName: '', // 创建人所在部门名称
+  estimateSignDate: '', // 预计签订日期
+  agreementAmount: '', // 合同金额
+  agreementSourceName: '', // 合同采购来源-字典value
+  agreementSource: '', // 合同采购来源-字典code
+  agreementStartDate: '', // 合同开始日期
+  agreementEndDate: '', // 合同结束日期
+  customerId: '', // 甲方单位id-客户id
+  firstParty: '', // 甲方单位
+  director: '', // 甲方负责人
+  secondParty: '', // 乙方单位
+  secondDirector: '', // 乙方负责人
+  agreementImportantContent: '', // 合同重要内容
+  remark: '', // 备注
+  minioFileName: '', // 附件
+  processId: '', // 流程实例id
+})
+const orderList = ref<IOrderList[]>([]) // 委托单信息
+const checkoutOrderList = ref<string[]>([]) // 多选委托单信息
+const orderColumn = ref<TableColumn[]>([
+  { text: '委托书编号', value: 'orderCode', align: 'center', width: '160px' },
+  { text: '委托方代码', value: 'customerNo', align: 'center', width: '160px' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '联系人', value: 'deliverer', align: 'center' },
+  { text: '联系方式', value: 'customerPhone', align: 'center' },
+  { text: '样品数量', value: 'sampleCount', align: 'center' },
+  { text: '是否加急', value: 'isUrgentName', align: 'center', width: '80px', styleFilter: (row: IOrderList) => { return row.isUrgent == 1 ? 'color: red' : '' } },
+  { text: '接收状态', value: 'statusName', align: 'center', width: '100px' },
+  { text: '完成状态', value: 'finishStatusName', align: 'center', width: '100px' },
+])
+const ruleFormRef = ref<FormInstance>() // 表单ref
+const paymentList = ref<IPaymentList[]>([]) // 收款信息
+const checkoutPaymentList = ref<string[]>([]) // 多选收款信息
+const paymentColumn = ref<TableColumn[]>([
+  { text: '收款次数', value: 'paymentNum', align: 'center', width: '100' },
+  { text: '预计收款金额(元)', value: 'estimatePaymentAmount', align: 'center', reg: validateMoney, required: true },
+  { text: '预计收款时间', value: 'estimatePaymentDate', align: 'center', required: true },
+  { text: '实际收款金额(元)', value: 'actualPaymentAmount', align: 'center', reg: validateMoney },
+  { text: '实际收款时间', value: 'actualPaymentDate', align: 'center' },
+])
+// 自定义校验规则--要求预计结束时间大于预计开始时间
+const requireOverTimeValid = (rule: any, value: any, callback: any) => {
+  // if (!value) {
+  //   return callback(new Error('合同结束日期不能为空'))
+  // }
+  if (form.value.agreementEndDate && form.value.agreementStartDate) {
+    if (new Date(form.value.agreementEndDate).getTime() <= new Date(form.value.agreementStartDate).getTime()) {
+      return callback(new Error('不能小于合同开始日期'))
+    }
+  }
+
+  callback()
+}
+// 校验规则
+const rules = ref<FormRules>({
+  agreementName: [{ required: true, message: '合同名称不能为空', trigger: 'blur' }],
+  agreementType: [{ required: true, message: '合同类型不能为空', trigger: 'blur' }],
+  estimateSignDate: [{ required: true, message: '预计签订日期不能为空', trigger: 'blur' }],
+  // agreementStartDate: [{ required: true, message: '合同开始日期', trigger: 'blur' }],
+  agreementEndDate: [{ required: false, type: 'date', validator: requireOverTimeValid, trigger: 'change' }],
+  agreementAmount: [{ required: true, message: '合同金额不能为空', trigger: ['blur', 'change'] },
+    { pattern: /^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,2})?$/, message: '合同金额为正数，且最多保留两位小数', trigger: ['blur', 'change'] }],
+  agreementSource: [{ required: true, message: '合同采购来源不能为空', trigger: 'blur' }],
+  firstParty: [{ required: true, message: '甲方单位不能为空', trigger: 'blur' }],
+  director: [{ required: true, message: '甲方负责人不能为空', trigger: 'blur' }],
+  secondParty: [{ required: true, message: '乙方负责人不能为空', trigger: 'blur' }],
+  secondDirector: [{ required: true, message: '乙方负责人不能为空', trigger: 'blur' }],
+
+}) // 表单验证规则
+// 初始化router
+const $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// ---------------------------------------字典-----------------------------------------
+const contractTypeMap = ref<dictType[]>([]) // 合同类型
+const contractStatusMap = ref<dictType[]>([]) // 合同完成状态
+const contractKindMap = ref<dictType[]>([]) // 合同种类
+const contractSourceMap = ref<dictType[]>([]) // 合同采购来源
+
+// 查询字典
+const getDict = async () => {
+  // 合同类型
+  getDictByCode('agreementType').then((response) => {
+    contractTypeMap.value = response.data
+  })
+  // 合同完成状态
+  getDictByCode('agreementStatus').then((response) => {
+    contractStatusMap.value = response.data
+  })
+  // 合同种类
+  getDictByCode('agreementKind').then((response) => {
+    contractKindMap.value = response.data
+  })
+  // 合同采购来源
+  getDictByCode('agreementSource').then((response) => {
+    contractSourceMap.value = response.data
+  })
+}
+// ---------------------------------------选择委托书--------------------------------------------
+// 点击批量添加
+const multiAdd = () => {
+  orderVisible.value = true
+}
+// 修改委托书对话框显隐
+const changeOrderVisible = (val: boolean) => {
+  orderVisible.value = val
+}
+// 选好委托书
+const confirmCheckoutOrder = (val: Array<IOrderList>) => {
+  if (val && val.length) {
+    val.forEach((item: any) => {
+    // 只添加列表里不存在的
+      const index = orderList.value.findIndex((i: IOrderList) => item.orderCode === i.orderCode)
+      if (index === -1) {
+        orderList.value.push({
+          ...item,
+          isUrgentName: item.isUrgent == 1 ? '是' : '否',
+          finishStatusName: item.statusName === '检测完成' ? '已完成' : '未完成',
+        })
+      }
+    })
+  }
+}
+// 多选发生改变时
+const handleOrderSelectionChange = (e: any) => {
+  checkoutOrderList.value = e
+}
+// 点击删除行
+const delOrderRow = () => {
+  if (checkoutOrderList.value.length <= 0) {
+    ElMessage({
+      message: '请选中要删除的行',
+      type: 'warning',
+    })
+  }
+  else {
+    checkoutOrderList.value.forEach((item: any) => {
+      orderList.value.forEach((element, index) => {
+        if (element.orderCode === item.orderCode) {
+          orderList.value.splice(index, 1)
+        }
+      })
+    })
+  }
+}
+// -------------------------------------------收款信息-------------------------------------------------
+const rowClassName = ({ row, rowIndex }) => {
+  row.xh = rowIndex + 1
+}
+// 检查收款信息行
+function checkPaymentList() {
+  for (let index = 0; index < paymentList.value.length; index++) {
+    const item = paymentList.value[index]
+    for (const prop of paymentColumn.value) {
+      // 检查必填
+      if (prop.required && !item[prop.value]) {
+        ElMessage({
+          type: 'warning',
+          message: `请先完善第${index + 1}行中${prop.text}`,
+          duration: 4000,
+        })
+        return false
+      }
+      // 验证正则
+      if (prop.reg && typeof prop.reg === 'function') {
+        if (item[prop.value] && !prop.reg(item[prop.value])) {
+          // ElMessage.warning(`第${index + 1}行中${prop.text}输入不合法`)
+          ElMessage({
+            type: 'warning',
+            message: `第${index + 1}行: 要求${prop.text}为正数，且最多保留两位小数`,
+            duration: 4000,
+          })
+          return false
+        }
+      }
+    }
+  }
+  return true
+}
+// 点击增加行
+const addPaymentListRow = () => {
+  if (!checkPaymentList()) { // 检查收款信息表格
+    return false
+  }
+  paymentList.value.push({
+    estimatePaymentAmount: '', // 预计收款金额（单位分）
+    estimatePaymentDate: '', // 预计收款时间
+    actualPaymentAmount: '', // 实际收款金额（单位分）
+    actualPaymentDate: '', 	// 实际收款时间
+    isEdit: true,
+  })
+}
+// 点击删除行
+const delPaymentListRow = () => {
+  if (checkoutPaymentList.value.length <= 0) {
+    ElMessage({
+      message: '请选中要删除的行',
+      type: 'warning',
+    })
+  }
+  else {
+    checkoutPaymentList.value.forEach((item: any) => {
+      paymentList.value.splice(item.xh, 1)
+    })
+  }
+}
+// 多选选中
+const handlePaymentSelectionChange = (e) => {
+  checkoutPaymentList.value = e
+}
+// ----------------------------------------------选择客户（甲方单位）-----------------------------------
+// 甲方单位获取焦点
+const customerNoFocus = () => {
+  customerVisible.value = true
+}
+
+// 选好客户
+const confirmCheckout = (val: Array<ICustomer>) => {
+  if (val && val.length) {
+    form.value.customerId = val[0].id // 委托方id
+    form.value.firstParty = val[0].customerName // 委托方名称
+    form.value.director = val[0].director // 负责人
+  }
+}
+
+// 控制选择委托方对话框显隐
+const changeVisible = (val: boolean) => {
+  customerVisible.value = val
+}
+// -----------------------------------------文件上传-----------------------------------
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    UploadFile(fd).then((res) => {
+      loading.close()
+      if (res.code === 200) {
+        form.value.minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        loading.close()
+        ElMessage.error(res.message)
+      }
+    }).catch(() => {
+      loading.close()
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+// -------------------------------------------审批流程----------------------------------------
+const approvalRecordData = ref([]) // 审批流程数据
+// 查询审批记录
+function getApprovalRecord(processId: string) {
+  if (pageType.value !== 'add') {
+    if (processId) {
+      fetchApproval(processId).then((res) => {
+        approvalRecordData.value = res.data
+      })
+    }
+    else {
+      ElMessage.warning('流程实例id为空')
+    }
+  }
+}
+// -------------------------------------------------------------------------------------
+// 获取详情
+const getInfo = () => {
+  // loading.value = true
+  getContractDetail({ id: infoId.value }).then((res) => {
+    form.value = res.data
+    form.value.agreementAmount = calc(res.data.agreementAmount, 100, '/')
+    // 委托书
+    orderList.value = res.data.orderList.map((item) => {
+      return {
+        ...item,
+        isUrgentName: item.isUrgent == 1 ? '是' : '否',
+        finishStatusName: item.statusName === '检测完成' ? '已完成' : '未完成',
+      }
+    })
+    // 收款信息
+    paymentList.value = res.data.paymentList.map((item) => {
+      return {
+        ...item,
+        estimatePaymentAmount: `${item.estimatePaymentAmount}` ? calc(item.estimatePaymentAmount, 100, '/') : item.estimatePaymentAmount,
+        actualPaymentAmount: `${item.actualPaymentAmount}` ? calc(item.actualPaymentAmount, 100, '/') : item.actualPaymentAmount,
+      }
+    })
+  })
+}
+
+// 保存
+function saveForm(formEl: FormInstance | undefined) {
+  if (!orderList.value.length) {
+    ElMessage.warning('委托单信息不能为空')
+    return false
+  }
+  if (!paymentColumn.value.length) {
+    ElMessage.warning('收款信息不能为空')
+    return false
+  }
+  if (!checkPaymentList()) { // 检查收款信息表格
+    return false
+  }
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      const loading = ElLoading.service({
+        lock: true,
+        background: 'rgba(255, 255, 255, 0.8)',
+      })
+      const param = {
+        ...form.value,
+        agreementAmount: calc(form.value.agreementAmount, 100, '*'),
+        orderIdList: orderList.value.map(item => item.id),
+        paymentList: paymentList.value.map((item) => {
+          return {
+            ...item,
+            estimatePaymentAmount: `${item.estimatePaymentAmount}` ? calc(item.estimatePaymentAmount, 100, '*') : item.estimatePaymentAmount,
+            actualPaymentAmount: `${item.actualPaymentAmount}` ? calc(item.actualPaymentAmount, 100, '*') : item.actualPaymentAmount,
+            paymentNum: item.xh,
+          }
+        }),
+        agreementKind: '1', // 合同种类，1收入合同
+      }
+      if (pageType.value === 'add') { // 新建
+        addContractList(param).then((res) => {
+          if (res.code === 200) {
+            submitId.value = res.data.id
+            loading.close()
+            ElMessage.success('保存成功')
+          }
+        }).catch(() => {
+          loading.close()
+        })
+      }
+      else if (pageType.value === 'edit') { // 编辑
+        if (approvalStatusName.value === '未通过-驳回') {
+          failUpdateContractList(param).then((res) => {
+            if (res.code === 200) {
+              loading.close()
+              ElMessage.success('保存成功')
+              close()
+            }
+          }).catch(() => {
+            loading.close()
+          })
+        }
+        else { // 草稿箱和已取消
+          updateContractList(param).then((res) => {
+            if (res.code === 200) {
+              loading.close()
+              ElMessage.success('保存成功')
+              close()
+            }
+          }).catch(() => {
+            loading.close()
+          })
+        }
+      }
+    }
+  })
+}
+// 提交
+const handleSubmit = () => {
+  if (submitId.value) {
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    const params = {
+      id: submitId.value,
+      formId: SCHEDULE.BUSINESS_FINANCE_CONTRACT_APPROVE, // 表单id
+      processId: form.value.processId, // 流程实例id
+    }
+    submitContractList(params).then(() => {
+      ElMessage.success('已提交')
+      loading.close()
+      close()
+    })
+  }
+  else {
+    ElMessage.warning('请先保存！')
+  }
+}
+onMounted(async () => {
+  await getDict()
+  approvalStatusName.value = query.approvalStatusName as string // 审批状态名字
+  form.value.processId = query.processId as string // 流程实例id
+  form.value.deptId = user.deptId // 申请单位
+  form.value.deptName = user.deptName // 申请单位名称
+  form.value.createUser = user.id // 申请人
+  form.value.createUserName = user.name // 申请人名称
+  // 非添加页面获取详情
+  if (pageType.value !== 'add') {
+    getInfo()
+    if (query.approvalStatusName !== '草稿箱') {
+      getApprovalRecord(form.value.processId) // 获取审批流程
+    }
+  }
+})
+</script>
+
+<template>
+  <app-container>
+    <detail-page v-loading="loading" :title="`收入合同管理-${textMap[pageType]}`">
+      <template #btns>
+        <!-- <el-button v-if="pageType === 'detail'" v-print="printObj" type="primary">
+          打印
+        </el-button> -->
+        <el-button v-if="pageType === 'add'" type="primary" @click="handleSubmit">
+          提交
+        </el-button>
+        <el-button v-if="pageType !== 'detail'" type="primary" @click="saveForm(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <div id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="form"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="合同编号:" prop="id">
+                <el-input v-model="form.agreementNo" disabled placeholder="系统自动生成" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="合同名称:" prop="agreementName">
+                <el-input
+                  v-model="form.agreementName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入合同名称'"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="创建人:">
+                <el-input
+                  v-model="form.createUserName" disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="部门:" prop="deptName">
+                <el-input
+                  v-model="form.deptName" disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="合同类型" prop="agreementType">
+                <el-select v-model="form.agreementType" :placeholder="pageType === 'detail' ? '' : '请选择'" :disabled="pageType === 'detail'" clearable style="width: 100%;">
+                  <el-option v-for="item in contractTypeMap" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="预计签订日期:" prop="estimateSignDate">
+                <el-date-picker
+                  v-model="form.estimateSignDate"
+                  type="date"
+                  placeholder="请选择"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="合同金额(元)" prop="agreementAmount">
+                <el-input
+                  v-model="form.agreementAmount"
+                  :placeholder="pageType === 'detail' ? '' : '请输入合同金额'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="合同采购来源" prop="agreementSource">
+                <el-select v-model="form.agreementSource" :placeholder="pageType === 'detail' ? '' : '请选择'" :disabled="pageType === 'detail'" clearable style="width: 100%;">
+                  <el-option v-for="item in contractSourceMap" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="合同开始日期:" prop="agreementStartDate">
+                <el-date-picker
+                  v-model="form.agreementStartDate"
+                  type="date"
+                  placeholder="请选择"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="合同结束日期:" prop="agreementEndDate">
+                <el-date-picker
+                  v-model="form.agreementEndDate"
+                  type="date"
+                  placeholder="请选择"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="甲方单位" prop="firstParty">
+                <el-input
+                  v-model="form.firstParty"
+                  :placeholder="pageType === 'detail' ? '' : '请选择甲方单位'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                >
+                  <template v-if="pageType === 'add'" #append>
+                    <el-button size="small" @click="customerNoFocus">
+                      选择
+                    </el-button>
+                  </template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="甲方负责人:" prop="director">
+                <el-input
+                  v-model="form.director"
+                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="乙方单位:" prop="secondParty">
+                <el-input
+                  v-model="form.secondParty"
+                  :placeholder="pageType === 'detail' ? '' : '请输入乙方单位'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="乙方负责人:" prop="secondDirector">
+                <el-input
+                  v-model="form.secondDirector"
+                  :placeholder="pageType === 'detail' ? '' : '请输入负责人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="合同重要内容:">
+                <el-input
+                  v-model="form.agreementImportantContent"
+                  type="textarea"
+                  autosize
+                  :placeholder="pageType === 'detail' ? '' : '请输入合同重要内容'"
+                  :disabled="pageType === 'detail'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="备注:">
+                <el-input
+                  v-model="form.remark"
+                  type="textarea"
+                  autosize
+                  :placeholder="pageType === 'detail' ? '' : '请输入备注'"
+                  :disabled="pageType === 'detail'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="附件:">
+                <show-photo v-if="form.minioFileName" :minio-file-name="form.minioFileName" />
+                <span v-else-if="pageType === 'detail'">无</span>
+                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
+                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': form.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ form.minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </detail-page>
+    <!-- 表格 -->
+    <detail-block title="委托单信息">
+      <template #btns>
+        <el-button v-if="pageType !== 'detail'" type="primary" @click="multiAdd">
+          批量添加
+        </el-button>
+        <el-button v-if="pageType !== 'detail'" type="info" @click="delOrderRow">
+          删除行
+        </el-button>
+      </template>
+      <el-table
+        :data="orderList"
+        border
+        style="width: 100%;"
+        max-height="600"
+        @selection-change="handleOrderSelectionChange"
+      >
+        <el-table-column v-if="pageType !== 'detail'" type="selection" width="38" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="item in orderColumn"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        />
+      </el-table>
+    </detail-block>
+    <!-- 表格 -->
+    <detail-block title="收款信息">
+      <template #btns>
+        <el-button v-if="pageType !== 'detail'" type="primary" @click="addPaymentListRow">
+          增加行
+        </el-button>
+        <el-button v-if="pageType !== 'detail'" type="info" @click="delPaymentListRow">
+          删除行
+        </el-button>
+      </template>
+      <el-table
+        :data="paymentList"
+        border
+        style="width: 100%;"
+        max-height="600"
+        :row-class-name="rowClassName"
+        @selection-change="handlePaymentSelectionChange"
+      >
+        <el-table-column v-if="pageType !== 'detail'" type="selection" width="38" />
+        <el-table-column align="center" label="序号" prop="xh" width="80" type="index" />
+        <el-table-column
+          v-for="item in paymentColumn"
+          :key="item.value"
+          :prop="item.value"
+          :label="item.text"
+          :width="item.width"
+          show-overflow-tooltip
+          align="center"
+        >
+          <template #header>
+            <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span>
+          </template>
+          <template #default="scope">
+            <span v-if="item.value === 'paymentNum'">第{{ scope.row.xh }}次</span>
+            <!-- 预计收款金额、实际收款金额 -->
+            <el-input
+              v-if="item.value === 'estimatePaymentAmount' || item.value === 'actualPaymentAmount'"
+              v-model="scope.row[item.value]"
+              :placeholder="pageType === 'detail' ? '' : `请输入${item.text}`"
+              :disabled="pageType === 'detail'"
+              class="input"
+              @change="changePrice"
+            />
+            <!-- 预计收款时间、实际收款时间 -->
+            <el-date-picker
+              v-if="item.value === 'estimatePaymentDate' || item.value === 'actualPaymentDate'"
+              v-model="scope.row[item.value]"
+              type="datetime"
+              :placeholder="pageType === 'detail' ? '' : '请选择'"
+              format="YYYY-MM-DD HH:mm:ss"
+              value-format="YYYY-MM-DD HH:mm:ss"
+              :disabled="pageType === 'detail'"
+            />
+          </template>
+        </el-table-column>
+      </el-table>
+    </detail-block>
+    <detail-block v-if="query.approvalStatusName !== '草稿箱' && pageType !== 'add'" title="审批流程">
+      <!-- 审批流程 -->
+      <approval-record ref="approvalRecord" :approval-record-data="approvalRecordData" />
+    </detail-block>
+    <!-- 选择客户组件 -->
+    <select-customer v-model:visible="customerVisible" @confirmCheckout="confirmCheckout" @changeVisible="changeVisible" />
+    <!-- 选择委托书组件 -->
+    <select-order v-model:visible="orderVisible" :is-multi="true" @confirmCheckout="confirmCheckoutOrder" @changeVisible="changeOrderVisible" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+
diff --git a/src/views/finance/contract/list.vue b/src/views/finance/contract/list.vue
index 5c94be5..cd37d9d 100644
--- a/src/views/finance/contract/list.vue
+++ b/src/views/finance/contract/list.vue
@@ -1,11 +1,458 @@
 <!-- 收入合同管理列表 -->
 <script lang="ts" setup name="ContractList">
-// 逻辑代码
+import type { Ref } from 'vue'
+import type { DateModelType } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import dayjs from 'dayjs'
+import type { IList, IListQuery, dictType } from './contract-interface'
+import { printJSON } from '@/utils/printUtils'
+import { exportFile } from '@/utils/exportUtils'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { getDictByCode } from '@/api/system/dict'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import { cancelApproval } from '@/api/approval'
+import type { IMenu } from '@/components/buttonBox/buttonBox'
+import ApprovalDialog from '@/components/Approval/ApprovalDialog.vue'
+import { delContractList, getContractList, submitContractList } from '@/api/finance/contract'
+import { calc } from '@/utils/useCalc'
+const $router = useRouter()
+const { proxy } = getCurrentInstance() as any
+const active = ref('')
+const TabActiveButton = 'FinanceContractApproveActive'
+const approvalDialog = ref() // 审批对话ref
+// 查询条件
+const listQuery: Ref<IListQuery> = ref({
+  agreementKind: '1', // 合同种类-收入合同1
+  agreementName: '', // 合同名字
+  agreementNo: '', // 合同编号
+  agreementType: '', // 合同类型-采购合同/业务合同等-字典code
+  customerId: '', // 单位id（客户id）（收入合同该字段为甲方单位，支出合同该字段为乙方单位）
+  estimateSignEndDate: '', // 预计签订/实际签订结束日期
+  estimateSignStartDate: '', // 预计签订/实际签订开始日期
+  firstParty: '', // 单位名字（收入合同该字段为甲方单位，支出合同该字段为乙方单位）
+  formId: SCHEDULE.BUSINESS_FINANCE_CONTRACT_APPROVE, // 表单id
+  ids: [], // 导出ids
+  status: '', // 合同完成状态-字典code
+  approvalStatus: active.value, // 审批状态类型
+  offset: 1,
+  limit: 20,
+})
+const total = ref(0) // 数据条数
+const loadingTable = ref(false) // 表格loading
+const menu = ref<IMenu[]>([]) // 审批状态按钮组合
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '合同编号', value: 'agreementNo', align: 'center', width: '140' },
+  { text: '合同名称', value: 'agreementName', align: 'center' },
+  { text: '合同类型', value: 'agreementTypeName', align: 'center' },
+  { text: '创建人', value: 'createUserName', align: 'center' },
+  { text: '部门', value: 'deptName', align: 'center' },
+  { text: '签订日期', value: 'estimateSignDate', align: 'center', width: '110px' },
+  { text: '合同金额(元)', value: 'agreementAmount', align: 'center', width: '90px', styleFilter: (row: IList) => { return row.isUrgent === '1' ? 'color: red' : '' } },
+  { text: '甲方单位', value: 'firstParty', align: 'center' },
+  { text: '创建时间', value: 'createTime', align: 'center', width: '180px' },
+  { text: '合同完成状态', value: 'statusName', align: 'center' },
+  { text: '审批状态', value: 'approvalStatusName', align: 'center' },
+])
+const list = ref<IList[]>([]) // 表格数据
+// 筛选时间段数据
+const dateRange = ref<[DateModelType, DateModelType]>(['', ''])
+// 选中的内容
+const checkoutList = ref<string[]>([])
+// 数据查询
+function fetchData(isNowPage = false) {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  listQuery.value.estimateSignStartDate = dateRange.value[0] as string || ''
+  listQuery.value.estimateSignEndDate = dateRange.value[1] as string || ''
+  getContractList(listQuery.value).then((response) => {
+    list.value = response.data.rows.map((item: { estimateSignDate: string; agreementAmount: number }) => {
+      return {
+        ...item,
+        estimateSignDate: item.estimateSignDate ? dayjs(item.estimateSignDate).format('YYYY-MM-DD') : item.estimateSignDate,
+        agreementAmount: calc(Number(item.agreementAmount), 100, '/'),
+      }
+    })
+    total.value = parseInt(response.data.total)
+    loadingTable.value = false
+  }).catch(() => {
+    loadingTable.value = false
+  })
+}
+// 搜索
+const searchList = () => {
+  fetchData(true)
+}
+
+// 重置
+const reset = () => {
+  listQuery.value = {
+    agreementKind: '1', // 合同种类-1收入合同
+    agreementName: '', // 合同名字
+    agreementNo: '', // 合同编号
+    agreementType: '', // 合同类型-采购合同/业务合同等-字典code
+    customerId: '', // 单位id（客户id）（收入合同该字段为甲方单位，支出合同该字段为乙方单位）
+    estimateSignEndDate: '', // 预计签订/实际签订结束日期
+    estimateSignStartDate: '', // 预计签订/实际签订开始日期
+    firstParty: '', // 单位名字（收入合同该字段为甲方单位，支出合同该字段为乙方单位）
+    formId: SCHEDULE.BUSINESS_FINANCE_CONTRACT_APPROVE, // 表单id
+    ids: [], // 导出ids
+    status: '', // 合同完成状态-字典code
+    approvalStatus: active.value, // 审批状态类型
+    offset: 1,
+    limit: 20,
+  }
+  dateRange.value = ['', '']
+  fetchData(true)
+}
+
+// 多选发生改变时
+function handleSelectionChange(e: any) {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+
+const contractTypeMap = ref<dictType[]>([]) // 合同类型
+const contractStatusMap = ref<dictType[]>([]) // 合同完成状态
+const contractKindMap = ref<dictType[]>([]) // 合同种类
+
+// 查询字典
+const getDict = async () => {
+  // 审批状态
+  const res = await getDictByCode('approvalStatus')
+  // 制作右上角的菜单
+  res.data.forEach((item: dictType) => {
+    if (item.name === '全部' || item.name === '草稿箱'
+      || item.name === '待审批' || item.name === '审批中'
+      || item.name === '已通过' || item.name === '未通过'
+      || item.name === '已取消') {
+      menu.value.push({
+        name: item.name,
+        id: `${item.value}`,
+      })
+    }
+  })
+  // 合同类型
+  getDictByCode('agreementType').then((response) => {
+    contractTypeMap.value = response.data
+  })
+  // 合同完成状态
+  getDictByCode('agreementStatus').then((response) => {
+    contractStatusMap.value = response.data
+  })
+  // 合同种类
+  getDictByCode('agreementKind').then((response) => {
+    contractKindMap.value = response.data
+  })
+}
+
+// 新建
+const add = () => {
+  $router.push({ path: '/contractManagement/add' })
+}
+
+// 打印列表
+function printList() {
+  // 打印列
+  const properties = columns.value.map((item) => {
+    return {
+      field: item.value,
+      displayName: item.text,
+    }
+  })
+  if (checkoutList.value.length <= 0 && list.value.length > 0) {
+    printJSON(list.value, properties, '收入合同管理列表')
+  }
+  else if (checkoutList.value.length > 0) {
+    const printList = list.value.filter((item: IList) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '收入合同管理列表')
+  }
+  else {
+    ElMessage.warning('无可打印内容')
+  }
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  fetchData(true)
+}
+
+// 切换tab状态
+const changeCurrentButton = (val: string) => {
+  active.value = val
+  window.sessionStorage.setItem(TabActiveButton, val)
+  reset()
+}
+
+// 操作
+const handleEdit = (row: IList, val: string, title = '') => {
+  if (val === '取消') {
+    const params = {
+      processInstanceId: row.processId!,
+      comments: '',
+    }
+    ElMessageBox.confirm(
+      '确认取消该审批吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        cancelApproval(params).then((res) => {
+          ElMessage({
+            type: 'success',
+            message: '取消成功',
+          })
+          fetchData(true)
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        delContractList({ id: row.id }).then((res) => {
+          ElMessage({
+            type: 'success',
+            message: '删除成功',
+          })
+          fetchData(true)
+        })
+      })
+  }
+  else if (val === '提交') {
+    ElMessageBox.confirm(
+      '确认提交该审批吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        submitContractList({ id: row.id, formId: SCHEDULE.BUSINESS_FINANCE_CONTRACT_APPROVE, processId: row.processId }).then((res) => {
+          ElMessage({
+            type: 'success',
+            message: '已提交',
+          })
+          fetchData(true)
+        })
+      })
+  }
+  else if (val === '同意') {
+    approvalDialog.value.initDialog('agree', row.taskId)
+  }
+  else if (val === '驳回') {
+    approvalDialog.value.initDialog('reject', row.taskId)
+  }
+  else if (val === '拒绝') {
+    approvalDialog.value.initDialog('refuse', row.taskId)
+  }
+  else if (val === 'detail' || val === 'edit') { // 详情和编辑
+    $router.push({
+      path: `/contractManagement/${val}/${row.id}`,
+      query: {
+        approvalStatusName: row.approvalStatusName, // 审批状态名称
+        processId: row.processId, // 流程实例
+      },
+    })
+  }
+}
+
+// 审批结束回调
+const approvalSuccess = () => {
+  fetchData(true)
+}
+
+onMounted(async () => {
+  await getDict()
+  if (window.sessionStorage.getItem(TabActiveButton)) {
+    active.value = window.sessionStorage.getItem(TabActiveButton)!
+  }
+  else {
+    active.value = menu.value.find(item => item.name === '全部')!.id as string // 全部
+  }
+})
 </script>
 
 <template>
   <div>
     <!-- 布局 -->
-    <app-container>收入合同管理</app-container>
+    <app-container>
+      <search-area :need-clear="true" @search="searchList" @clear="reset">
+        <search-item>
+          <el-input v-model.trim="listQuery.agreementNo" placeholder="合同编号" class="short-input" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.agreementName" placeholder="合同名称" class="short-input" clearable />
+        </search-item>
+        <search-item>
+          <el-select v-model="listQuery.agreementType" placeholder="合同类型" clearable class="short-input">
+            <el-option v-for="item in contractTypeMap" :key="item.id" :label="item.name" :value="item.value" />
+          </el-select>
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.firstParty" placeholder="甲方单位" class="short-input" clearable />
+        </search-item>
+        <search-item>
+          <el-date-picker
+            v-model="dateRange"
+            class="short-input"
+            type="daterange"
+            range-separator="到"
+            format="YYYY-MM-DD"
+            value-format="YYYY-MM-DD"
+            start-placeholder="签订开始日期"
+            end-placeholder="签订结束日期"
+          />
+        </search-item>
+        <search-item>
+          <el-select v-model="listQuery.status" class="short-input" placeholder="合同完成状态" clearable>
+            <el-option v-for="item in contractStatusMap" :key="item.id" :label="item.name" :value="item.value" />
+          </el-select>
+        </search-item>
+      </search-area>
+      <table-container>
+        <template #btns-right>
+          <icon-button icon="icon-add" title="新建" type="primary" @click="add" />
+          <icon-button icon="icon-print" title="打印" type="primary" @click="printList" />
+        </template>
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
+          is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="序号" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column
+              label="操作"
+              align="center"
+              fixed="right"
+              :width="(active === '0') ? 150 : (active === '1' || active === '6' || active === '3') ? 150 : (active === '4' || active === '5') ? 100 : 150"
+            >
+              <template #default="{ row }">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleEdit(row, 'detail')"
+                >
+                  查看
+                </el-button>
+                <el-button
+                  v-if=" row.approvalStatusName === '待审批'"
+                  size="small"
+                  link
+                  type="primary"
+                  :disabled="row.approvalStatusName !== '待审批' && row.approvalStatusName !== '审批中'"
+                  @click="handleEdit(row, '同意')"
+                >
+                  同意
+                </el-button>
+                <el-button
+                  v-if=" row.approvalStatusName === '待审批' && row.decisionItem !== 3"
+                  size="small"
+                  link
+                  type="primary"
+                  :disabled="row.approvalStatusName !== '待审批' && row.approvalStatusName !== '审批中'"
+                  @click="handleEdit(row, '驳回')"
+                >
+                  驳回
+                </el-button>
+                <el-button
+                  v-if=" row.approvalStatusName === '待审批' && row.decisionItem !== 2"
+                  size="small"
+                  link
+                  type="danger"
+                  :disabled="row.approvalStatusName !== '待审批' && row.approvalStatusName !== '审批中'"
+                  @click="handleEdit(row, '拒绝')"
+                >
+                  拒绝
+                </el-button>
+                <el-button
+                  v-if="row.approvalStatusName === '未通过-驳回' || row.approvalStatusName === '草稿箱' || row.approvalStatusName === '已取消'"
+                  size="small"
+                  link
+                  type="primary"
+                  @click="handleEdit(row, 'edit')"
+                >
+                  编辑
+                </el-button>
+                <el-button
+                  v-if="row.approvalStatusName === '草稿箱' || row.approvalStatusName === '已取消'"
+                  size="small"
+                  link
+                  type="primary"
+                  @click="handleEdit(row, '提交')"
+                >
+                  提交
+                </el-button>
+
+                <!-- 是发起者且审批中可以取消 -->
+                <el-button
+                  v-if="row.approvalStatusName === '审批中'"
+                  size="small"
+                  link
+                  type="info"
+                  :disabled="row.approvalStatusName !== '审批中'"
+                  @click="handleEdit(row, '取消')"
+                >
+                  取消
+                </el-button>
+                <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+                <!-- <el-button
+                v-if="row.approvalStatusName !== '未通过' && row.approvalStatusName !== '已通过' && row.approvalStatusName !== '未通过-驳回'"
+                size="small"
+                link
+                type="danger"
+                :disabled="row.approvalStatusName === '未通过' || row.approvalStatusName === '已通过'"
+                 @click="handleEdit(row, '删除')"
+              >
+                删除
+              </el-button> -->
+                <!-- ---------------------------审批中的删除按钮暂时去掉------------------------ -->
+                <el-button
+                  v-if="row.approvalStatusName !== '未通过' && row.approvalStatusName !== '已通过' && row.approvalStatusName !== '未通过-驳回' && row.approvalStatusName !== '审批中' && row.approvalStatusName !== '待审批'"
+                  size="small"
+                  link
+                  type="danger"
+                  :disabled="row.approvalStatusName === '未通过' || row.approvalStatusName === '已通过'"
+                  @click="handleEdit(row, '删除')"
+                >
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+      <!-- 审批弹窗 -->
+      <approval-dialog ref="approvalDialog" @on-success="approvalSuccess" />
+
+      <button-box :active="active" :menu="menu" @changeCurrentButton="changeCurrentButton" />
+    </app-container>
   </div>
 </template>