91 lines
2.4 KiB
Vue
91 lines
2.4 KiB
Vue
<template>
|
|
<el-dialog
|
|
:close-on-click-modal="false"
|
|
:visible.sync="sendMsgDialogVisible"
|
|
title="请在下方填写需要发送的内容"
|
|
width="50%"
|
|
>
|
|
<el-form :model="formData" label-width="80px" ref="sendForm">
|
|
<el-form-item
|
|
:rules="[{required: true, message: '请选择发送方式', trigger: ['blur', 'change']}]"
|
|
label="发送方式"
|
|
prop="sendTypes">
|
|
<el-checkbox-group size="medium" v-model="formData.sendTypes">
|
|
<el-checkbox border label="4">短信发送</el-checkbox>
|
|
<!-- <el-checkbox border label="4">微信发送</el-checkbox>-->
|
|
</el-checkbox-group>
|
|
</el-form-item>
|
|
|
|
<el-form-item
|
|
:rules="[{required: true, message: '请选择发送内容', trigger: ['blur', 'change']}]"
|
|
label="发送内容"
|
|
prop="content">
|
|
<el-input
|
|
:rows="6"
|
|
placeholder="请输入内容"
|
|
type="textarea"
|
|
v-model="formData.content">
|
|
</el-input>
|
|
</el-form-item>
|
|
|
|
<!-- <el-form-item></el-form-item>-->
|
|
|
|
<!-- <el-alert-->
|
|
<!-- :title="formData.url"-->
|
|
<!-- description="如果您发送的内容需要含有链接，请把上述内容复制到发送内容里面，不要随意修改！"-->
|
|
<!-- show-icon-->
|
|
<!-- type="warning">-->
|
|
<!-- </el-alert>-->
|
|
|
|
</el-form>
|
|
<span class="dialog-footer" slot="footer">
|
|
<el-button @click="sendMsgDialogVisible = false">取 消</el-button>
|
|
<el-button @click="sendMsgToNotWelfareUsers" type="primary">确 定</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
name: "CustomMessage",
|
|
props: {},
|
|
data() {
|
|
return {
|
|
sendMsgDialogVisible: false,
|
|
formData: {
|
|
sendTypes: [],
|
|
content: null
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
open() {
|
|
this.sendMsgDialogVisible = true
|
|
this.$nextTick(() => {
|
|
this.$refs.sendForm.resetFields()
|
|
})
|
|
},
|
|
close() {
|
|
this.sendMsgDialogVisible = false
|
|
},
|
|
|
|
sendMsgToNotWelfareUsers() {
|
|
this.$refs.sendForm.validate((valid) => {
|
|
if (valid) {
|
|
this.$emit('confirm', {
|
|
sendTypes: JSON.stringify(this.formData.sendTypes),
|
|
content: this.formData.content
|
|
})
|
|
}
|
|
})
|
|
}
|
|
},
|
|
created() {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |