diff --git a/src/pages/audit/index.vue b/src/pages/audit/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0de40c3492ebd4c9dba1276c49a793cee7c3e60e
--- /dev/null
+++ b/src/pages/audit/index.vue
@@ -0,0 +1,62 @@
+<template>
+  <div ref="audit" class="audit">
+    <div ref="filter" class="filter">
+      <a-select
+        v-model="listQuery.level"
+        allow-clear
+        placeholder="请选择日志级别"
+        class="filter-item"
+        @change="handleFilter"
+      >
+        <a-select-option v-for="item in levelList" :key="item.value" :value="item.value">{{ item.label }}</a-select-option>
+      </a-select>
+      <a-input v-model="listQuery.ip" allow-clear placeholder="请输入ip地址" class="filter-item" @change="changeIP" />
+      <a-range-picker
+        :open="open"
+        class="filter-item"
+        :value="timeRange"
+        :disabled-date="disabledDate"
+        :show-time="{format: 'HH:mm:ss'}"
+        format="YYYY-MM-DD HH:mm:ss"
+        @change="onchangeTime"
+        @openChange="open = !open"
+        @calendarChange="calendarChange"
+        @ok="handleFilter"
+      >
+        <template slot="renderExtraFooter">
+          <a-button size="small" :class="{isActive: isActive === 1}" @click="computedTime(1)">昨天</a-button>
+          <a-button size="small" :class="{isActive: isActive === 3}" @click="computedTime(3)">近三天</a-button>
+          <a-button size="small" :class="{isActive: isActive === 5}" @click="computedTime(5)">近五天</a-button>
+          <a-button size="small" :class="{isActive: isActive === 7}" @click="computedTime(7)">近一周</a-button>
+        </template>
+      </a-range-picker>
+      <a-button type="primary" icon="search" @click="handleFilter">搜索</a-button>
+      <a-button type="primary" icon="sync" @click="resetHandler">重置</a-button>
+    </div>
+    <a-table
+      :data-source="auditList"
+      :loading="loading"
+      :columns="columns"
+      :pagination="pagination"
+      :scroll="{x: 900, y: tableHeight - 50}"
+      bordered
+      :row-key="(record, index) => index"
+      @change="change"
+    >
+      <template slot="level" slot-scope="text">
+        <a-tag v-if="text === 0" class="info">信息</a-tag>
+        <a-tag v-if="text === 1" class="success">调试</a-tag>
+        <a-tag v-if="text === 2" class="danger">错误</a-tag>
+        <a-tag v-if="text === 3" class="warning">告警</a-tag>
+      </template>
+      <a-tooltip slot="content" slot-scope="text" placement="topLeft" :title="text">
+        <span>{{ text }}</span>
+      </a-tooltip>
+      <template slot="operation" slot-scope="text, record">
+        <a-tooltip title="详情">
+          <a-button type="link" @click="handleDetail(record)"><a-icon type="file" /></a-button>
+        </a-tooltip>
+      </template>
+    </a-table>
+  </div>
+</template>
\ No newline at end of file