diff --git a/event/web/src/App.vue b/event/web/src/App.vue
index 895a71f22a435c60333e228c62404b091551965e..2fed0ffce6371464af3c32d727d770bc743021de 100644
--- a/event/web/src/App.vue
+++ b/event/web/src/App.vue
@@ -1,13 +1,41 @@
 <template>
-  <div>
-
-  </div>
+  <el-config-provider :locale="zhCn">
+  <!-- 
+    1.input 筛选类型，模糊搜索 
+    2.time select 带快速选选择
+    3.标题：跟pilotGo插件保持一致
+  -->
+  <my-table ref="tableRef" row-key="date" :getData="getData" style="width: 100%">
+    <template #listName>事件列表</template>
+      <template #button_bar>
+        <el-button>btn</el-button>
+      </template>
+      <!-- <el-table-column type="selection" width="55" /> -->
+      <el-table-column prop="id" label="编号" width="80" />
+      <el-table-column prop="event_name" label="事件名称" />
+      <el-table-column prop="create_time" label="创建时间" />
+      <el-table-column prop="update_time" label="更新时间" />
+      <el-table-column prop="description" label="描述" />
+      <el-table-column label="操作" width="240">
+        <template #default="{ row }">
+          <el-button round size="small">btn</el-button>
+        </template>
+      </el-table-column>
+  </my-table>
+</el-config-provider>
 </template>
 
-<script setup lang="ts">
+<script lang="ts" setup>
+import { ref } from 'vue'
+import type { TableInstance } from 'element-plus'
+import locale from 'element-plus/es/locale/lang/zh-cn';
+import MyTable from './components/MyTable.vue';
+
+const zhCn = ref(locale); 
 
-</script>
+const tableRef = ref<TableInstance>()
 
-<style scoped>
+const getData = () => {
 
-</style>
+}
+</script>
\ No newline at end of file