diff --git a/app/group.go b/app/group.go
index 9b22f931..518b45d3 100644
--- a/app/group.go
+++ b/app/group.go
@@ -25,6 +25,19 @@ func GetGroupUsers(ctx *gin.Context) {
 		ctx.String(http.StatusInternalServerError, "查询失败: %s", err.Error())
 		return
 	}
+
+	result := map[string]any{
+		"records": records,
+	}
+	// 循环数据，统计健在成员
+	var isOkCount int
+	for _, record := range records {
+		if record.IsMember {
+			isOkCount++
+		}
+	}
+	result["isOkCount"] = isOkCount
+
 	// 暂时先就这样写着，跑通了再改
-	ctx.JSON(http.StatusOK, records)
+	ctx.JSON(http.StatusOK, result)
 }
diff --git a/main.go b/main.go
index 0ca0fbe0..603ab697 100644
--- a/main.go
+++ b/main.go
@@ -79,7 +79,7 @@ func main() {
 	})
 	// 初始化路由
 	router.Init(app)
-	if err := app.Run(":8080"); err != nil {
+	if err := app.Run(":18080"); err != nil {
 		log.Panicf("服务启动失败：%v", err)
 	}
 }
diff --git a/views/groupuser.html b/views/groupuser.html
index 984c6cde..516e59cc 100644
--- a/views/groupuser.html
+++ b/views/groupuser.html
@@ -1,6 +1,9 @@
 <dialog id="groupUserModal" class="modal">
   <div class="modal-box w-11/12 max-w-7xl">
-    <h3 class="font-bold text-lg" id="groupUserModalName">我是群名称</h3>
+    <div class="flex">
+      <h3 class="font-bold text-lg" id="groupUserModalName">我是群名称</h3>
+      <h3 class="font-bold text-lg ml-5" id="groupUserCount">(健在成员100人)</h3>
+    </div>
     <div class="divider divider-warning">成员列表</div>
     <table class="table table-zebra">
       <thead>
