From 27cd042df9aca0383a49f3514bc21958dd890912 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 29 六月 2026 15:42:23 +0800
Subject: [PATCH] 银川 1.联调产品维护页面 2.添加IM即时通讯模块

---
 src/views/im/home/components/group/group-owner-transfer-dialog.vue |  126 ++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 126 insertions(+), 0 deletions(-)

diff --git a/src/views/im/home/components/group/group-owner-transfer-dialog.vue b/src/views/im/home/components/group/group-owner-transfer-dialog.vue
new file mode 100644
index 0000000..529d344
--- /dev/null
+++ b/src/views/im/home/components/group/group-owner-transfer-dialog.vue
@@ -0,0 +1,126 @@
+<script lang="ts" setup>
+import type { GroupMemberLite } from './group-member.vue'
+
+import { computed, ref } from 'vue'
+
+import { confirm } from '#/packages/effects/common-ui/src'
+
+import { Button, message, Modal } from 'ant-design-vue'
+
+import { transferGroupOwner } from '#/api/im/group'
+
+import { GroupMemberPickerPanel } from '../picker'
+
+defineOptions({ name: 'ImGroupOwnerTransferDialog' })
+
+const emit = defineEmits<{
+  /** 杞鎴愬姛锛涚埗渚ч�氬父鐢ㄦ潵 reload 缇ゆ暟鎹� */
+  reload: []
+}>()
+
+const visible = ref(false)
+const submitting = ref(false)
+const groupId = ref(0)
+const members = ref<GroupMemberLite[]>([])
+const hideIds = ref<number[]>([])
+const selectedIds = ref<number[]>([])
+
+defineExpose({
+  /** 鎵撳紑杞缇や富寮圭獥锛歳eset 鈫� 鐏屽弬 鈫� visible=true */
+  open(opts: {
+    groupId: number
+    /** 闅愯棌 userId锛氬綋鍓嶇敤鎴凤紙涓嶈兘杞粰鑷繁锛� */
+    hideIds?: number[]
+    members: GroupMemberLite[]
+  }) {
+    groupId.value = opts.groupId
+    members.value = opts.members
+    hideIds.value = opts.hideIds ? [...opts.hideIds] : []
+    selectedIds.value = []
+    submitting.value = false
+    visible.value = true
+  }
+})
+
+/** 閫変腑鐨勬柊缇や富瀵硅薄锛堝彇鏁扮粍棣栭」锛� */
+const newOwner = computed<GroupMemberLite | undefined>(() => {
+  if (selectedIds.value.length === 0) {
+    return undefined
+  }
+  return members.value.find((member) => member.userId === selectedIds.value[0])
+})
+
+/** 浜屾纭杞锛氳浆璁╁悗鏃х兢涓婚檷涓烘櫘閫氭垚鍛橈紝鏃犳硶鎾ら攢 */
+async function handleOk() {
+  if (!groupId.value || !newOwner.value) {
+    return
+  }
+  try {
+    await confirm(
+      `纭畾灏嗙兢涓昏浆璁╃粰 ${newOwner.value.showName}锛熻浆璁╁悗浣犲皢鍙樹负鏅�氭垚鍛橈紝鏃犳硶鎾ら攢銆俙,
+      '纭杞缇や富'
+    )
+  } catch {
+    return
+  }
+  submitting.value = true
+  try {
+    await transferGroupOwner({
+      id: groupId.value,
+      newOwnerUserId: newOwner.value.userId
+    })
+    message.success('缇や富杞鎴愬姛')
+    emit('reload')
+    visible.value = false
+  } finally {
+    submitting.value = false
+  }
+}
+</script>
+
+<template>
+  <!--
+    杞缇や富锛氶�� 1 浣嶆柊缇や富 鈫� 浜屾纭 鈫� transferGroupOwner
+    - dialog 澹虫湰缁勪欢鎸佹湁锛涢�夋嫨 UI 濮旀墭 GroupMemberPickerPanel
+    - 褰撳墠鐢ㄦ埛浠庡�欓�夐噷闅愯棌锛堜笉鑳借浆缁欒嚜宸憋級
+    - maxSize=1 闄愬畾鍗曢��
+    - 瀵瑰鎺ュ彛锛歳ef + open({ groupId, members, hideIds }) + 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="1"
+      />
+    </div>
+
+    <template #footer>
+      <Button @click="visible = false">鍙栨秷</Button>
+      <Button
+        type="primary"
+        :loading="submitting"
+        :disabled="selectedIds.length === 0"
+        @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