ypc_manager/basepro-manager/basepro-manager-web/src/main/resources/templates/mdjf/add.html

259 lines
11 KiB
HTML

<!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">
<form class="form-horizontal m" id="form-mdjfjxxxb-add">
<input type="hidden" id="treeId" name="zrdwdm">
<div class="row">
<div class="col-sm-5">
<div class="form-group">
<label class="col-sm-4 control-label">矛盾纠纷发生时间:</label>
<div class="col-sm-8">
<div class="input-group date">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
<input name="fssjStr" class="form-control" type="text" required>
</div>
</div>
</div>
</div>
<div class="col-sm-5">
<div class="form-group">
<label class="col-sm-4 control-label">矛盾纠纷地行政区划代码:</label>
<div class="col-sm-8">
<input name="xzqhdm" class="form-control" type="text" required>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-5">
<div class="form-group">
<label class="col-sm-4 control-label">矛盾纠纷地行政区划名称:</label>
<div class="col-sm-8">
<input name="xzqhmc" class="form-control" type="text" required>
</div>
</div>
</div>
<div class="col-sm-5">
<div class="form-group">
<label class="col-sm-4 control-label">矛盾纠纷发生地址:</label>
<div class="col-sm-8">
<input name="fsdz" class="form-control" type="text" required>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-5">
<div class="form-group">
<label class="col-sm-4 control-label">矛盾纠纷来源:</label>
<div class="col-sm-8">
<select name="mdjfly" th:with="type=${@dict.getType('t_dict_mdjfly')}" class="form-control m-b">
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
</select>
</div>
</div>
</div>
<div class="col-sm-5">
<div class="form-group">
<label class="col-sm-4 control-label">通报单位名称:</label>
<div class="col-sm-8">
<input name="tbdwmc" class="form-control" type="text">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-5">
<div class="form-group">
<label class="col-sm-4 control-label">矛盾纠纷类型:</label>
<div class="col-sm-8">
<select name="mdjflx" th:with="type=${@dict.getType('t_dict_mdjflx')}" class="form-control m-b">
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
</select>
</div>
</div>
</div>
<div class="col-sm-5">
<div class="form-group">
<label class="col-sm-4 control-label">矛盾纠纷调处时间:</label>
<div class="col-sm-8">
<div class="input-group date">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
<input name="tcsjStr" class="form-control" type="text">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-5">
<div class="form-group">
<label class="col-sm-4 control-label">矛盾纠纷程度:</label>
<div class="col-sm-8">
<select name="mdjfcd" th:with="type=${@dict.getType('t_dict_mdjfcd')}" class="form-control m-b" >
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
</select>
</div>
</div>
</div>
<div class="col-sm-5">
<div class="form-group">
<label class="col-sm-4 control-label">当事人一身份证号码:</label>
<div class="col-sm-8">
<input name="dsrSfzhm" class="form-control" type="text" required>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-5">
<div class="form-group">
<label class="col-sm-4 control-label">当事人二身份证号码:</label>
<div class="col-sm-8">
<input name="djrSfzhm" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-5">
<div class="form-group">
<label class="col-sm-4 control-label">登记时间:</label>
<div class="col-sm-8">
<div class="input-group date">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
<input name="djsjStr" class="form-control" type="text" required>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-5">
<div class="form-group">
<label class="col-sm-4 control-label">责任公安机关:</label>
<div class="col-sm-8">
<input name="zrdwmc" onclick="selectDeptTree()" id="treeName" placeholder="请选择归属部门" class="form-control" type="text" required>
</div>
</div>
</div>
<div class="col-sm-5">
</div>
</div>
<div class="row">
<div class="col-sm-5">
<div class="form-group">
<label class="col-sm-4 control-label">矛盾纠纷简述:</label>
<div class="col-sm-8">
<textarea name="mdjfjs" class="form-control" required></textarea>
</div>
</div>
</div>
<div class="col-sm-5">
<div class="form-group">
<label class="col-sm-4 control-label">矛盾纠纷调处过程简述:</label>
<div class="col-sm-8">
<textarea name="tcgcjs" class="form-control"></textarea>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-5">
<div class="form-group">
<label class="col-sm-4 control-label">矛盾纠纷调处结果:</label>
<div class="col-sm-8">
<select name="tcjg" th:with="type=${@dict.getType('t_dict_mdjfdcjg')}" class="form-control m-b" >
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
</select>
</div>
</div>
</div>
<div class="col-sm-5">
<div class="form-group">
<label class="col-sm-4 control-label">记录更新时间:</label>
<div class="col-sm-8">
<div class="input-group date">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
<input name="jlgxsjStr" class="form-control" type="text" required>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<th:block th:include="include :: footer" />
<th:block th:include="include :: datetimepicker-js" />
<script type="text/javascript">
var prefix = ctx + "system/mdjfjxxxb"
$("#form-mdjfjxxxb-add").validate({
focusCleanup: true
});
function submitHandler() {
if ($.validate.form()) {
$.operate.save(prefix + "/add", $('#form-mdjfjxxxb-add').serialize());
}
}
$("input[name='fssjStr']").datetimepicker({
format: "yyyy-mm-dd hh:ii:ss",
minView: 0,
autoclose: true
});
$("input[name='djsjStr']").datetimepicker({
format: "yyyy-mm-dd hh:ii:ss",
minView: 0,
autoclose: true
});
$("input[name='tcsjStr']").datetimepicker({
format: "yyyy-mm-dd hh:ii:ss",
minView: 0,
autoclose: true
});
$("input[name='jlgxsjStr']").datetimepicker({
format: "yyyy-mm-dd hh:ii:ss",
minView: 0,
autoclose: true
});
function selectDeptTree() {
var treeId = $("#treeId").val();
var deptId = $.common.isEmpty(treeId) ? "340000000000" : $("#treeId").val();
var type = 4;
var url = ctx + "system/dept/selectDeptTree/" + deptId+"/"+type;
var options = {
title: '选择机构',
width: "380",
url: url,
callBack: doSubmit
};
$.modal.openOptions(options);
}
function doSubmit(index, layero){
var tree = layero.find("iframe")[0].contentWindow.$._tree;
var body = layer.getChildFrame('body', index);
var treedeptId = body.find('#treeId').val();
if (treedeptId.substr(4)=='00000000') {
$.modal.msgError("市局单位下无法建卡点");
return ;
}
$("#treeId").val(body.find('#treeId').val());
$("#treeName").val(body.find('#treeName').val());
layer.close(index);
}
</script>
</body>
</html>