速率限制可根据ip查看对应日志

src/views/monitor/ipratelimit/index.vue

@@ -17,7 +17,7 @@
         </el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button type="warning" plain icon="Checked" @click="handleGoToLog"> 日志 </el-button>
+        <el-button type="warning" plain icon="Checked" @click="handleGoToLog()"> 日志 </el-button>
       </el-col>
       <right-toolbar v-model:showSearch="showSearch" @queryTable="getList" :search-btn="false"></right-toolbar>
     </el-row>
@@ -45,6 +45,7 @@
           <el-button type="primary" text icon="View" @click="handleView(row)">查看</el-button>
           <el-button type="success" text icon="edit" @click="handleEdit(row)">编辑</el-button>
           <el-button type="danger" text icon="delete" @click="handleDelete(row)">删除</el-button>
+          <el-button type="warning" text icon="Checked" @click="handleGoToLog(row.ip)">日志</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -156,16 +157,6 @@
         </el-row>
       </template>
     </el-dialog>
-    <h1 class="text-3xl font-bold underline">Hello World</h1>
-    <div class="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-lg flex items-center space-x-4">
-      <div class="shrink-0">
-        <img class="h-12 w-12" src="/favicon.ico" alt="ChitChat Logo" />
-      </div>
-      <div>
-        <div class="text-xl font-medium text-black">ChitChat</div>
-        <p class="text-slate-500">You have a new message!</p>
-      </div>
-    </div>
   </div>
 </template>
 
@@ -469,8 +460,8 @@ const handleDeleteRuleLine = (index: any) => {
   ipRateLimitPolicyModel.value.rules?.splice(index, 1)
 }
 
-const handleGoToLog = () => {
+const handleGoToLog = (ip?: string) => {
-  router.push('/monitor/ipratelimitlog')
+  router.push({ path: '/monitor/ipratelimitlog', query: { ip } })
 }
 </script>
 

src/views/monitor/ipratelimit/ipratelimitlog/index.vue

@@ -27,6 +27,7 @@ import { getIpRateLimitLogPage } from '@/api/monitor/ipratelimit'
 onMounted(() => {
   getList()
 })
+const route = useRoute()
 const router = useRouter()
 const cardLoading = ref(false)
 const goBack = () => {
@@ -39,7 +40,8 @@ const loading = ref(true)
 const total = ref(0)
 const queryParams = ref({
   pageNum: 1,
-  pageSize: 10
+  pageSize: 10,
+  clientIp: route.query.ip
 })
 interface ipRateLimitLog {
   id: string