diff --git a/web-admin/src/router/routes/staticRoutes.ts b/web-admin/src/router/routes/staticRoutes.ts
index b0cf02413..e56d3a3d0 100644
--- a/web-admin/src/router/routes/staticRoutes.ts
+++ b/web-admin/src/router/routes/staticRoutes.ts
@@ -231,6 +231,36 @@ export const staticRoutes: AppRouteRecordRaw[] = [
     component: () => import('@views/m/crm/quote/detail.vue'),
     meta: { title: '报价单详情', isHideTab: true, isMpWebview: true }
   },
+  {
+    path: '/m/crm/contract',
+    name: 'MpCrmContractList',
+    component: () => import('@views/m/crm/contract/index.vue'),
+    meta: { title: '合同管理', isHideTab: true, isMpWebview: true }
+  },
+  {
+    path: '/m/crm/contract/approval',
+    name: 'MpCrmContractApproval',
+    component: () => import('@views/m/crm/contract/approval.vue'),
+    meta: { title: '合同审批', isHideTab: true, isMpWebview: true }
+  },
+  {
+    path: '/m/crm/contract/new',
+    name: 'MpCrmContractNew',
+    component: () => import('@views/m/crm/contract/form.vue'),
+    meta: { title: '新增合同', isHideTab: true, isMpWebview: true }
+  },
+  {
+    path: '/m/crm/contract/:id/edit',
+    name: 'MpCrmContractEdit',
+    component: () => import('@views/m/crm/contract/form.vue'),
+    meta: { title: '编辑合同', isHideTab: true, isMpWebview: true }
+  },
+  {
+    path: '/m/crm/contract/:id',
+    name: 'MpCrmContractDetail',
+    component: () => import('@views/m/crm/contract/detail.vue'),
+    meta: { title: '合同详情', isHideTab: true, isMpWebview: true }
+  },
   {
     path: '/:pathMatch(.*)*',
     name: 'Exception404CatchAll',
diff --git a/web-admin/src/utils/mp-webview.ts b/web-admin/src/utils/mp-webview.ts
index 09dd6efbb..8da44b5d2 100644
--- a/web-admin/src/utils/mp-webview.ts
+++ b/web-admin/src/utils/mp-webview.ts
@@ -3,6 +3,8 @@ export const MP_PLAN_LIST_PATH = '/m/pl/plan'
 export const MP_CRM_PRODUCT_LIST_PATH = '/m/crm/product'
 export const MP_CRM_QUOTE_LIST_PATH = '/m/crm/quote'
 export const MP_CRM_QUOTE_APPROVAL_PATH = '/m/crm/quote/approval'
+export const MP_CRM_CONTRACT_LIST_PATH = '/m/crm/contract'
+export const MP_CRM_CONTRACT_APPROVAL_PATH = '/m/crm/contract/approval'
 export const MINI_WORKBENCH_PATH = '/pages/workbench/workbench'
 /** H5 iframe / uni 壳页约定：内嵌页请求返回工作台 */
 export const MP_WEBVIEW_GO_WORKBENCH = 'MP_WEBVIEW_GO_WORKBENCH'
diff --git a/web-admin/src/views/m/crm/contract/approval.vue b/web-admin/src/views/m/crm/contract/approval.vue
new file mode 100644
index 000000000..51fc3291b
--- /dev/null
+++ b/web-admin/src/views/m/crm/contract/approval.vue
@@ -0,0 +1,17 @@
+<template>
+  <MpWebviewShell>
+    <header class="mp-wv-header">
+      <div class="mp-wv-header__row">
+        <h1 class="mp-wv-header__title">{{ title }}</h1>
+      </div>
+    </header>
+  </MpWebviewShell>
+</template>
+<script setup lang="ts">
+  import { computed } from 'vue'
+  import { useRoute } from 'vue-router'
+  import MpWebviewShell from '@/layouts/MpWebviewShell.vue'
+  import '@/styles/mp-webview.scss'
+  const route = useRoute()
+  const title = computed(() => String(route.meta.title || ''))
+</script>
diff --git a/web-admin/src/views/m/crm/contract/detail.vue b/web-admin/src/views/m/crm/contract/detail.vue
new file mode 100644
index 000000000..51fc3291b
--- /dev/null
+++ b/web-admin/src/views/m/crm/contract/detail.vue
@@ -0,0 +1,17 @@
+<template>
+  <MpWebviewShell>
+    <header class="mp-wv-header">
+      <div class="mp-wv-header__row">
+        <h1 class="mp-wv-header__title">{{ title }}</h1>
+      </div>
+    </header>
+  </MpWebviewShell>
+</template>
+<script setup lang="ts">
+  import { computed } from 'vue'
+  import { useRoute } from 'vue-router'
+  import MpWebviewShell from '@/layouts/MpWebviewShell.vue'
+  import '@/styles/mp-webview.scss'
+  const route = useRoute()
+  const title = computed(() => String(route.meta.title || ''))
+</script>
diff --git a/web-admin/src/views/m/crm/contract/form.vue b/web-admin/src/views/m/crm/contract/form.vue
new file mode 100644
index 000000000..51fc3291b
--- /dev/null
+++ b/web-admin/src/views/m/crm/contract/form.vue
@@ -0,0 +1,17 @@
+<template>
+  <MpWebviewShell>
+    <header class="mp-wv-header">
+      <div class="mp-wv-header__row">
+        <h1 class="mp-wv-header__title">{{ title }}</h1>
+      </div>
+    </header>
+  </MpWebviewShell>
+</template>
+<script setup lang="ts">
+  import { computed } from 'vue'
+  import { useRoute } from 'vue-router'
+  import MpWebviewShell from '@/layouts/MpWebviewShell.vue'
+  import '@/styles/mp-webview.scss'
+  const route = useRoute()
+  const title = computed(() => String(route.meta.title || ''))
+</script>
diff --git a/web-admin/src/views/m/crm/contract/index.vue b/web-admin/src/views/m/crm/contract/index.vue
new file mode 100644
index 000000000..51fc3291b
--- /dev/null
+++ b/web-admin/src/views/m/crm/contract/index.vue
@@ -0,0 +1,17 @@
+<template>
+  <MpWebviewShell>
+    <header class="mp-wv-header">
+      <div class="mp-wv-header__row">
+        <h1 class="mp-wv-header__title">{{ title }}</h1>
+      </div>
+    </header>
+  </MpWebviewShell>
+</template>
+<script setup lang="ts">
+  import { computed } from 'vue'
+  import { useRoute } from 'vue-router'
+  import MpWebviewShell from '@/layouts/MpWebviewShell.vue'
+  import '@/styles/mp-webview.scss'
+  const route = useRoute()
+  const title = computed(() => String(route.meta.title || ''))
+</script>