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/manager/group/modules/ban-form.vue | 65 ++++++++++++++++++++++++++++++++
1 files changed, 65 insertions(+), 0 deletions(-)
diff --git a/src/views/im/manager/group/modules/ban-form.vue b/src/views/im/manager/group/modules/ban-form.vue
new file mode 100644
index 0000000..e610c4f
--- /dev/null
+++ b/src/views/im/manager/group/modules/ban-form.vue
@@ -0,0 +1,65 @@
+<script lang="ts" setup>
+import type { ImManagerGroupApi } from '#/api/im/manager/group';
+
+import { reactive } from 'vue';
+
+import { useVbenModal } from '#/packages/effects/common-ui/src';
+
+import { Form, FormItem, Input, message } from 'ant-design-vue';
+
+import { banManagerGroup } from '#/api/im/manager/group';
+
+const emit = defineEmits(['success']);
+
+const formData = reactive({
+ id: 0,
+ groupName: '',
+ reason: '',
+});
+
+const [Modal, modalApi] = useVbenModal({
+ async onConfirm() {
+ if (!formData.reason.trim()) {
+ message.warning('璇疯緭鍏ュ皝绂佸師鍥�');
+ return;
+ }
+ modalApi.lock();
+ try {
+ await banManagerGroup({ id: formData.id, reason: formData.reason });
+ await modalApi.close();
+ emit('success');
+ message.success('灏佺鎴愬姛');
+ } finally {
+ modalApi.unlock();
+ }
+ },
+ onOpenChange(isOpen: boolean) {
+ if (!isOpen) {
+ return;
+ }
+ const data = modalApi.getData<ImManagerGroupApi.Group>();
+ formData.id = data.id;
+ formData.groupName = data.name;
+ formData.reason = '';
+ },
+});
+</script>
+
+<template>
+ <Modal class="w-1/3" title="灏佺缇�">
+ <Form :label-col="{ style: { width: '80px' } }">
+ <FormItem label="缇ゅ悕绉�">
+ {{ formData.groupName }}
+ </FormItem>
+ <FormItem label="灏佺鍘熷洜" required>
+ <Input.TextArea
+ v-model:value="formData.reason"
+ :maxlength="200"
+ :rows="3"
+ placeholder="璇疯緭鍏ュ皝绂佸師鍥�"
+ show-count
+ />
+ </FormItem>
+ </Form>
+ </Modal>
+</template>
--
Gitblit v1.9.3