diff --git a/views/static/js/index.js b/views/static/js/index.js
index ee7014ce..95d6d85a 100644
--- a/views/static/js/index.js
+++ b/views/static/js/index.js
@@ -2,82 +2,82 @@ console.log("打开首页")
 
 //	改变AI开启状态
 function changeAiEnableStatus(wxId) {
-    // console.log("修改AI开启状态: ", wxId)
+  // console.log("修改AI开启状态: ", wxId)
 
-    axios({
-        method: 'put',
-        url: '/api/ai/status',
-        data: {
-            wxId: wxId
-        }
-    }).then(function (response) {
-        console.log(`返回结果: ${JSON.stringify(response)}`);
-        alert(`${response.data}`)
-    }).catch(function (error) {
-        console.log(`错误信息: ${error}`);
-        alert("修改失败")
-    }).finally(function () {
-        window.location.reload();
-    })
+  axios({
+    method: 'put',
+    url: '/api/ai/status',
+    data: {
+      wxId: wxId
+    }
+  }).then(function (response) {
+    console.log(`返回结果: ${JSON.stringify(response)}`);
+    alert(`${response.data}`)
+  }).catch(function (error) {
+    console.log(`错误信息: ${error}`);
+    alert("修改失败")
+  }).finally(function () {
+    window.location.reload();
+  })
 }
 
 // 修改水群排行榜状态
 function changeGroupRankEnableStatus(wxId) {
-    // console.log("修改水群排行榜开启状态: ", wxId)
-    axios({
-        method: 'put',
-        url: '/api/grouprank/status',
-        data: {
-            wxId: wxId
-        }
-    }).then(function (response) {
-        console.log(`返回结果: ${JSON.stringify(response)}`);
-        alert(`${response.data}`)
-    }).catch(function (error) {
-        console.log(`错误信息: ${error}`);
-        alert("修改失败")
-    }).finally(function () {
-        window.location.reload();
-    })
+  // console.log("修改水群排行榜开启状态: ", wxId)
+  axios({
+    method: 'put',
+    url: '/api/grouprank/status',
+    data: {
+      wxId: wxId
+    }
+  }).then(function (response) {
+    console.log(`返回结果: ${JSON.stringify(response)}`);
+    alert(`${response.data}`)
+  }).catch(function (error) {
+    console.log(`错误信息: ${error}`);
+    alert("修改失败")
+  }).finally(function () {
+    window.location.reload();
+  })
 }
 
 // 修改水群排行榜状态
 function changeSummaryEnableStatus(wxId) {
-    // console.log("修改聊天记录总结开启状态: ", wxId)
-    axios({
-        method: 'put',
-        url: '/api/summary/status',
-        data: {
-            wxId: wxId
-        }
-    }).then(function (response) {
-        console.log(`返回结果: ${JSON.stringify(response)}`);
-        alert(`${response.data}`)
-    }).catch(function (error) {
-        console.log(`错误信息: ${error}`);
-        alert("修改失败")
-    }).finally(function () {
-        window.location.reload();
-    })
+  // console.log("修改聊天记录总结开启状态: ", wxId)
+  axios({
+    method: 'put',
+    url: '/api/summary/status',
+    data: {
+      wxId: wxId
+    }
+  }).then(function (response) {
+    console.log(`返回结果: ${JSON.stringify(response)}`);
+    alert(`${response.data}`)
+  }).catch(function (error) {
+    console.log(`错误信息: ${error}`);
+    alert("修改失败")
+  }).finally(function () {
+    window.location.reload();
+  })
 }
 
 // 修改欢迎语开启状态
 function changeWelcomeEnableStatus(wxId) {
-    axios({
-        method: 'put',
-        url: '/api/welcome/status',
-        data: {
-            wxId: wxId
-        }
-    }).then(function (response) {
-        console.log(`返回结果: ${JSON.stringify(response)}`);
-        alert(`${response.data}`)
-    }).catch(function (error) {
-        console.log(`错误信息: ${error}`);
-        alert("修改失败")
-    }).finally(function () {
-        window.location.reload();
-    })
+  axios({
+    method: 'put',
+    url: '/api/welcome/status',
+    data: {
+      wxId: wxId
+    }
+  }).then(function (response) {
+    console.log(`返回结果: ${JSON.stringify(response)}`);
+    alert(`${response.data}`)
+  }).catch(function (error) {
+    console.log(`错误信息: ${error}`);
+    alert("修改失败")
+  }).finally(function () {
+    window.location.reload();
+  })
 }
 
 // 修改用户新闻开启状态
