diff --git a/src/views/personnelManagement/accessLogManagement/index.vue b/src/views/personnelManagement/accessLogManagement/index.vue
index cc43d6f..8751374 100644
--- a/src/views/personnelManagement/accessLogManagement/index.vue
+++ b/src/views/personnelManagement/accessLogManagement/index.vue
@@ -1,5 +1,9 @@
 <template>
   <div class="accessLogManagement-container">
+    <el-tabs v-model="queryForm.appId" type="card" @tab-click="handleTabClick">
+      <el-tab-pane v-for="item in applicationList" :key="item.id" :label="item.name" :name="item.id" />
+    </el-tabs>
+
     <vab-query-form>
       <vab-query-form-right-panel :span="12">
         <el-form :inline="true" :model="queryForm" @submit.native.prevent>
@@ -61,6 +65,7 @@
 
 <script>
   import { getList } from '@/api/accessLogManagement'
+  import { getList as getApplicationList } from '@/api/appManagement'
   import { formatTime } from '@/utils'
 
   export default {
@@ -74,15 +79,17 @@
         selectRows: '',
         elementLoadingText: '正在加载...',
         queryForm: {
-          appId: '69665538a49b8ae3be50fe5d',
+          appId: '',
           pageNo: 1,
           pageSize: 10,
           permission: '',
         },
+        applicationList: [],
         timeOutID: null,
       }
     },
     created() {
+      this.fetchApplicationList()
       this.fetchData()
     },
 
@@ -90,6 +97,13 @@
       clearTimeout(this.timeOutID)
     },
     methods: {
+      async fetchApplicationList() {
+        const { data } = await getApplicationList({ pageNo: 1, pageSize: 100 })
+        this.applicationList = data.list
+      },
+      handleTabClick() {
+        this.queryData()
+      },
       formatTime,
       setSelectRows(val) {
         this.selectRows = val