🆕 修改群组页面为卡片

This commit is contained in:
李寻欢 2024-06-18 16:23:09 +08:00
parent bc2893fad1
commit b024600ef0
6 changed files with 180 additions and 97 deletions

View File

@ -23,6 +23,13 @@ type changeUseAiModelParam struct {
Model string `json:"model" binding:"required"` // 模型代码 Model string `json:"model" binding:"required"` // 模型代码
} }
// autoClearMembers
// @description: 自动清理群成员
type autoClearMembers struct {
WxId string `json:"wxid" binding:"required"` // 群Id
Days int `json:"days"` // 多少天未发言
}
// ChangeEnableAiStatus // ChangeEnableAiStatus
// @description: 修改是否开启AI // @description: 修改是否开启AI
// @param ctx // @param ctx
@ -227,3 +234,26 @@ func ChangeEnableNewsStatus(ctx *gin.Context) {
ctx.String(http.StatusOK, "操作成功") ctx.String(http.StatusOK, "操作成功")
} }
// AutoClearMembers
// @description: 自动清理群成员
// @param ctx
func AutoClearMembers(ctx *gin.Context) {
var p autoClearMembers
if err := ctx.ShouldBindJSON(&p); err != nil {
ctx.String(http.StatusBadRequest, "参数错误")
return
}
log.Printf("待修改的Id%s", p.WxId)
err := client.MySQL.Model(&entity.Friend{}).
Where("wxid = ?", p.WxId).
Update("`clear_member`", p.Days).Error
if err != nil {
log.Printf("修改自动清理群成员阈值失败:%s", err)
ctx.String(http.StatusInternalServerError, "操作失败: %s", err)
return
}
ctx.String(http.StatusOK, "操作成功")
}

View File

@ -32,4 +32,5 @@ func Init(g *gin.Engine) {
api.PUT("/grouprank/skip", app.ChangeSkipGroupRankStatus) // 修改是否跳过水群排行榜状态 api.PUT("/grouprank/skip", app.ChangeSkipGroupRankStatus) // 修改是否跳过水群排行榜状态
api.GET("/group/users", app.GetGroupUsers) // 获取群成员列表 api.GET("/group/users", app.GetGroupUsers) // 获取群成员列表
api.PUT("/summary/status", app.ChangeEnableSummaryStatus) // 修改是否开启群聊总结状态 api.PUT("/summary/status", app.ChangeEnableSummaryStatus) // 修改是否开启群聊总结状态
api.PUT("/clearmembers", app.AutoClearMembers) // 自动清理群成员
} }

View File

@ -197,9 +197,9 @@
{{define "flagTag"}} {{define "flagTag"}}
{{ if eq . true }} {{ if eq . true }}
<span <span
class="inline-flex items-center rounded-md bg-green-50 px-2 py-1 text-xs font-medium text-green-700 ring-1 ring-inset ring-green-600/20"></span> class="inline-flex items-center rounded-md bg-green-50 px-2 py-1 text-xs font-medium text-green-700 ring-1 ring-inset ring-green-600/20">在通讯录</span>
{{ else }} {{ else }}
<span <span
class="inline-flex items-center rounded-md bg-red-50 px-2 py-1 text-xs font-medium text-red-700 ring-1 ring-inset ring-red-600/20"></span> class="inline-flex items-center rounded-md bg-red-50 px-2 py-1 text-xs font-medium text-red-700 ring-1 ring-inset ring-red-600/20">不在通讯录</span>
{{ end }} {{ end }}
{{end}} {{end}}

View File

