From b64a0deae5b5d33f9e20671a68936b27f0b9b00b Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 21 七月 2026 18:03:03 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/dev_pro2.0' into dev_pro2.0
---
src/views/im/home/components/group/group-admin-set-dialog.vue | 122 ++++++++++++++++++++++++++++++++++++++++
1 files changed, 122 insertions(+), 0 deletions(-)
diff --git a/src/views/im/home/components/group/group-admin-set-dialog.vue b/src/views/im/home/components/group/group-admin-set-dialog.vue
new file mode 100644
index 0000000..060355a
--- /dev/null
+++ b/src/views/im/home/components/group/group-admin-set-dialog.vue
@@ -0,0 +1,122 @@
+<script lang="ts" setup>
+import type { GroupMemberLite } from './group-member.vue'
+
+import { ref } from 'vue'
+
+import { Button, message, Modal } from 'ant-design-vue'
+
+import { addGroupAdmin, removeGroupAdmin } from '#/api/im/group'
+import { GROUP_ADMIN_MAX_COUNT } from '#/views/im/utils/config'
+
+import { GroupMemberPickerPanel } from '../picker'
+
+defineOptions({ name: 'ImGroupAdminSetDialog' })
+
+const emit = defineEmits<{
+ /** 绠＄悊鍛樺彉鏇存垚鍔燂紱鐖朵晶閫氬父鐢ㄦ潵 reload 缇ゆ暟鎹� */
+ reload: []
+}>()
+
+const visible = ref(false)
+const submitting = ref(false)
+const groupId = ref(0)
+const members = ref<GroupMemberLite[]>([])
+const currentAdminIds = ref<number[]>([]) // 褰撳墠绠＄悊鍛� userId 鍒楄〃锛氶粯璁ゅ嬀閫� + 鎻愪氦鏃� diff
+const hideIds = ref<number[]>([])
+const maxSize = ref(GROUP_ADMIN_MAX_COUNT)
+const selectedIds = ref<number[]>([])
+
+defineExpose({
+ /** 鎵撳紑璁剧疆绠＄悊鍛樺脊绐楋細reset 鈫� 鐏屽弬 鈫� visible=true */
+ open(opts: {
+ /** 褰撳墠绠＄悊鍛� userId 鍒楄〃锛堥粯璁ゅ嬀閫夛級 */
+ currentAdminIds: number[]
+ groupId: number
+ /** 闅愯棌 userId锛堢兢涓伙級 */
+ hideIds?: number[]
+ /** 宸查�夋暟涓婇檺锛涗笉浼犺蛋 GROUP_ADMIN_MAX_COUNT */
+ maxSize?: number
+ members: GroupMemberLite[]
+ }) {
+ groupId.value = opts.groupId
+ members.value = opts.members
+ currentAdminIds.value = [...opts.currentAdminIds]
+ hideIds.value = opts.hideIds ? [...opts.hideIds] : []
+ maxSize.value = opts.maxSize ?? GROUP_ADMIN_MAX_COUNT
+ selectedIds.value = [...opts.currentAdminIds]
+ submitting.value = false
+ visible.value = true
+ }
+})
+
+/** 璺熷綋鍓嶇鐞嗗憳鍒楄〃鍋氬樊闆嗭紝鍒嗗埆鎷垮埌瑕佹柊澧� / 鎾ら攢鐨� userId */
+async function handleOk() {
+ if (!groupId.value) {
+ return
+ }
+ const previousIds = currentAdminIds.value
+ const previousIdSet = new Set(previousIds)
+ const nextIds = selectedIds.value
+ const nextIdSet = new Set(nextIds)
+ const addedIds = nextIds.filter((id) => !previousIdSet.has(id))
+ const removedIds = previousIds.filter((id) => !nextIdSet.has(id))
+ if (addedIds.length === 0 && removedIds.length === 0) {
+ visible.value = false
+ return
+ }
+ submitting.value = true
+ try {
+ if (addedIds.length > 0) {
+ await addGroupAdmin({ id: groupId.value, userIds: addedIds })
+ }
+ if (removedIds.length > 0) {
+ await removeGroupAdmin({ id: groupId.value, userIds: removedIds })
+ }
+ message.success(`宸叉洿鏂扮兢绠＄悊鍛橈紙鏂板 ${addedIds.length} 浣嶏紝鎾ら攢 ${removedIds.length} 浣嶏級`)
+ emit('reload')
+ visible.value = false
+ } finally {
+ submitting.value = false
+ }
+}
+</script>
+
+<template>
+ <!--
+ 璁剧疆缇ょ鐞嗗憳锛氫竴涓脊绐楀悎骞跺 / 鍒狅紝鎻愪氦鏃惰窡褰撳墠绠＄悊鍛樺垪琛� diff
+ - dialog 澹虫湰缁勪欢鎸佹湁锛涢�夋嫨 UI 濮旀墭 GroupMemberPickerPanel锛坓rid 褰㈡�佸榻愬綋鍓嶈瑙夛級
+ - 缇や富浠庡�欓�夐噷闅愯棌锛堜笉鑳借涓虹鐞嗗憳锛�
+ - 瀵瑰鎺ュ彛锛歳ef + open({ groupId, members, currentAdminIds, hideIds, maxSize }) + emit reload()
+ -->
+ <Modal
+ v-model:open="visible"
+ title="璁剧疆缇ょ鐞嗗憳"
+ width="700px"
+ :mask-closable="false"
+ class="im-picker-dialog"
+ >
+ <div class="h-[480px]">
+ <GroupMemberPickerPanel
+ v-model:selected-ids="selectedIds"
+ :members="members"
+ :hide-ids="hideIds"
+ :max-size="maxSize"
+ selected-display="grid"
+ />
+ </div>
+
+ <template #footer>
+ <Button @click="visible = false">鍙栨秷</Button>
+ <Button type="primary" :loading="submitting" @click="handleOk">纭畾</Button>
+ </template>
+ </Modal>
+</template>
+
+<style scoped lang="scss">
+@use '../picker/picker-dialog' as picker;
+
+/* :deep 绌块�� el-dialog 鍐呴儴绫伙紱澶嶇敤 picker 鍏叡 mixin */
+.im-picker-dialog {
+ @include picker.styles;
+}
+</style>
--
Gitblit v1.9.3