<!DOCTYPE html>
< html lang = "zh" xmlns:th = "http://www.thymeleaf.org" >
< head >
< th:block th:include = "include :: header('修改检查报告管理')" / >
< th:block th:include = "include :: datetimepicker-css" / >
< / head >
< body class = "white-bg" >
< div class = "wrapper wrapper-content animated fadeInRight ibox-content" id = "app" >
< form class = "form-horizontal m" id = "form-check-edit" th:object = "${tdCheck}" >
< input name = "checkId" th:field = "*{checkId}" type = "hidden" >
< div class = "row" >
< div class = "col-sm-6" >
< div class = "form-group" >
< label class = "col-sm-4 control-label" > 报告人：< / label >
< div class = "col-sm-8" >
< input name = "user" disabled th:field = "*{adduser}" class = "form-control" type = "text" >
< / div >
< / div >
< / div >
< div class = "col-sm-6" >
< div class = "form-group" >
< label class = "col-sm-4 control-label" > 报告人单位：< / label >
< div class = "col-sm-8" >
< input name = "depart" disabled th:field = "*{depart}" class = "form-control" type = "text" >
< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-sm-12" >
< div class = "form-group" >
< label class = "col-sm-2 control-label" > 检查开始时间：< / label >
< div class = "col-sm-10" >
< div class = "input-group date" >
< input name = "checkStartTime" disabled th:value = "${#dates.format(tdCheck.checkStartTime, 'yyyy-MM-dd')}" class = "form-control" placeholder = "yyyy-MM-dd" type = "text" >
< span class = "input-group-addon" > < i class = "fa fa-calendar" > < / i > < / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-sm-6" >
< div class = "form-group" >
< label class = "col-sm-4 control-label is-required" > 所属地市：< / label >
< div class = "col-sm-8" >
< select id = "City" name = "framework" required @ change = "getAreaList()" v-model = "City" class = "form-control m-b" >
< option value = "" > ---请选择---< / option >
< option v-for = "option in CityList" :value = "option.id" :key = "option.id" >
{{ option.name }}
< / option >
< / select >
< / div >
< / div >
< / div >
< div class = "col-sm-6" >
< div class = "form-group" >
< label class = "col-sm-4 control-label is-required" > 所属区县：< / label >
< div class = "col-sm-8" >
< select id = "Area" name = "area" required v-model = "Area" class = "form-control m-b" >
< option value = "" > ---请选择---< / option >
< option v-for = "option in AreaList" :value = "option.id" :key = "option.id" >
{{ option.name }}
< / option >
< / select >
< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-sm-12" >
< div class = "form-group" >
< label class = "col-sm-2 control-label is-required" > 人员检查：< / label >
< div class = "col-sm-10" >
< textarea name = "checkcontentry" required th:field = "*{checkcontentry}" class = "form-control" > < / textarea >
< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-sm-12" >
< div class = "form-group" >
< label class = "col-sm-2 control-label is-required" > 文件检查：< / label >
< div class = "col-sm-10" >
< textarea name = "checkcontentrywj" required th:field = "*{checkcontentrywj}" class = "form-control" > < / textarea >
< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-sm-12" >
< div class = "form-group" >
< label class = "col-sm-2 control-label is-required" > 资产检查：< / label >
< div class = "col-sm-10" >
< textarea name = "checkcontentrysb" required th:field = "*{checkcontentrysb}" class = "form-control" > < / textarea >
< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-sm-12" >
< div class = "form-group" >
< label class = "col-sm-2 control-label is-required" > 管理制度检查：< / label >
< div class = "col-sm-10" >
< textarea name = "checkcontentryglzd" required th:field = "*{checkcontentryglzd}" class = "form-control" > < / textarea >
< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-sm-12" >
< div class = "form-group" >
< label class = "col-sm-2 control-label is-required" > 泄密事件检查：< / label >
< div class = "col-sm-10" >
< textarea name = "checkcontentryxmsj" required th:field = "*{checkcontentryxmsj}" class = "form-control" > < / textarea >
< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-sm-12" >
< div class = "form-group" >
< label class = "col-sm-2 control-label is-required" > 其他项目检查：< / label >
< div class = "col-sm-10" >
< textarea name = "checkcontentryother" required th:field = "*{checkcontentryother}" class = "form-control" > < / textarea >
< / div >
< / div >
< / div >
< / div >
< / form >
< / div >
< th:block th:include = "include :: footer" / >
< th:block th:include = "include :: datetimepicker-js" / >
< script th:inline = "javascript" >
var prefix = ctx + "system/check";
$("#form-check-edit").validate({
focusCleanup: true
});
var app = new Vue({
el: '#app',
data: {
CityList: [],
AreaList:[],
City:[[${tdCheck.framework}]],
Area:[[${tdCheck.area}]],
params:{
parentId:'',
}
},
mounted(){
// 初始化地市列表
this.getCityList();
if (this.City){
this.getAreaList()
}
},
methods:{
getCityList(){
$.ajax({
url: ctx + "system/area/getSysAreaList",
type: 'GET',
data:this.params ,
success:((res)=>{
this.CityList = res.data
}) ,
});
},
getAreaList(){
this.params.parentId = this.City
$.ajax({
url: ctx + "system/area/getSysAreaList",
type: 'GET',
data:this.params,
success:((res)=>{
this.AreaList = res.data
}) ,
});
}
}
})
function submitHandler() {
if ($.validate.form()) {
$.operate.save(prefix + "/edit", $('#form-check-edit').serialize());
}
}
$("input[name='checkStartTime']").datetimepicker({
format: "yyyy-mm-dd",
minView: "month",
autoclose: true
});
$("input[name='checkEndTime']").datetimepicker({
format: "yyyy-mm-dd",
minView: "month",
autoclose: true
});
$("input[name='checkownresulttime']").datetimepicker({
format: "yyyy-mm-dd",
minView: "month",
autoclose: true
});
< / script >
< / body >
< / html >
