xsx
1 year ago
13 changed files with 193 additions and 23 deletions
@ -0,0 +1,51 @@ |
|||||
|
<template> |
||||
|
<el-select v-model="messageIds" :multiple="multiple" filterable remote clearable |
||||
|
:placeholder="placeholder" :remote-method="handleRemote" :loading="loading"> |
||||
|
<el-option v-for="message in options" :key="message.id" :label="message.title" :value="message.id" /> |
||||
|
</el-select> |
||||
|
</template> |
||||
|
|
||||
|
<script setup lang="ts" name="ImSmSelect"> |
||||
|
|
||||
|
import { computed } from 'vue' |
||||
|
import { ref } from 'vue' |
||||
|
import { findSystemMessageByTitle } from '@/api/im/systemMessage' |
||||
|
|
||||
|
const props = defineProps({ |
||||
|
multiple: { |
||||
|
type: Boolean, |
||||
|
required: false, |
||||
|
default: () => false |
||||
|
}, |
||||
|
placeholder: { |
||||
|
type: String, |
||||
|
required: false, |
||||
|
default: () => '' |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
const loading = ref(false) |
||||
|
const options = ref() |
||||
|
const model = defineModel<number | Array<Number> | string | Array<String>>() |
||||
|
const messageIds = computed({ |
||||
|
get() { |
||||
|
if(model.value != undefined){ |
||||
|
return model.value |
||||
|
}else if(props.multiple){ |
||||
|
return [] |
||||
|
} |
||||
|
}, |
||||
|
set(value) { |
||||
|
model.value = value |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
const handleRemote = (title: string)=>{ |
||||
|
loading.value = true |
||||
|
findSystemMessageByTitle(title).then((res) => { |
||||
|
loading.value = false; |
||||
|
options.value = res.data; |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
@ -0,0 +1,128 @@ |
|||||
|
<template> |
||||
|
<!-- 添加或修改系统消息推送任务对话框 --> |
||||
|
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body> |
||||
|
<el-form ref="dataFormRef" :model="form" :rules="dataRules" label-width="80px"> |
||||
|
<el-form-item label="系统消息" prop="messageId"> |
||||
|
<im-sm-select v-model="form.messageId"></im-sm-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="推送时间" prop="sendTime"> |
||||
|
<el-date-picker clearable v-model="form.sendTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" |
||||
|
placeholder="请选择推送时间"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="接收用户" prop="sendToAll"> |
||||
|
<el-radio-group v-model="form.sendToAll"> |
||||
|
<el-radio :value="true">全体用户</el-radio> |
||||
|
<el-radio :value="false">指定用户</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
<el-form-item v-if="!form.sendToAll"> |
||||
|
<im-user-select v-model="recvIds" :multiple="true" placeholder="请选择最多20个用户"></im-user-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
||||
|
<el-button @click="cancel">取 消</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script setup name="SmTaskInfo" lang="ts"> |
||||
|
import { getSmPushTask, addSmPushTask, updateSmPushTask } from '@/api/im/smPushTask'; |
||||
|
import { SmPushTaskForm, SmPushTaskVO } from '@/api/im/smPushTask/types'; |
||||
|
import { parseTime } from '@/utils/ruoyi'; |
||||
|
|
||||
|
const emit = defineEmits(['refreshDataList']) |
||||
|
|
||||
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
||||
|
const recvIds = ref<Array<number>>([]); |
||||
|
const dataFormRef = ref<ElFormInstance>(); |
||||
|
const dataRules = ref() |
||||
|
const buttonLoading = ref(false); |
||||
|
const dialog = reactive<DialogOption>({ |
||||
|
visible: false, |
||||
|
title: '' |
||||
|
}); |
||||
|
|
||||
|
const form: SmPushTaskForm = reactive({ |
||||
|
id: undefined, |
||||
|
messageId: null, |
||||
|
sendTime: null, |
||||
|
sendToAll: true, |
||||
|
recvIds: '' |
||||
|
}) |
||||
|
|
||||
|
/** 提交按钮 */ |
||||
|
const submitForm = () => { |
||||
|
buttonLoading.value = true; |
||||
|
dataFormRef.value?.validate(async (valid: boolean) => { |
||||
|
if (valid) { |
||||
|
form.recvIds = recvIds.value.join(","); |
||||
|
if (form.id) { |
||||
|
updateSmPushTask(form).finally(() => buttonLoading.value = false); |
||||
|
} else { |
||||
|
await addSmPushTask(form).finally(() => buttonLoading.value = false); |
||||
|
} |
||||
|
proxy?.$modal.msgSuccess("操作成功"); |
||||
|
dialog.visible = false; |
||||
|
emit('refreshDataList') |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const init = async (id?: number) => { |
||||
|
dialog.visible = true; |
||||
|
form.id = id; |
||||
|
recvIds.value = []; |
||||
|
// 重置表单数据 |
||||
|
dataFormRef.value?.resetFields() |
||||
|
if (id) { |
||||
|
const res = await getSmPushTask(id); |
||||
|
Object.assign(form, res.data); |
||||
|
if (res.data.recvIds) { |
||||
|
recvIds.value = res.data.recvIds.split(",").map(Number); |
||||
|
} |
||||
|
dialog.title = "修改推送任务"; |
||||
|
} else { |
||||
|
dialog.title = "添加推送任务"; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
const initByTask = (task?: SmPushTaskVO) => { |
||||
|
dialog.visible = true; |
||||
|
dataFormRef.value?.resetFields() |
||||
|
form.id = undefined; |
||||
|
form.messageId = task.messageId; |
||||
|
form.sendToAll = task.sendToAll; |
||||
|
form.recvIds = task.recvIds; |
||||
|
form.sendTime = parseTime(new Date(),'{y}-{m}-{d} {h}:{i}:{s}'); |
||||
|
recvIds.value = []; |
||||
|
if (task.recvIds) { |
||||
|
recvIds.value = task.recvIds.split(",").map(Number); |
||||
|
} |
||||
|
dialog.title = "添加推送任务"; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
const initByMessage = (messageId: number) => { |
||||
|
dialog.visible = true; |
||||
|
dialog.title = "添加推送任务"; |
||||
|
dataFormRef.value?.resetFields() |
||||
|
form.id = undefined; |
||||
|
form.messageId = messageId; |
||||
|
form.sendToAll = true; |
||||
|
form.recvIds = ''; |
||||
|
form.sendTime = parseTime(new Date(),'{y}-{m}-{d} {h}:{i}:{s}'); |
||||
|
console.log(form.sendTime) |
||||
|
} |
||||
|
|
||||
|
const cancel = () => { |
||||
|
|
||||
|
dialog.visible = false; |
||||
|
} |
||||
|
defineExpose({ |
||||
|
init, initByTask, initByMessage |
||||
|
}) |
||||
|
</script> |
||||
|
After Width: | Height: | Size: 267 KiB |
|
After Width: | Height: | Size: 227 KiB |
|
After Width: | Height: | Size: 166 KiB |
|
After Width: | Height: | Size: 264 KiB |
|
After Width: | Height: | Size: 211 KiB |
Loading…
Reference in new issue