Commit 2e7ef9aa authored by 赵啸非's avatar 赵啸非

短信界面修改

parent d0254359
<template>
<!-- 弹出框表单 -->
<el-drawer
:title="title"
:visible.sync="open"
:direction="direction"
size="40%"
>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<Field :span="22" label="产品类型" prop="productId" type="select" v-model="form.productId" :enumData="dict.productId" placeholder="请输入产品"/>
<Field :span="22" label="告警类型" prop="alarmType" v-model="form.alarmType" type="select" :enumData="dict.alarmType" placeholder="请选择告警类型"/>
<Field :span="22" label="告警级别" prop="alarmLevel" v-model="form.alarmLevel" type="select" :enumData="dict.alarmLevel" placeholder="请选择告警级别,"/>
<Field :span="22" label="推送方式" prop="alarmPusW1ay" v-model="form.alarmPusW1ay" type="select" :enumData="dict.alarmPusW1ay" placeholder="请选择推送方式,"/>
<Field :span="22" label="备注" prop="remark" v-model="form.remark" type="textarea" placeholder="请输入备注"/>
<Field :span="22" label="是否启用" prop="enabled" v-model="form.enabled" type="radio" :enumData="dict.enabled" placeholder="请选择是否启用"/>
</el-row>
<form-buttons @submit='submitForm' noCancelBtn />
</el-form>
</el-drawer>
</template>
<script>
import form from "@/assets/mixins/formdialog";
import dialogShow from "./dialogshow";
export default {
mixins: [form],
components: {
dialogShow ,
},
data() {
return {
// 遮罩层
loading: true,
// 弹出层标题
title: "设备告警配置",
// 是否显示弹出层
open: false,
toString:[
"productId",
"alarmType",
"alarmLevel",
"alarmPusW1ay",
"enabled",
],
// 表单校验
rules: {
productId: [
{required: true,message: "请选择产品类型", trigger: "blur" },
],
alarmType: [
{required: true,message: "请输入告警类型", trigger: "blur" },
],
alarmLevel: [
{required: true,message: "请输入告警级别,", trigger: "blur" },
],
alarmPusW1ay: [
{required: true,message: "请输入推送方式,", trigger: "blur" },
],
isUse: [
{required: true,message: "请输入是否启用", trigger: "blur" },
],
createTime: [
{required: true,message: "请选择创建时间" },
],
}
};
},
methods: {
/** 编辑 */
edit(row) {
this.reset()
this.query = { id: row.id };
this.urls.currUrl =this.pageInfo.editUrl;;
this.getData();
this.pageInfo.type="edit"
this.title = "修改设备告警配置";
},
/** 新增 */
add(row) {
this.reset()
this.query = { id: row.id };
this.urls.currUrl = this.pageInfo.addUrl;
this.getData();
this.pageInfo.type="add"
this.title = "新增设备告警配置";
},
/** 查看*/
view(row) {
this.reset()
this.query = { id: row.id };
this.urls.currUrl =this.pageInfo.viewUrl;;
this.getData();
this.pageInfo.type="view"
this.title = "设备告警配置详细";
},
/**取消按钮 */
cancel() {
this.open = false;
},
/**获取数据后弹框 */
afterRender(data) {
this.open = true;
},
afterSubmit(data) {
this.open = false;
this.$emit("ok");
},
// 表单重置
reset() {
this.form = {
productId : null,
alarmType : 0,
alarmLevel : null,
alarmPusW1ay : 0,
isUse : null,
};
this.resetForm("form");
},
resetForm(refName) {
if (this.$refs[refName]) {
this.$refs[refName].resetFields();
}
},
},
};
</script>
<template>
<!-- 弹出框表单 -->
<el-drawer
:title="title"
:visible.sync="open"
:direction="direction"
size="40%">
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<Field :span="22" label="发送内容" prop="sendMess" type="textarea" v-model="form.sendMess" placeholder="请输入发送内容"/>
<Field :span="22" label="接收人员" prop="receiver" v-model="form.receiver" placeholder="请输入接收人"/>
<Field :span="22" label="联系电话" prop="mobile" v-model="form.mobile" placeholder="请输入电话号码"/>
<Field :span="22" label="发送时间" prop="sendTime" v-model="form.sendTime" type="datetime" />
<Field :span="22" label="发送状态" prop="sendStatus" v-model="form.sendStatus" type="select" :enumData="dict.sendStatus" placeholder="请选择发送状态"/>
</el-row>
</el-form>
</el-drawer>
</template>
<script>
import form from "@/assets/mixins/formdialog";
export default {
mixins: [form],
components: {
},
data() {
return {
// 遮罩层
loading: true,
// 弹出层标题
title: "短信发送记录",
// 是否显示弹出层
open: false,
direction:"rtl",
toDate: ["sendTime"],
toString:[
"sendStatus",
],
// 表单校验
rules: {
mobile: [
{required: true,message: "请输入电话号码", trigger: "blur" },
{max: 11,message: "最多只能录入11个字符",trigger: "blur",},
],
sendMess: [
{required: true,message: "请输入发送内容", trigger: "blur" },
{max: 200,message: "最多只能录入200个字符",trigger: "blur",},
],
sendStatus: [
{required: true,message: "请输入发送状态", trigger: "blur" },
],
sendTime: [
{required: true,message: "请选择发送时间" },
],
createTime: [
{required: true,message: "请选择创建时间" },
],
receiver: [
{required: true,message: "请输入接收人", trigger: "blur" },
{max: 200,message: "最多只能录入200个字符",trigger: "blur",},
],
}
};
},
methods: {
/** 编辑 */
edit(row) {
this.reset()
this.query = { id: row.id };
this.urls.currUrl =this.pageInfo.editUrl;;
this.getData();
this.pageInfo.type="edit"
this.title = "修改短信发送记录";
},
/** 新增 */
add(row) {
this.reset()
this.query = { id: row.id };
this.urls.currUrl = this.pageInfo.addUrl;
this.getData();
this.pageInfo.type="add"
this.title = "新增短信发送记录";
},
/** 查看*/
view(row) {
this.reset()
this.query = { id: row.id };
this.urls.currUrl =this.pageInfo.viewUrl;;
this.getData();
this.pageInfo.type="view"
this.title = "消息详情";
},
/**取消按钮 */
cancel() {
this.open = false;
},
/**获取数据后弹框 */
afterRender(data) {
this.open = true;
},
afterSubmit(data) {
this.open = false;
this.$emit("ok");
},
// 表单重置
reset() {
this.form = {
mobile : "",
sendMess : "",
sendStatus : null,
sendTime : null,
receiver : "",
};
this.resetForm("form");
},
resetForm(refName) {
if (this.$refs[refName]) {
this.$refs[refName].resetFields();
}
},
},
};
</script>
<template>
<layout-view>
<el-descriptions :title="title" :column="column" :size="size" :colon="false" border>
<template slot="title">
<i class="el-icon-tickets"></i>
基本详细信息
</template>
<template slot="extra">
<el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
</template>
<el-descriptions-item label="模块名称" label-class-name="labelClass" content-class-name="contentClass">
{{form.moduleName}}
</el-descriptions-item>
<el-descriptions-item label="模块消息编码" label-class-name="labelClass" content-class-name="contentClass">
{{form.moduleMsgCode}}
</el-descriptions-item>
<el-descriptions-item label="所属设备" label-class-name="labelClass" content-class-name="contentClass">
{{form.deviceId}}
</el-descriptions-item>
<el-descriptions-item label="调用次数" label-class-name="labelClass" content-class-name="contentClass">
{{form.useNum}}
</el-descriptions-item>
</el-descriptions>
</layout-view>
</template>
<script>
import view from "@/assets/mixins/view";
export default {
mixins: [view],
components: {
},
methods: {
},
data() {
return {
size:"small",
column:2,
toString:[
],
toArrays: [
],
toDate: [
]
}
}
}
</script>
<style lang="less">
.labelClass{
width: 200px;
}
.el-descriptions__body{
margin-left: 5px;
margin-right: 5px;
color: #606266;
background-color: #FFF;
}
.contentClass{
width: 600px;
}
</style>
\ No newline at end of file
<template>
<layout-view>
<el-descriptions :title="title" :column="column" :size="size" :colon="false" border>
<template slot="title">
<i class="el-icon-tickets"></i>
基本详细信息
</template>
<template slot="extra">
<el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
</template>
<el-descriptions-item label="模块名称" label-class-name="labelClass" content-class-name="contentClass">
{{form.moduleName}}
</el-descriptions-item>
<el-descriptions-item label="模块消息编码,与上报消息头编码一致,唯一" label-class-name="labelClass" content-class-name="contentClass">
{{form.moduleMsgCode}}
</el-descriptions-item>
</el-descriptions>
</layout-view>
</template>
<script>
import view from "@/assets/mixins/view";
export default {
mixins: [view],
components: {
},
methods: {
},
data() {
return {
size:"small",
column:2,
toString:[
],
toArrays: [
],
toDate: [
]
}
}
}
</script>
<style lang="less">
.labelClass{
width: 200px;
}
.el-descriptions__body{
margin-left: 5px;
margin-right: 5px;
color: #606266;
background-color: #FFF;
}
.contentClass{
width: 600px;
}
</style>
\ No newline at end of file
<template>
<!-- 弹出框表单 -->
<el-drawer
:title="title"
:visible.sync="open"
:direction="direction"
size="50%">
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<Field :span="22" label="设备生产厂商" prop="firmName" v-model="form.firmName" placeholder="请输入设备生产厂商名称"/>
<Field :span="22" label="设备生产商编码" prop="firmCode" v-model="form.firmCode" placeholder="请输入设备生产商编码"/>
<Field :span="22" label="备注" prop="firmRemark" type="textarea" v-model="form.firmRemark" placeholder="请输入备注"/>
</el-row>
<form-buttons @submit='submitForm' noCancelBtn />
</el-form>
</el-drawer>
</template>
<script>
import form from "@/assets/mixins/formdialog";
export default {
name: "FirmDetail",
mixins: [form],
components: {
},
created() {
this.changePath("firm")
},
data() {
return {
// 遮罩层
loading: true,
// 弹出层标题
title: "设备生产厂商",
// 是否显示弹出层
open: false,
direction:"rtl",
toString:[
],
// toDate:[
// "createTime",
// "updateTime",
// ],
// 表单校验
rules: {
createTime: [
{required: true,message: "请选择创建时间" },
],
}
};
},
methods: {
/** 编辑 */
edit(row) {
this.reset()
this.query = { id: row.id };
this.urls.currUrl ="firm/edit";
this.getData();
this.pageInfo.type="edit"
this.title = "修改设备生产厂商";
},
/** 新增 */
add(row) {
this.reset()
this.urls.currUrl = "firm/add";
this.getData();
this.pageInfo.type="add"
this.title = "新增设备生产厂商";
},
/** 查看*/
view(row) {
this.reset()
this.query = { id: row.id };
this.urls.currUrl ="firm/view";
this.getData();
this.pageInfo.type="view"
this.title = "设备生产厂商详细";
},
/**取消按钮 */
cancel() {
this.open = false;
},
/**获取数据后弹框 */
afterRender(data) {
this.open = true;
},
afterSubmit(data) {
this.open = false;
this.$emit("ok");
},
// 表单重置
reset() {
this.form = {
firmName : "",
firmCode : "",
firmRemark : "",
};
this.resetForm("form");
},
resetForm(refName) {
if (this.$refs[refName]) {
this.$refs[refName].resetFields();
}
},
},
};
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment