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/channel/message/modules/send-form.vue | 100 ++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 100 insertions(+), 0 deletions(-)
diff --git a/src/views/im/manager/channel/message/modules/send-form.vue b/src/views/im/manager/channel/message/modules/send-form.vue
new file mode 100644
index 0000000..d3a7777
--- /dev/null
+++ b/src/views/im/manager/channel/message/modules/send-form.vue
@@ -0,0 +1,100 @@
+<script lang="ts" setup>
+import { ref } from 'vue';
+
+import { useVbenModal } from '#/packages/effects/common-ui/src';
+
+import { Form, FormItem, message, Radio, RadioGroup } from 'ant-design-vue';
+
+import { sendManagerChannelMessage } from '#/api/im/manager/channel/message';
+import { ChannelSelect } from '#/views/im/manager/channel/list/components';
+import { MaterialSelect } from '#/views/im/manager/channel/material/components';
+import { UserSelect } from '#/views/system/user/components';
+
+const emit = defineEmits(['success']);
+
+const formData = ref({
+ channelId: undefined as number | undefined,
+ materialId: undefined as number | undefined,
+ receiverUserType: 'all' as 'all' | 'users',
+ receiverUserIds: [] as number[],
+});
+
+/** 閲嶇疆琛ㄥ崟 */
+function resetForm() {
+ formData.value = {
+ channelId: undefined,
+ materialId: undefined,
+ receiverUserType: 'all',
+ receiverUserIds: [],
+ };
+}
+
+const [Modal, modalApi] = useVbenModal({
+ async onConfirm() {
+ if (!formData.value.channelId || !formData.value.materialId) {
+ message.warning('璇烽�夋嫨棰戦亾鍜岀礌鏉�');
+ return;
+ }
+ if (
+ formData.value.receiverUserType === 'users' &&
+ formData.value.receiverUserIds.length === 0
+ ) {
+ message.warning('璇疯嚦灏戦�夋嫨涓�涓帴鏀剁敤鎴�');
+ return;
+ }
+ modalApi.lock();
+ try {
+ await sendManagerChannelMessage({
+ materialId: formData.value.materialId,
+ receiverUserIds:
+ formData.value.receiverUserType === 'users'
+ ? formData.value.receiverUserIds
+ : undefined,
+ });
+ await modalApi.close();
+ emit('success');
+ message.success('鎺ㄩ�佹垚鍔�');
+ } finally {
+ modalApi.unlock();
+ }
+ },
+ onOpenChange(isOpen: boolean) {
+ if (isOpen) {
+ resetForm();
+ }
+ },
+});
+</script>
+
+<template>
+ <Modal class="w-2/5" title="绔嬪嵆鎺ㄩ�侀閬撴秷鎭�">
+ <Form :label-col="{ style: { width: '110px' } }">
+ <FormItem label="鎵�灞為閬�" required>
+ <ChannelSelect
+ v-model="formData.channelId"
+ placeholder="璇烽�夋嫨棰戦亾锛堢敤浜庡姞杞界礌鏉愶級"
+ />
+ </FormItem>
+ <FormItem label="绱犳潗" required>
+ <MaterialSelect
+ v-model="formData.materialId"
+ :channel-id="formData.channelId"
+ placeholder="璇烽�夋嫨绱犳潗"
+ />
+ </FormItem>
+ <FormItem label="鍙椾紬">
+ <RadioGroup v-model:value="formData.receiverUserType">
+ <Radio value="all">鍏ㄥ憳</Radio>
+ <Radio value="users">鎸囧畾鐢ㄦ埛</Radio>
+ </RadioGroup>
+ </FormItem>
+ <FormItem v-if="formData.receiverUserType === 'users'" label="鎺ユ敹鐢ㄦ埛" required>
+ <UserSelect
+ v-model="formData.receiverUserIds"
+ multiple
+ placeholder="璇烽�夋嫨鎺ユ敹鐢ㄦ埛"
+ />
+ </FormItem>
+ </Form>
+ </Modal>
+</template>
--
Gitblit v1.9.3