feat: add refresh button for logs

RockChinQ · Oct 7, 2023 · e9e9d6c · e9e9d6c
1 parent 874a1c4
commit e9e9d6c
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/web/src/components/Log.vue b/web/src/components/Log.vue
@@ -73,6 +73,9 @@ onresize = () => {
 <div id="overall_container">
     <div id="table_container" background :style="{ width: keyContainerWidth}">
         <el-pagination id="pages" layout="prev, pager, next" :page-count="page_count" @current-change="changePage" />
+        <span id="operation_bar">
+            <el-button type="success" @click="refreshLogs()">Refresh</el-button>
+        </span>
         <el-table id="log_table" :data="logs" stripe >
             <el-table-column prop="id" label="ID" width="80" />
             <el-table-column prop="time" label="Time" width="180" />
@@ -112,6 +115,17 @@ onresize = () => {
     border-radius: 0.4rem;
 }
 
+#operation_bar{
+    position: relative;
+    top: 0;
+    left: 0;
+    margin-left: 10px;
+    margin-top: 0.6rem;
+    width: 100%;
+    height: 100%;
+    display: flex;
+}
+
 #pages{
     position: relative;
     top: 0;