@ -21,101 +21,113 @@
<main class="-mt-32"> <main class="-mt-32">
<div class="mx-auto max-w-7xl px-4 pb-12 sm:px-6 lg:px-8"> <div class="mx-auto max-w-7xl px-4 pb-12 sm:px-6 lg:px-8">
<div class="rounded-lg bg-white px-5 py-6 shadow sm:px-6 text-2xl"> <div class="rounded-lg bg-white px-5 py-6 shadow sm:px-6 text-2xl">
<table class="min-w-full divide-y divide-gray-300"> <ul role="list" class="grid grid-cols-1 gap-x-6 gap-y-8 lg:grid-cols-3 xl:gap-x-8">
<thead class="bg-gray-50">
<tr>
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">群名称
</th>
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
最后活跃时间
</th>
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
是否在通讯录
</th>
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
AI
</th>
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
排行榜
</th>
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
总结
</th>
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
迎新
</th>
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
早报
</th>
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
指令
</th>
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
末位淘汰(天)
</th>
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
操作
</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200 bg-white">
{{ range .groups }} {{ range .groups }}
<tr class="even:bg-gray-50"> <li class="overflow-hidden rounded-xl border border-gray-200">
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500"> <div class="flex items -center gap-x-4 border-b border-gray-900/5 bg-gray-50 p-6">
<div class="font-medium text-gray-900">{{ .Nickname }}</div> <img src="assets/img/status-{{ if eq .IsOk true }}ok{{else}}fail{{end}}.png" alt="Tuple"
<div class="mt-1 truncate text-gray-500">{{ .Wxid }}</div> class="h-12 w-12 flex-none rounded-lg bg-white object-cover ring-1 ring-gray-900/10">
</td> <div class="text-sm flex-1">
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500"> <div class="font-medium leading-6 text-gray-900">{{ .Nickname }}</div>
{{ if eq .LastActive.IsNil true }} <div class="font-medium text-gray-500">{{ .Wxid }}</div>
无数据 {{ template "flagTag" .IsOk }}
{{ else }} <button type="button" class="btn-link float-end text-red-600" onclick="getGroupUsers({{.Wxid}}, {{.Nickname}})">群成员</button>
{{ .LastActive }} </div>
{{ end }} </div>
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500"> <dl class="-my-3 divide-y divide-gray-100 px-6 py-4 text-sm leading-6">
{{ template "flagTag" .IsOk }} <!-- 最后活跃时间 -->
</td> <div class="flex justify-between gap-x-4 py-3 items-center">
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500"> <dt class="text-gray-500">最后活跃时间</dt>
{{ template "ai" . }} <dd class="flex items-start gap-x-2">
<!-- 使用的模型 --> {{ if eq .LastActive.IsNil true }}
{{ if eq .EnableAi true }} 无活跃数据
<select id="location" name="location" {{ else }}
class="mt-2 block w-full rounded-md border-0 py-1.5 pl-3 pr-10 text-gray-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-green-600 sm:text-sm sm:leading-6" <time datetime="{{ .LastActive }}">{{ .LastActive }}</time>
onchange="aiModelChange(event, {{.Wxid}})"> {{ end }}
{{$useModel := .AiModel}} </dd>
{{ range $.aiModels }} </div>
<option value="{{.Model}}" {{ if eq $useModel .Model}}selected{{ end }}> <!-- AI -->
{{.Name}}({{.Model}}) <div class="flex justify-between gap-x-4 py-3 items-center">
</option> <dt class="text-gray-500">AI</dt>
{{ end }} <dd class="flex items-start gap-x-2">
</select> <div>
{{ end }} {{ template "ai" . }}
</td> </div>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500"> {{ if eq .EnableAi true }}
{{ template "chatRank" . }} <div class="float-end">
</td> <select
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500"> class="block w-full rounded-md border-0 py-1.5 pl-3 pr-10 text-gray-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-green-600 sm:text-sm sm:leading-6"
{{ template "summary" . }} onchange="aiAssistantChange(event, {{.Wxid}})">
</td> <option value="" {{ if eq .Prompt
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500"> "" }}selected{{ end }}>默认</option>
{{ template "welcome" . }}
</td> {{$usePrompt := .Prompt}}
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500"> {{ range $.assistant }}
{{ template "news" . }} <option value="{{.Id}}" {{ if eq $usePrompt .Id}}selected{{ end }}>
</td> {{.Name}}
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500"> </option>
{{ template "command" . }} {{ end }}
</td> </select>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500"> </div>
{{ .ClearMember }} {{ end }}
</td> </dd>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500"> </div>
<button class="btn btn-link" onclick="getGroupUsers({{.Wxid}}, {{.Nickname}})">成员</button> <!-- 水群排行榜 -->
</td> <div class="flex justify-between gap-x-4 py-3 items-center">
</tr> <dt class="text-gray-500">水群排行榜</dt>
{{ end }} <dd class="flex items-start gap-x-2">
</tbody> {{ template "chatRank" . }}
</table> </dd>
</div>
<!-- 群聊总结 -->
<div class="flex justify-between gap-x-4 py-3 items-center">
<dt class="text-gray-500">群聊总结</dt>
<dd class="flex items-start gap-x-2">
{{ template "summary" . }}
</dd>
</div>
<!-- 迎新 -->
<div class="flex justify-between gap-x-4 py-3 items-center">
<dt class="text-gray-500">迎新</dt>
<dd class="flex items-start gap-x-2">
{{ template "welcome" . }}
</dd>
</div>
<!-- 早报 -->
<div class="flex justify-between gap-x-4 py-3 items-center">
<dt class="text-gray-500">早报</dt>
<dd class="flex items-start gap-x-2">
{{ template "news" . }}
</dd>
</div>
<!-- 指令 -->
<div class="flex justify-between gap-x-4 py-3 items-center">
<dt class="text-gray-500">迎新</dt>
<dd class="flex items-start gap-x-2">
{{ template "command" . }}
</dd>
</div>
<!-- 自动清理不活跃成员 -->
<div class="flex justify-between gap-x-4 py-3 items-center">
<dt class="text-gray-500">末位淘汰</dt>
<dd class="flex items-start gap-x-2">
<div class="relative rounded-md shadow-sm">
<label>
<input type="number" id="auto-cm-{{ .Wxid }}" min="0" class="block w-1/2 float-end rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6" placeholder="N天不活跃自动移除"
value="{{.ClearMember}}"
onblur="changeClearMember({{.Wxid}}, {{.ClearMember}}, this.value)"
>
</label>
<div class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3">
<span class="text-gray-500 sm:text-sm" id="price-currency"></span>
</div>
</div>
</dd>
</div>
</dl>
{{ end }}
</ul>
</div> </div>
</div> </div>
</main> </main>

View File

@ -1,4 +1,14 @@
/* 隐藏滚动条 */ /* 隐藏滚动条 */
::-webkit-scrollbar { ::-webkit-scrollbar {
display: none; display: none;
} }
/* 隐藏input输入数字时的箭头 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance:textfield;
}

View File

@ -236,3 +236,33 @@ function aiAssistantChange(event, wxid) {
window.location.reload(); window.location.reload();
}) })
} }
// 修改清理群成员值
function changeClearMember(wxid, oldVal, newVal) {
oldVal = Number(oldVal)
newVal = Number(newVal)
if (oldVal === newVal) {
return
}
if (newVal < 0) {
alert('不活跃天数的值不能小于0')
}
// 请求接口
axios({
method: 'put',
url: '/api/clearmembers',
data: {
wxid: wxid,
days: Number(newVal)
}
}).then(function (response) {
console.log(`返回结果: ${JSON.stringify(response)}`);
alert(`${response.data}`)
}).catch(function (error) {
console.log(`错误信息: ${error}`);
alert("修改失败")
}).finally(function () {
window.location.reload();
})
}