diff --git a/src/pages.json b/src/pages.json
index 34d06b9..f5ace73 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -65,7 +65,11 @@
     },
     {
       "path": "pages/approval/approval",
-      "type": "page"
+      "type": "page",
+      "style": {
+        "navigationStyle": "custom",
+        "disableScroll": true
+      }
     },
     {
       "path": "pages/attendance/allowed-time",
diff --git a/src/pages/approval/approval.vue b/src/pages/approval/approval.vue
index 8122070..5c80404 100644
--- a/src/pages/approval/approval.vue
+++ b/src/pages/approval/approval.vue
@@ -1,5 +1,41 @@
+<route lang="json5">
+{
+  style: {
+    navigationStyle: 'custom',
+    disableScroll: true
+  }
+}
+</route>
 <template>
-  <view></view>
+  <view>
+    <TopNavigation :title="index === 0 ? '发起申请' : '审批'"></TopNavigation>
+    <CustomTabBar :list="list" :default-index="index" @change="change"></CustomTabBar>
+  </view>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+  import { TabBarItem } from '@/typings'
+
+  const index = ref<number>(0)
+
+  const list: Array<TabBarItem> = [
+    {
+      title: '新申请',
+      icon: 'home'
+    },
+    {
+      title: '审批中心',
+      icon: 'home'
+    }
+  ]
+
+  onLoad(options => {
+    if (options.index) {
+      index.value = Number(options.index)
+    }
+  })
+
+  const change = (data: object) => {
+    index.value = data.value
+  }
+</script>
diff --git a/src/pages/home/home.vue b/src/pages/home/home.vue
index ac82db0..092cbb0 100644
--- a/src/pages/home/home.vue
+++ b/src/pages/home/home.vue
@@ -212,13 +212,13 @@
         {
           id: 386,
           icon: 'https://file.hikmall.com/prod/image/c5a56acf8efe47d78fc0107552c98bf8.png',
-          url: '/pages/approval/approval',
+          url: '/pages/approval/approval?index=0',
           name: '发起审批'
         },
         {
           id: 385,
           icon: 'https://file.hikmall.com/prod/image/6b946ba258234cdc8d447631b07939c3.png',
-          url: '/pages/approval/approval',
+          url: '/pages/approval/approval?index=1',
           name: '审批记录'
         }
       ]