|
|
|
@ -1,17 +1,19 @@ |
|
|
|
<template> |
|
|
|
<div class="epidemic-form"> |
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
|
|
|
|
<el-form ref="ref_form1" |
|
|
|
:inline="true" |
|
|
|
:model="formData" |
|
|
|
:rules="dataRule" |
|
|
|
class="form"> |
|
|
|
|
|
|
|
<el-form-item label="通知渠道" |
|
|
|
prop="isSelChannel" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-form |
|
|
|
ref="ref_form1" |
|
|
|
:inline="true" |
|
|
|
:model="formData" |
|
|
|
:rules="dataRule" |
|
|
|
class="form" |
|
|
|
> |
|
|
|
<el-form-item |
|
|
|
label="通知渠道" |
|
|
|
prop="isSelChannel" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<span>小程序通知</span> |
|
|
|
<!-- <el-checkbox v-model="formData.isSelChannel" |
|
|
|
key="0" |
|
|
|
@ -25,46 +27,46 @@ |
|
|
|
</el-checkbox-group> --> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="通知内容" |
|
|
|
prop="content" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
type="textarea" |
|
|
|
maxlength="500" |
|
|
|
show-word-limit |
|
|
|
:autosize="{ minRows: 10, maxRows: 15 }" |
|
|
|
clearable |
|
|
|
placeholder="请输入通知内容" |
|
|
|
v-model="formData.content"></el-input> |
|
|
|
<el-form-item |
|
|
|
label="通知内容" |
|
|
|
prop="content" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
type="textarea" |
|
|
|
maxlength="500" |
|
|
|
show-word-limit |
|
|
|
:autosize="{ minRows: 10, maxRows: 15 }" |
|
|
|
clearable |
|
|
|
placeholder="请输入通知内容" |
|
|
|
v-model="formData.content" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</el-form> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="form_div_btn"> |
|
|
|
<el-button size="small" |
|
|
|
@click="handleCancle">取 消</el-button> |
|
|
|
<el-button size="small" |
|
|
|
type="primary" |
|
|
|
:disabled="btnDisable" |
|
|
|
@click="handleComfirm">确 定</el-button> |
|
|
|
<el-button size="small" @click="handleCancle">取 消</el-button> |
|
|
|
<el-button |
|
|
|
size="small" |
|
|
|
type="primary" |
|
|
|
:disabled="btnDisable" |
|
|
|
@click="handleComfirm" |
|
|
|
>确 定</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { Loading } from "element-ui"; // 引入Loading服务 |
|
|
|
|
|
|
|
import { Loading } from 'element-ui' // 引入Loading服务 |
|
|
|
|
|
|
|
|
|
|
|
let loading // 加载动画 |
|
|
|
let loading; // 加载动画 |
|
|
|
export default { |
|
|
|
data () { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
|
|
|
|
activeName: "second", |
|
|
|
|
|
|
|
gridList: [], |
|
|
|
@ -72,67 +74,105 @@ export default { |
|
|
|
btnDisable: false, |
|
|
|
|
|
|
|
formData: { |
|
|
|
origin: '1', |
|
|
|
origin: "1", |
|
|
|
isSelChannel: false, |
|
|
|
channel: [], |
|
|
|
content: '', |
|
|
|
content: "", |
|
|
|
userList: [], |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
selectionAll: [] |
|
|
|
|
|
|
|
} |
|
|
|
selectionAll: [], |
|
|
|
}; |
|
|
|
}, |
|
|
|
components: {}, |
|
|
|
async mounted () { |
|
|
|
|
|
|
|
}, |
|
|
|
async mounted() {}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
handleCancle() { |
|
|
|
this.$emit("diaClose"); |
|
|
|
}, |
|
|
|
async handleComfirm() { |
|
|
|
this.formData.channel = ["0"]; |
|
|
|
|
|
|
|
if (!this.formData.content) { |
|
|
|
this.$message({ |
|
|
|
type: "warning", |
|
|
|
message: "请填写通知内容", |
|
|
|
}); |
|
|
|
return false; |
|
|
|
} |
|
|
|
|
|
|
|
console.log(this.formData); |
|
|
|
// return false |
|
|
|
|
|
|
|
this.btnDisable = true; |
|
|
|
setTimeout(() => { |
|
|
|
this.btnDisable = false; |
|
|
|
}, 5000); |
|
|
|
|
|
|
|
let url = ""; |
|
|
|
|
|
|
|
url = "/epmetuser/icNotice/sendPointNotice"; |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, this.formData); |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.$message({ |
|
|
|
type: "success", |
|
|
|
message: "操作成功", |
|
|
|
}); |
|
|
|
this.resetData(); |
|
|
|
this.btnDisable = false; |
|
|
|
this.handleCancle(); |
|
|
|
} else { |
|
|
|
this.btnDisable = false; |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
resetData() { |
|
|
|
this.formData = { |
|
|
|
origin: "2", |
|
|
|
isSelChannel: false, |
|
|
|
channel: [], |
|
|
|
content: "", |
|
|
|
userList: [], |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
// 开启加载动画 |
|
|
|
startLoading () { |
|
|
|
startLoading() { |
|
|
|
loading = Loading.service({ |
|
|
|
lock: true, // 是否锁定 |
|
|
|
text: '正在加载……', // 加载中需要显示的文字 |
|
|
|
background: 'rgba(0,0,0,.7)' // 背景颜色 |
|
|
|
}) |
|
|
|
text: "正在加载……", // 加载中需要显示的文字 |
|
|
|
background: "rgba(0,0,0,.7)", // 背景颜色 |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 结束加载动画 |
|
|
|
endLoading () { |
|
|
|
endLoading() { |
|
|
|
// clearTimeout(timer); |
|
|
|
if (loading) { |
|
|
|
loading.close() |
|
|
|
loading.close(); |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
dataRule () { |
|
|
|
dataRule() { |
|
|
|
return { |
|
|
|
channel: [ |
|
|
|
{ required: true, message: '通知渠道不能为空', trigger: 'blur' } |
|
|
|
{ required: true, message: "通知渠道不能为空", trigger: "blur" }, |
|
|
|
], |
|
|
|
content: [ |
|
|
|
{ required: true, message: '通知内容不能为空', trigger: 'blur' } |
|
|
|
] |
|
|
|
} |
|
|
|
{ required: true, message: "通知内容不能为空", trigger: "blur" }, |
|
|
|
], |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
}, |
|
|
|
props: { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// serviceList: { |
|
|
|
// type: Array, |
|
|
|
// default: [] |
|
|
|
// }, |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
|
123456
3 years ago