parent
4d96aaca4c
commit
2d62675cea
|
After Width: | Height: | Size: 3.9 KiB |
@ -0,0 +1,94 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<img src="@/assets/images/信息.png" alt="" @click="handleAdd">
|
||||
|
||||
<!-- 添加规则弹框 -->
|
||||
<el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="600px" append-to-body>
|
||||
<el-form ref="ruleForm" label-width="120px" size="small">
|
||||
<el-form-item label="提醒规则名称">
|
||||
<el-input v-model="ruleForm.name" placeholder="请输入提醒名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="提醒对象">
|
||||
<el-radio-group v-model="ruleForm.target">
|
||||
<el-radio label="政务用户">政务用户</el-radio>
|
||||
<!-- <el-radio label="企业用户">企业用户</el-radio> -->
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="提醒方式">
|
||||
<el-radio-group v-model="ruleForm.mode">
|
||||
<el-radio label="定期提醒">定期提醒</el-radio>
|
||||
<!-- <el-radio label="不定期提醒">不定期提醒</el-radio> -->
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="提醒方法">
|
||||
<el-radio-group v-model="ruleForm.method">
|
||||
<el-radio label="短信提醒" disabled >短信提醒</el-radio>
|
||||
<el-radio label="邮件提醒" disabled >邮件提醒</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="提醒时间">
|
||||
<el-date-picker v-model="ruleForm.time" type="datetime" placeholder="选择日期时间"
|
||||
value-format="yyyy-MM-dd HH:mm:ss" />
|
||||
</el-form-item>
|
||||
<el-form-item label="提醒内容">
|
||||
<el-input v-model="ruleForm.content" type="textarea" :rows="4" placeholder="请输入提醒内容" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancelAdd">取 消</el-button>
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 弹框显示控制
|
||||
dialogVisible: false,
|
||||
dialogTitle: "",
|
||||
ruleForm: {
|
||||
name: "",
|
||||
target: "政务用户",
|
||||
mode: "定期提醒",
|
||||
method: "邮件提醒",
|
||||
time: "",
|
||||
content: "",
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
// 打开添加规则弹框
|
||||
handleAdd() {
|
||||
this.dialogVisible = true;
|
||||
this.dialogTitle = "新增智能提醒规则";
|
||||
this.ruleForm = {
|
||||
name: "",
|
||||
target: "政务用户",
|
||||
mode: "定期提醒",
|
||||
method: "短信提醒",
|
||||
time: "",
|
||||
content: "",
|
||||
};
|
||||
},
|
||||
// 取消添加
|
||||
cancelAdd() {
|
||||
this.dialogVisible = false;
|
||||
},
|
||||
// 提交表单
|
||||
submitForm() {
|
||||
console.log(this.ruleForm);
|
||||
this.dialogVisible = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.container img {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue