diff --git a/src/views/peer/index.vue b/src/views/peer/index.vue
index 32938a7..8096bc1 100644
--- a/src/views/peer/index.vue
+++ b/src/views/peer/index.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
     <el-card class="list-query" shadow="hover">
-      <el-form inline label-width="150px">
+      <el-form inline label-width="60px">
         <el-form-item label="ID">
           <el-input v-model="listQuery.id" clearable/>
         </el-form-item>
         <el-form-item :label="T('Hostname')">
           <el-input v-model="listQuery.hostname" clearable/>
         </el-form-item>
-        <el-form-item :label="T('LastOnlineTime')">
+        <el-form-item :label="T('LastOnlineTime')"  label-width="100px">
           <el-select v-model="listQuery.time_ago" clearable>
             <el-option
                 v-for="item in timeFilters"
@@ -19,6 +19,12 @@
             ></el-option>
           </el-select>
         </el-form-item>
+        <el-form-item :label="T('Username')">
+          <el-input v-model="listQuery.username" clearable/>
+        </el-form-item>
+        <el-form-item label="IP">
+          <el-input v-model="listQuery.ip" clearable/>
+        </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="handlerQuery">{{ T('Filter') }}</el-button>
           <el-button type="danger" @click="toAdd">{{ T('Add') }}</el-button>
@@ -215,6 +221,8 @@
     time_ago: null,
     id: '',
     hostname: '',
+    username: '',
+    ip: '',
   })
 
   const getList = async () => {