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-member-remove-dialog.vue |  105 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 105 insertions(+), 0 deletions(-)

diff --git a/src/views/im/home/components/group/group-member-remove-dialog.vue b/src/views/im/home/components/group/group-member-remove-dialog.vue
new file mode 100644
index 0000000..b81b003
--- /dev/null
+++ b/src/views/im/home/components/group/group-member-remove-dialog.vue
@@ -0,0 +1,105 @@
+<script lang="ts" setup>
+import type { GroupMemberLite } from './group-member.vue'
+
+import { ref } from 'vue'
+
+import { Button, message, Modal } from 'ant-design-vue'
+
+import { removeGroupMember } from '#/api/im/group/member'
+
+import { GroupMemberPickerPanel } from '../picker'
+
+defineOptions({ name: 'ImGroupMemberRemoveDialog' })
+
+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({
+  /** 鎵撳紑绉婚櫎缇ゆ垚鍛樺脊绐楋細reset 鈫� 鐏屽弬 鈫� 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
+  }
+})
+
+/** 涓�娆℃�ф壒閲忚涪浜猴細閫変腑鎴愬憳 userId 鏁扮粍浼犵粰鍚庣锛屾瘮寰幆璋� N 娆℃帴鍙ｇ渷寰�杩� */
+async function handleOk() {
+  if (!groupId.value || selectedIds.value.length === 0) {
+    return
+  }
+  submitting.value = true
+  try {
+    const memberUserIds = [...selectedIds.value]
+    await removeGroupMember({ groupId: groupId.value, memberUserIds })
+    message.success(`宸茬Щ闄� ${memberUserIds.length} 浣嶆垚鍛榒)
+    emit('reload')
+    visible.value = false
+  } finally {
+    submitting.value = false
+  }
+}
+</script>
+
+<template>
+  <!--
+    绉婚櫎缇ゆ垚鍛橈細閫夋垚鍛� 鈫� removeGroupMember 鎵归噺韪汉
+    - dialog 澹虫湰缁勪欢鎸佹湁锛涢�夋嫨 UI 濮旀墭 GroupMemberPickerPanel
+    - 缇や富 / 绠＄悊鍛樿瑙掔殑涓嶅彲绉婚櫎鎴愬憳閫氳繃 hideIds 闅愯棌锛岀敱璋冪敤鏂逛紶鍏�
+    - 瀵瑰鎺ュ彛锛歳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="50"
+      />
+    </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