wxc
1 year ago
7 changed files with 834 additions and 1261 deletions
@ -0,0 +1,150 @@
|
||||
<template> |
||||
<el-dialog title="创建提醒" width="700px"> |
||||
<el-form |
||||
label-width="148" |
||||
:model="formData" |
||||
ref="formRef" |
||||
class="mr-40" |
||||
> |
||||
<el-form-item |
||||
label="提醒类型" |
||||
prop="alarmTypeId" |
||||
:rules="{ |
||||
required: true, |
||||
message: '请选择提醒类型', |
||||
trigger: ['blur'], |
||||
}" |
||||
> |
||||
<el-select v-model="formData.alarmTypeId" style="width: 280px"> |
||||
<el-option :value="1" label="预警问题" /> |
||||
<el-option :value="2" label="风险问题" /> |
||||
<el-option :value="3" label="提醒通知" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item |
||||
label="被通知单位" |
||||
prop="notificationDepartId" |
||||
:rules="{ |
||||
required: true, |
||||
message: '请选择被通知单位', |
||||
trigger: ['blur'], |
||||
}" |
||||
> |
||||
<div> |
||||
<depart-tree-select |
||||
v-model="formData.notificationDepartId" |
||||
:check-strictly="true" |
||||
style="width: 280px" |
||||
/> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item |
||||
label="提醒内容" |
||||
prop="alarmContent" |
||||
:rules="{ |
||||
required: true, |
||||
message: '请输入提醒内容', |
||||
trigger: ['blur'], |
||||
}" |
||||
> |
||||
<el-input |
||||
type="textarea" |
||||
v-model="formData.alarmContent" |
||||
:autosize="{ minRows: 6 }" |
||||
:rules="{ |
||||
message: '请填写提醒内容', |
||||
trigger: ['blur'], |
||||
}" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item |
||||
label="是否要求回复" |
||||
prop="requestReply" |
||||
:rules="{ |
||||
required: true, |
||||
message: '请选择是否要求回复', |
||||
trigger: ['blur'], |
||||
}" |
||||
> |
||||
<el-switch |
||||
v-model="formData.requestReply" |
||||
inline-prompt |
||||
active-text="必须回复" |
||||
inactive-text="无需回复" |
||||
:active-value="true" |
||||
:inactive-value="false" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item |
||||
label="时限设置" |
||||
prop="replyLimit" |
||||
:rules="{ |
||||
required: true, |
||||
message: '请选择时限设置', |
||||
}" |
||||
v-if="formData.requestReply === true" |
||||
> |
||||
<div class="flex gap"> |
||||
<el-input |
||||
style="width: 100px" |
||||
type="number" |
||||
v-model="formData.replyLimit" |
||||
/><span>工作日</span> |
||||
</div> |
||||
</el-form-item> |
||||
</el-form> |
||||
<footer class="flex end"> |
||||
<el-button @click="showNotification = false" size="large" |
||||
>取消</el-button |
||||
> |
||||
<el-button type="primary" @click="handleNotification" size="large" |
||||
>提交 |
||||
</el-button> |
||||
</footer> |
||||
</el-dialog> |
||||
</template> |
||||
<script setup> |
||||
import feedback from "~/utils/feedback"; |
||||
import { alarmNotificationCommit } from "~/api/work/alarm"; |
||||
|
||||
const props = defineProps({ |
||||
show: { |
||||
type: Boolean, |
||||
default: false, |
||||
}, |
||||
departId: { |
||||
type: String, |
||||
}, |
||||
}); |
||||
|
||||
const emit = defineEmits(["close"]); |
||||
|
||||
let formData = ref({ |
||||
requestReply: true, |
||||
replyLimit: 3 |
||||
}); |
||||
const formRef = ref(); |
||||
onMounted(() => { |
||||
formData.value.notificationDepartId = props.departId; |
||||
}); |
||||
|
||||
watch( |
||||
() => props.departId, |
||||
() => { |
||||
formData.value.notificationDepartId = props.departId; |
||||
} |
||||
); |
||||
|
||||
const handleNotification = async () => { |
||||
await formRef.value.validate(); |
||||
await alarmNotificationCommit(formData.value); |
||||
feedback.msgSuccess("提醒成功！"); |
||||
emit("close"); |
||||
formData.value = { |
||||
requestReply: true, |
||||
replyLimit: 3 |
||||
}; |
||||
}; |
||||
</script> |
||||
<style lang="scss" scoped> |
||||
</style> |
||||
Loading…
Reference in new issue