@@ -101,117 +101,123 @@ function changeUserNewsStatus(wxId) {
 
 // 修改指令权限启用状态
 function changeCommandEnableStatus(wxId) {
-    axios({
-        method: 'put',
-        url: '/api/command/status',
-        data: {
-            wxId: wxId
-        }
-    }).then(function (response) {
-        console.log(`返回结果: ${JSON.stringify(response)}`);
-        alert(`${response.data}`)
-    }).catch(function (error) {
-        console.log(`错误信息: ${error}`);
-        alert("修改失败")
-    }).finally(function () {
-        window.location.reload();
-    })
+  axios({
+    method: 'put',
+    url: '/api/command/status',
+    data: {
+      wxId: wxId
+    }
+  }).then(function (response) {
+    console.log(`返回结果: ${JSON.stringify(response)}`);
+    alert(`${response.data}`)
+  }).catch(function (error) {
+    console.log(`错误信息: ${error}`);
+    alert("修改失败")
+  }).finally(function () {
+    window.location.reload();
+  })
 }
 
 // 修改群成员是否参与排行榜状态
 function changeUserGroupRankSkipStatus(groupId, userId) {
-    console.log("修改水群排行榜开启状态: ", groupId, userId)
-    axios({
-        method: 'put',
-        url: '/api/grouprank/skip',
-        data: {
-            wxId: groupId,
-            userId: userId
-        }
-    }).then(function (response) {
-        console.log(`返回结果: ${JSON.stringify(response)}`);
-        alert(`${response.data}`)
-    }).catch(function (error) {
-        console.log(`错误信息: ${error}`);
-        alert("修改失败")
-    }).finally(function () {
-        window.location.reload();
-    })
+  console.log("修改水群排行榜开启状态: ", groupId, userId)
+  axios({
+    method: 'put',
+    url: '/api/grouprank/skip',
+    data: {
+      wxId: groupId,
+      userId: userId
+    }
+  }).then(function (response) {
+    console.log(`返回结果: ${JSON.stringify(response)}`);
+    alert(`${response.data}`)
+  }).catch(function (error) {
+    console.log(`错误信息: ${error}`);
+    alert("修改失败")
+  }).finally(function () {
+    window.location.reload();
+  })
 }
 
 // 获取群成员列表
 function getGroupUsers(groupId, groupName) {
-    // 获取表格的tbody部分，以便稍后向其中添加行
-    var tbody = document.getElementById("groupUsers");
-    tbody.innerHTML = ""
+  // 获取表格的tbody部分，以便稍后向其中添加行
+  var tbody = document.getElementById("groupUsers");
+  tbody.innerHTML = ""
 
-    // 打开模态框
-    const modal = document.getElementById("groupUserModal");
-    modal.showModal()
+  // 打开模态框
+  const modal = document.getElementById("groupUserModal");
+  modal.showModal()
 
-    // 设置群名称
-    const groupNameTag = document.getElementById("groupUserModalName");
-    groupNameTag.innerHTML = '<span class="loading loading-dots loading-lg"></span>'
+  // 设置群名称
+  const groupNameTag = document.getElementById("groupUserModalName");
+  groupNameTag.innerHTML = '<span class="loading loading-dots loading-lg"></span>'
 
-    // 显示加载框
-    // const loading = document.getElementById("groupUserDataLoading");
-    // loading.style.display = "block"
+  // 显示加载框
+  // const loading = document.getElementById("groupUserDataLoading");
+  // loading.style.display = "block"
 
-    axios.get('/api/group/users', {
-        params: {
-            groupId: groupId
-        }
-    }).then(function (response) {
-        // console.log(`返回结果: ${JSON.stringify(response)}`);
-        // 渲染群成员列表
-        const groupUsers = response.data
-        // 循环渲染数据
-        groupUsers.forEach((groupUser, i) => {
-            console.log(groupUser)
-            const { wxid, nickname, isMember, isAdmin, joinTime, lastActive, leaveTime, skipChatRank } = groupUser;
+  axios.get('/api/group/users', {
+    params: {
+      groupId: groupId
+    }
+  }).then(function (response) {
+    // console.log(`返回结果: ${JSON.stringify(response.data)}`);
+    // 渲染群成员列表
+    const groupUsers = response.data.records;
+    const groupUserCount = response.data.isOkCount;
 
-            let row = tbody.insertRow(i);
-            // Insert data into cells
-            row.insertCell(0).innerHTML = wxid;
-            row.insertCell(1).innerHTML = nickname;
-            row.insertCell(2).innerHTML = `<span class="inline-flex items-center rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ${isMember ? 'bg-green-50 text-green-700 ring-green-600/20' : 'bg-red-50 text-red-700 ring-red-600/20'}">${isMember ? '是' : '否'}</span>`;
-            row.insertCell(3).innerHTML = `<span class="inline-flex items-center rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ${isAdmin ? 'bg-green-50 text-green-700 ring-green-600/20' : 'bg-red-50 text-red-700 ring-red-600/20'}">${isAdmin ? '是' : '否'}</span>`;
-            row.insertCell(4).innerHTML = joinTime;
-            row.insertCell(5).innerHTML = lastActive;
-            row.insertCell(6).innerHTML = leaveTime;
-            // row.insertCell(7).innerHTML = `<input type="checkbox" class="toggle toggle-error" ${skipChatRank ? 'checked' : ''} onclick="changeUserGroupRankSkipStatus('${groupId}', '${wxid}')" />`;
-            row.insertCell(7).innerHTML = `<span class="inline-flex items-center rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ${skipChatRank ? 'bg-green-50 text-green-700 ring-green-600/20' : 'bg-red-50 text-red-700 ring-red-600/20'}">${skipChatRank ? '是' : '否'}</span>`;
-        });
-    }).catch(function (error) {
-        console.log(`错误信息: ${error}`);
-    }).finally(function () {
-        // 隐藏加载框
-        // loading.style.display = "none"
-        groupNameTag.innerHTML = groupName
-    })
+    // 设置成员总数
+    const groupUserCountTag = document.getElementById("groupUserCount");
+    groupUserCountTag.innerHTML = `健在成员: ${groupUserCount}人`
+
+    // 循环渲染数据
+    groupUsers.forEach((groupUser, i) => {
+      // console.log(groupUser)
+      const {wxid, nickname, isMember, isAdmin, joinTime, lastActive, leaveTime, skipChatRank} = groupUser;
+
+      let row = tbody.insertRow(i);
+      // Insert data into cells
+      row.insertCell(0).innerHTML = wxid;
+      row.insertCell(1).innerHTML = nickname;
+      row.insertCell(2).innerHTML = `<span class="inline-flex items-center rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ${isMember ? 'bg-green-50 text-green-700 ring-green-600/20' : 'bg-red-50 text-red-700 ring-red-600/20'}">${isMember ? '是' : '否'}</span>`;
+      row.insertCell(3).innerHTML = `<span class="inline-flex items-center rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ${isAdmin ? 'bg-green-50 text-green-700 ring-green-600/20' : 'bg-red-50 text-red-700 ring-red-600/20'}">${isAdmin ? '是' : '否'}</span>`;
+      row.insertCell(4).innerHTML = joinTime;
+      row.insertCell(5).innerHTML = lastActive;
+      row.insertCell(6).innerHTML = leaveTime;
+      // row.insertCell(7).innerHTML = `<input type="checkbox" class="toggle toggle-error" ${skipChatRank ? 'checked' : ''} onclick="changeUserGroupRankSkipStatus('${groupId}', '${wxid}')" />`;
+      row.insertCell(7).innerHTML = `<span class="inline-flex items-center rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ${skipChatRank ? 'bg-green-50 text-green-700 ring-green-600/20' : 'bg-red-50 text-red-700 ring-red-600/20'}">${skipChatRank ? '是' : '否'}</span>`;
+    });
+  }).catch(function (error) {
+    console.log(`错误信息: ${error}`);
+  }).finally(function () {
+    // 隐藏加载框
+    // loading.style.display = "none"
+    groupNameTag.innerHTML = groupName
+  })
 }
 
 // AI模型变动
 function aiModelChange(event, wxid) {
-    // 取出变动后的值
-    const modelStr = event.target.value;
-    console.log("AI模型变动: ", wxid, modelStr)
-    axios({
-        method: 'post',
-        url: '/api/ai/model',
-        data: {
-            wxid: wxid,
-            model: modelStr
-        }
-    }).then(function (response) {
-        console.log(`返回结果: ${JSON.stringify(response)}`);
-        alert(`${response.data}`)
-    }).catch(function (error) {
-        console.log(`错误信息: ${error}`);
-        alert("修改失败")
-    }).finally(function () {
-        window.location.reload();
-    })
+  // 取出变动后的值
+  const modelStr = event.target.value;
+  console.log("AI模型变动: ", wxid, modelStr)
+  axios({
+    method: 'post',
+    url: '/api/ai/model',
+    data: {
+      wxid: wxid,
+      model: modelStr
+    }
+  }).then(function (response) {
+    console.log(`返回结果: ${JSON.stringify(response)}`);
+    alert(`${response.data}`)
+  }).catch(function (error) {
+    console.log(`错误信息: ${error}`);
+    alert("修改失败")
+  }).finally(function () {
+    window.location.reload();
+  })
 }
 
 // AI角色变动