diff --git a/src/views/UserList.vue b/src/views/UserList.vue
index a020263..923728a 100644
--- a/src/views/UserList.vue
+++ b/src/views/UserList.vue
@@ -511,7 +511,6 @@ export default {
                   :rules="UserUpdateFormRules"
                   label-width="70px"
                 >
-                <el-row>
                 <el-form-item label="ID" prop="id">
                     <el-input
                       disabled
@@ -519,12 +518,13 @@ export default {
                       autocomplete="on"
                     ></el-input>
                   </el-form-item>
-                </el-row> 
+                  <el-row>
                   <el-form-item label="头像" prop="name">
                     <el-avatar :size="80" :src="UserUpdateForm.avatar"></el-avatar>
                     <!-- 选择图片 -->
-                    <input type="file" @change="handleAvatarFileUpload"/>
+                    <input type="file" @change="handleAvatarFileUpload"></input>
                   </el-form-item>
+                  </el-row>
                   <el-form-item label="用户名" prop="name">
                     <el-input
                       v-model="UserUpdateForm.name"
@@ -667,7 +667,79 @@ export default {
                   </template>
               </el-table-column>
             </el-table>
-          </el-dialog>          
+          </el-dialog>
+          
+          <el-dialog
+            title="用户好友"
+            width="40%"
+            v-model="FriendsTableIsDisplay"
+            center>
+
+            <el-table :data="FriendsGList" width="100%">
+              <el-table-column prop="id" label="id" width="80"></el-table-column>
+              <el-table-column
+                prop="name"
+                label="名称"
+                width="100"
+              ></el-table-column>
+              <el-table-column
+                prop="email"
+                label="用户邮箱"
+                width="180"
+              ></el-table-column>
+              <el-table-column>
+                <template #default="scope">
+                  <el-button
+                    type="primary"
+                    size="mini"
+                    @click.prevent="DelFriendsOrGroup(scope.$index)"
+                    >删除好友或群组</el-button
+                  >
+                  </template>
+              </el-table-column>
+            </el-table>
+          </el-dialog>
+
+          <el-dialog
+            title="Redis数据"
+            width="60%"
+            v-model="RedisIsDisplay"
+            center>
+
+            <el-table :data="RedisList" width="100%">
+              <el-table-column
+                prop="Key"
+                label="Key"
+                width="120"
+              ></el-table-column>
+              <el-table-column
+                prop="Value"
+                label="Value"
+                width="480"
+              ></el-table-column>
+              <el-table-column
+                prop="Type"
+                label="Type"
+                width="100"
+              ></el-table-column>
+              <el-table-column
+                prop="Expire"
+                label="Expire(s)"
+                width="100"
+              ></el-table-column>
+              <el-table-column>
+                <template #default="scope">
+                  <el-button
+                    type="primary"
+                    size="mini"
+                    @click.prevent="DelFriendsOrGroup(scope.$index)"
+                    >删除</el-button
+                  >
+                  </template>
+              </el-table-column>
+            </el-table>
+          </el-dialog>
+          
 
           <!-- 表格  :row-style="this.tableRowClassName"-->
           <el-table :data="tableData" width="100%" border>
@@ -724,6 +796,53 @@ export default {
           </el-table>
           
           <br />
+          <h>
+            群组列表
+          </h>
+
+          <!-- 表格  :row-style="this.tableRowClassName"-->
+          <el-table :data="groups" width="100%" border>
+            :row-style="this.tableRowClassName"
+            <el-table-column prop="ID" label="id" width="80"></el-table-column>
+            <el-table-column
+              prop="GroupName"
+              label="名称"
+              width="100"
+            ></el-table-column>
+            <el-table-column
+              prop="GroupInfo"
+              label="描述"
+              width="180"
+            ></el-table-column>
+            <el-table-column
+              prop="GroupType"
+              label="类型"
+              width="120"
+            ></el-table-column>
+            <el-table-column
+              prop="CreatedAt"
+              label="创建时间"
+              width="120"
+            ></el-table-column>
+            <el-table-column
+              prop="UpdatedAt"
+              label="更新时间"
+              width="120"
+            ></el-table-column>
+            <el-table-column label="操作" width="350">
+              <template #default="scope">
+                <el-button
+                  type="primary"
+                  size="mini"
+                  @click.prevent="addGroupRequest(scope.$index)"
+                  >请求加入</el-button
+                >
+                <!-- <el-button type="danger" size="mini">删除</el-button> -->
+              </template>
+            </el-table-column>
+          </el-table>
+          <br />
+
           <!-- 分页条 -->
           <!-- Pagination 分页 -->
           <!-- <el-pagination