You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
167 lines
5.4 KiB
167 lines
5.4 KiB
<!DOCTYPE html> |
|
<html> |
|
|
|
<head> |
|
<title>置灰</title> |
|
<#include "../../include/head-file.ftl"> |
|
|
|
</head> |
|
|
|
<body> |
|
<div id="form" v-loading="loading" v-cloak> |
|
<el-header class="ms-header ms-tr" height="50px"> |
|
<el-button type="primary" class="iconfont icon-baocun" size="mini" @click="save()" :loading="saveDisabled">保存</el-button> |
|
<!-- <el-button size="mini" class="iconfont icon-fanhui" plain onclick="javascript:history.go(-1)">返回</el-button> --> |
|
</el-header> |
|
<el-main class="ms-container"> |
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="right" size="small"> |
|
|
|
<!--一键置灰--> |
|
|
|
<el-form-item label="一键置灰" prop="yjzh"> |
|
<el-switch v-model="form.yjzh" |
|
:disabled="false"> |
|
</el-switch> |
|
</el-form-item> |
|
|
|
<!--结束日期--> |
|
|
|
<el-form-item label="结束日期" prop="zhEndtime"> |
|
<el-date-picker |
|
v-model="form.zhEndtime" |
|
placeholder="请选择结束日期" :readonly="false" |
|
:disabled="!form.yjzh" |
|
:editable="true" |
|
:clearable="true" |
|
value-format="yyyy-MM-dd" |
|
:style="{width:'100%'}" |
|
type="date"> |
|
</el-date-picker> |
|
</el-form-item> |
|
</el-form> |
|
</el-main> |
|
</div> |
|
</body> |
|
|
|
</html> |
|
|
|
<script> |
|
var formVue = new Vue({ |
|
el: '#form', |
|
data:function() { |
|
return { |
|
loading:false, |
|
saveDisabled: false, |
|
//表单数据 |
|
form: { |
|
// 一键置灰 |
|
yjzh:false, |
|
//结束日期 |
|
zhEndtime:"", |
|
|
|
}, |
|
rules:{ |
|
// 结束日期 |
|
zhEndtime: [{"required":true,"message":"请选择结束日期"}], |
|
|
|
}, |
|
|
|
} |
|
}, |
|
watch:{ |
|
|
|
}, |
|
components:{ |
|
}, |
|
computed:{ |
|
}, |
|
methods: { |
|
|
|
save:function() { |
|
var that = this; |
|
var url = ms.manager + "/statistics/pasZh/save.do" |
|
if (that.form.id > 0) { |
|
url = ms.manager + "/statistics/pasZh/update.do"; |
|
} |
|
this.$refs.form.validate(function(valid) { |
|
if (valid) { |
|
that.saveDisabled = true; |
|
|
|
var form = JSON.parse(JSON.stringify(that.form)); |
|
form.yjzh = form.yjzh ? 1 : 0 |
|
ms.http.post(url, form).then(function (res) { |
|
if (res.result) { |
|
that.$notify({ |
|
title: "成功", |
|
message: "保存成功", |
|
type: 'success' |
|
}); |
|
// ms.util.openSystemUrl("/statistics/pasZh/index.do"); |
|
} else { |
|
that.$notify({ |
|
title: "错误", |
|
message: res.msg, |
|
type: 'warning' |
|
}); |
|
} |
|
|
|
that.saveDisabled = false; |
|
}).catch(function (err) { |
|
console.err(err); |
|
that.saveDisabled = false; |
|
}); |
|
} else { |
|
return false; |
|
} |
|
}) |
|
}, |
|
|
|
//获取当前置灰 |
|
get:function(id) { |
|
var that = this; |
|
this.loading = true |
|
ms.http.get(ms.manager + "/statistics/pasZh/get.do", {"id":id}).then(function (res) { |
|
that.loading = false |
|
if(res.result&&res.data) { |
|
|
|
that.form = res.data; |
|
that.form.yjzh = !!res.data.yjzh |
|
} |
|
}); |
|
}, |
|
update: function (row) { |
|
var that = this; |
|
ms.http.post(ms.manager+"/statistics/pasZh/update.do", row).then(function (data) { |
|
if (data.result) { |
|
that.$notify({ |
|
title: '成功', |
|
message: '更新成功', |
|
type: 'success' |
|
}); |
|
|
|
} else { |
|
that.$notify({ |
|
title: '失败', |
|
message: data.msg, |
|
type: 'warning' |
|
}); |
|
} |
|
}); |
|
}, //结束日期日期格式化 |
|
zhEndtimeFormat:function(row, column, cellValue, index){ |
|
return ms.util.date.fmt(new Date(row.ZH_ENDTIME),'yyyy-MM-dd'); |
|
}, |
|
}, |
|
created:function() { |
|
var that = this; |
|
|
|
this.form.id = ms.util.getParameter("id"); |
|
if (this.form.id) { |
|
this.get(this.form.id); |
|
} |
|
} |
|
}); |
|
|
|
</script> |
|
<style> |
|
</style>
|
|
|