1238 lines
67 KiB
HTML
1238 lines
67 KiB
HTML
<!doctype html>
|
|
<html xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<base th:href="${#request.getContextPath() + '/'}">
|
|
<meta charset="utf-8">
|
|
<meta name="renderer" content="webkit">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
<link rel="stylesheet" href="assets/fonts/font-awesome/css/font-awesome.css"/>
|
|
<link rel="stylesheet" href="assets/layuiadmin/layui/css/layui.css" media="all">
|
|
<link rel="stylesheet" href="assets/layuiadmin/style/admin.css" media="all">
|
|
<link rel="stylesheet" href="assets/js/vendor/zTree3/css/metroStyle/metroStyle.css"/>
|
|
<link rel="stylesheet" type="text/css" href="assets/js/vendor/viewer/viewer.min.css">
|
|
<style>
|
|
.layui-form-pane .layui-input-block {
|
|
margin-left: 160px;
|
|
left: -1px;
|
|
}
|
|
.layui-form-pane .layui-form-label {
|
|
width: 160px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="layui-fluid layui-anim layui-anim-fadein">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
<span class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
|
|
<a class="close" href="javascript:void(0);">上级列表</a><span lay-separator="">/</span>
|
|
<a href="javascript:void(0);"><cite>编辑内容</cite></a>
|
|
</span>
|
|
</div>
|
|
<div class="layui-card-body" style="padding: 15px;">
|
|
<form class="layui-form layui-form-pane" lay-filter="dataForm">
|
|
<input type="hidden" id="partyPopulationInfoId" name="partyPopulationInfoId" class="layui-input" value="" placeholder="请输入人员ID" maxlength="50">
|
|
<div class="layui-row">
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">事件名称</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="caseName" name="caseName" class="layui-input" value="" placeholder="请输入事件名称" maxlength="200">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">事件标题</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="caseTitle" name="caseTitle" class="layui-input" value="" placeholder="请输入事件标题" maxlength="200">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">发生日期</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="caseTime" name="caseTime" class="layui-input" value="" placeholder="请选择发生日期" readonly style="cursor: pointer;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-row">
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<label class="layui-form-label">发生地点<span style="color: red">*</span></label>
|
|
<div class="layui-input-block">
|
|
<input type="hidden" id="caseAreaCode" name="caseAreaCode" class="layui-input" value="" maxlength="500">
|
|
<input type="text" id="caseAreaName" readonly style="cursor: pointer" name="caseAreaName" class="layui-input" value="" placeholder="请选择发生地点" maxlength="500">
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<label class="layui-form-label">发生详细地点</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="caseAddress" name="caseAddress" class="layui-input" value="" placeholder="请输入需要补充的详细地址" maxlength="500">
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">地图地址</label>
|
|
<div class="layui-input-block">
|
|
<input type="hidden" id="caseLng" name="caseLng" class="layui-input" value="" placeholder="请输入经度" maxlength="50">
|
|
<input type="hidden" id="caseLat" name="caseLat" class="layui-input" value="" placeholder="请输入纬度" maxlength="50">
|
|
<input type="text" readonly="" id="caseMapAddress" name="caseMapAddress" style="width:75%;float:left;" class="layui-input" value="" placeholder="请输入地图地址" maxlength="500">
|
|
<div type="button" onclick="javascript:void(0);" class="layui-btn layui-btn-sm" id="selectMap" style="height:36px;width:25%;">
|
|
<i class="fa fa-sm fa-map-marker" style="margin-top: 10px;"></i> 地图选点
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-row">
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">事件规模</label>
|
|
<div class="layui-input-block layui-form" id="caseScaleSelectTemplateBox" lay-filter="caseScaleSelectTemplateBox"></div>
|
|
<script id="caseScaleSelectTemplate" type="text/html">
|
|
<select id="caseScale" name="caseScale">
|
|
<option value="">请选择事件规模</option>
|
|
{{# for(var i = 0, item; item = d[i++];) { }}
|
|
<option value="{{item.dictionaryId}}">{{item.dictionaryName}}</option>
|
|
{{# } }}
|
|
</select>
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">事件类别</label>
|
|
<div class="layui-input-block layui-form" id="caseTypeSelectTemplateBox" lay-filter="caseTypeSelectTemplateBox"></div>
|
|
<script id="caseTypeSelectTemplate" type="text/html">
|
|
<select id="caseType" name="caseType">
|
|
<option value="">请选择事件类别</option>
|
|
{{# for(var i = 0, item; item = d[i++];) { }}
|
|
<option value="{{item.dictionaryId}}">{{item.dictionaryName}}</option>
|
|
{{# } }}
|
|
</select>
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">案件评估</label>
|
|
<div class="layui-input-block layui-form" id="caseEstimateSelectTemplateBox" lay-filter="caseEstimateSelectTemplateBox"></div>
|
|
<script id="caseEstimateSelectTemplate" type="text/html">
|
|
<select id="caseEstimate" name="caseEstimate">
|
|
<option value="">请选择案件评估</option>
|
|
{{# for(var i = 0, item; item = d[i++];) { }}
|
|
<option value="{{item.dictionaryId}}">{{item.dictionaryName}}</option>
|
|
{{# } }}
|
|
</select>
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">激烈程度</label>
|
|
<div class="layui-input-block layui-form" id="caseDegreeSelectTemplateBox" lay-filter="caseDegreeSelectTemplateBox"></div>
|
|
<script id="caseDegreeSelectTemplate" type="text/html">
|
|
<select id="caseDegree" name="caseDegree">
|
|
<option value="">请选择激烈程度</option>
|
|
{{# for(var i = 0, item; item = d[i++];) { }}
|
|
<option value="{{item.dictionaryId}}">{{item.dictionaryName}}</option>
|
|
{{# } }}
|
|
</select>
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">预警等级</label>
|
|
<div class="layui-input-block layui-form" id="caseLevelSelectTemplateBox" lay-filter="caseLevelSelectTemplateBox"></div>
|
|
<script id="caseLevelSelectTemplate" type="text/html">
|
|
<select id="caseLevel" name="caseLevel">
|
|
<option value="">请选择预警等级</option>
|
|
{{# for(var i = 0, item; item = d[i++];) { }}
|
|
<option value="{{item.dictionaryId}}">{{item.dictionaryName}}</option>
|
|
{{# } }}
|
|
</select>
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">纠纷类型</label>
|
|
<div class="layui-input-block layui-form" id="disputeTypeSelectTemplateBox" lay-filter="disputeTypeSelectTemplateBox"></div>
|
|
<script id="disputeTypeSelectTemplate" type="text/html">
|
|
<select id="disputeType" name="disputeType">
|
|
<option value="">请选择纠纷类型</option>
|
|
{{# for(var i = 0, item; item = d[i++];) { }}
|
|
<option value="{{item.dictionaryId}}">{{item.dictionaryName}}</option>
|
|
{{# } }}
|
|
</select>
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">纠纷等级</label>
|
|
<div class="layui-input-block layui-form" id="disputeLevelSelectTemplateBox" lay-filter="disputeLevelSelectTemplateBox"></div>
|
|
<script id="disputeLevelSelectTemplate" type="text/html">
|
|
<select id="disputeLevel" name="disputeLevel">
|
|
<option value="">请选择纠纷等级</option>
|
|
{{# for(var i = 0, item; item = d[i++];) { }}
|
|
<option value="{{item.dictionaryId}}">{{item.dictionaryName}}</option>
|
|
{{# } }}
|
|
</select>
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">风险类型</label>
|
|
<div class="layui-input-block layui-form" id="riskTypeSelectTemplateBox" lay-filter="riskTypeSelectTemplateBox"></div>
|
|
<script id="riskTypeSelectTemplate" type="text/html">
|
|
<select id="riskType" name="riskType">
|
|
<option value="">请选择风险类型</option>
|
|
{{# for(var i = 0, item; item = d[i++];) { }}
|
|
<option value="{{item.dictionaryId}}">{{item.dictionaryName}}</option>
|
|
{{# } }}
|
|
</select>
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">风险等级</label>
|
|
<div class="layui-input-block layui-form" id="riskLevelSelectTemplateBox" lay-filter="riskLevelSelectTemplateBox"></div>
|
|
<script id="riskLevelSelectTemplate" type="text/html">
|
|
<select id="riskLevel" name="riskLevel">
|
|
<option value="">请选择风险等级</option>
|
|
{{# for(var i = 0, item; item = d[i++];) { }}
|
|
<option value="{{item.dictionaryId}}">{{item.dictionaryName}}</option>
|
|
{{# } }}
|
|
</select>
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">协议涉及金额</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="disputeMoney" name="disputeMoney" class="layui-input" value="" placeholder="请输入协议涉及金额" maxlength="10">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">涉及人员人数</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="disputeNumber" name="disputeNumber" class="layui-input" value="" placeholder="请输入涉及人员人数" maxlength="10">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">涉及单位</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="disputeOrganization" name="disputeOrganization" class="layui-input" value="" placeholder="请输入涉及单位" maxlength="200">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">最后调解日期</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="mediateLastTime" name="mediateLastTime" class="layui-input" value="" placeholder="请选择最后调解日期" readonly style="cursor: pointer;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-row">
|
|
<div class="layui-col-md12 layui-col-lg12" >
|
|
<div class="layui-form-item layui-form-text ">
|
|
<label class="layui-form-label">事件详细描述</label>
|
|
<div class="layui-input-block layui-text">
|
|
<textarea id="caseDescription" name="caseDescription" class="layui-textarea" placeholder="请输入事件详细描述" maxlength="1000"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item layui-form-text">
|
|
<label class="layui-form-label">现场照片</label>
|
|
<div class="layui-input-block">
|
|
<input type="hidden" id="caseImages" name="caseImages">
|
|
<div class="layui-btn-container" id="caseImagesFileBox" style="border: 1px solid #e6e6e6;"></div>
|
|
<script id="caseImagesFileDownload" type="text/html">
|
|
{{# var fileName = 'caseImages'; }}
|
|
{{# if(d[fileName].length > 0) { }}
|
|
{{# var files = d[fileName];}}
|
|
{{# for(var i = 0, item = files[i]; item = files[i++];) { }}
|
|
<div class="upload-image-box">
|
|
<span class="upload-image-span">
|
|
<img src="route/file/downloadfile/false/{{item.fileId}}" align="加载失败">
|
|
</span>
|
|
<a class="layui-btn layui-btn-xs layui-btn-danger text-danger remove-image" href="javascript:void(0);" lay-form-button data-id="{{item.fileId}}" data-name="{{fileName}}" lay-filter="caseImagesRemoveFile">
|
|
<i class="fa fa-trash-o"></i>
|
|
</a>
|
|
</div>
|
|
{{# } }}
|
|
{{# } }}
|
|
{{# if(d[fileName].length < 5) { }}
|
|
<div class="upload-image-box" style="width: auto; height: auto; padding: 5px;">
|
|
<a href="javascript:void(0);" lay-form-button data-explain="图片" data-name="caseImages" lay-filter="caseImagesUploadFile">
|
|
<i class="fa fa-plus-square-o" style="font-size: 70px;"></i>
|
|
</a>
|
|
</div>
|
|
{{# } }}
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item" style="background-color:#2aabd2;color:#FFF;text-align: center;width:100% !important;font-size: 17px">
|
|
<h3>主要当事人</h3>
|
|
<!-- <div style="margin-top: -25px;float: right">-->
|
|
<!-- <button type="button" class="layui-btn layui-btn-xs query-getpopulation">填入当前人员信息</button>-->
|
|
<!-- </div>-->
|
|
</div>
|
|
<div class="layui-row">
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">证件类型</label>
|
|
<div class="layui-input-block layui-form" id="partyIdcardTypeSelectTemplateBox" lay-filter="partyIdcardTypeSelectTemplateBox"></div>
|
|
<script id="partyIdcardTypeSelectTemplate" type="text/html">
|
|
<select id="partyIdcardType" name="partyIdcardType">
|
|
<option value="">请选择证件类型</option>
|
|
{{# for(var i = 0, item; item = d[i++];) { }}
|
|
<option value="{{item.dictionaryName}}">{{item.dictionaryName}}</option>
|
|
{{# } }}
|
|
</select>
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">证件号码</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="partyIdcard" name="partyIdcard" class="layui-input" value="" placeholder="请输入证件号码" maxlength="50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">姓名</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="partyName" name="partyName" class="layui-input" value="" placeholder="请输入姓名" maxlength="50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">联系电话</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="partyPhone" name="partyPhone" class="layui-input" value="" placeholder="请输入联系电话" maxlength="50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">性别</label>
|
|
<div class="layui-input-block layui-form" id="partySexSelectTemplateBox" lay-filter="partySexSelectTemplateBox"></div>
|
|
<script id="partySexSelectTemplate" type="text/html">
|
|
<select id="partySex" name="partySex">
|
|
<option value="">请选择性别</option>
|
|
{{# for(var i = 0, item; item = d[i++];) { }}
|
|
<option value="{{item.dictionaryName}}">{{item.dictionaryName}}</option>
|
|
{{# } }}
|
|
</select>
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">民族</label>
|
|
<div class="layui-input-block layui-form" id="partyNationSelectTemplateBox" lay-filter="partyNationSelectTemplateBox"></div>
|
|
<script id="partyNationSelectTemplate" type="text/html">
|
|
<select id="partyNation" name="partyNation">
|
|
<option value="">请选择民族</option>
|
|
{{# for(var i = 0, item; item = d[i++];) { }}
|
|
<option value="{{item.dictionaryName}}">{{item.dictionaryName}}</option>
|
|
{{# } }}
|
|
</select>
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">文化程度</label>
|
|
<div class="layui-input-block layui-form" id="partyEducationSelectTemplateBox" lay-filter="partyEducationSelectTemplateBox"></div>
|
|
<script id="partyEducationSelectTemplate" type="text/html">
|
|
<select id="partyEducation" name="partyEducation">
|
|
<option value="">请选择文化程度</option>
|
|
{{# for(var i = 0, item; item = d[i++];) { }}
|
|
<option value="{{item.dictionaryName}}">{{item.dictionaryName}}</option>
|
|
{{# } }}
|
|
</select>
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">人员类别</label>
|
|
<div class="layui-input-block layui-form" id="partyTypeSelectTemplateBox" lay-filter="partyTypeSelectTemplateBox"></div>
|
|
<script id="partyTypeSelectTemplate" type="text/html">
|
|
<select id="partyType" name="partyType">
|
|
<option value="">请选择人员类别</option>
|
|
{{# for(var i = 0, item; item = d[i++];) { }}
|
|
<option value="{{item.dictionaryName}}">{{item.dictionaryName}}</option>
|
|
{{# } }}
|
|
</select>
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">居住地</label>
|
|
<div class="layui-input-block">
|
|
<input type="hidden" id="partyAreaCode" name="partyAreaCode" class="layui-input" value="" maxlength="500">
|
|
<input type="text" id="partyAreaName" readonly style="cursor: pointer" name="partyAreaName" class="layui-input" value="" placeholder="请选择居住地" maxlength="500">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item" style="background-color:#2aabd2;color:#FFF;text-align: center;width:100% !important;font-size: 17px">
|
|
<h3>化解</h3>
|
|
<!-- <div style="margin-top: -25px;float: right">-->
|
|
<!-- <button type="button" class="layui-btn layui-btn-xs query-huajiepopulation">查找化解责任人</button>-->
|
|
<!-- </div>-->
|
|
</div>
|
|
<div class="layui-row">
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">截止时间</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="defuseTime" name="defuseTime" class="layui-input" value="" placeholder="请选择截止时间" readonly style="cursor: pointer;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">化解方式</label>
|
|
<div class="layui-input-block layui-form" id="defuseWaySelectTemplateBox" lay-filter="defuseWaySelectTemplateBox"></div>
|
|
<script id="defuseWaySelectTemplate" type="text/html">
|
|
<select id="defuseWay" name="defuseWay">
|
|
<option value="">请选择化解方式</option>
|
|
{{# for(var i = 0, item; item = d[i++];) { }}
|
|
<option value="{{item.dictionaryId}}">{{item.dictionaryName}}</option>
|
|
{{# } }}
|
|
</select>
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">化解组织</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="defuseOrganization" name="defuseOrganization" class="layui-input" value="" placeholder="请输入化解组织" maxlength="200">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">化解责任人姓名</label>
|
|
<div class="layui-input-block">
|
|
<input type="hidden" id="defuseResponsiblePopulationInfoId" name="defuseResponsiblePopulationInfoId" class="layui-input" value="" placeholder="请输入化解责任人人员信息ID" maxlength="36">
|
|
<input type="text" id="defuseResponsibleName" name="defuseResponsibleName" class="layui-input" value="" placeholder="请输入姓名" maxlength="50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">化解责任人证件号码</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="defuseResponsibleIdcard" name="defuseResponsibleIdcard" class="layui-input" value="" placeholder="请输入证件号码" maxlength="50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md3 layui-col-lg3" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">化解责任人联系电话</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="defuseResponsiblePhone" name="defuseResponsiblePhone" class="layui-input" value="" placeholder="请输入联系电话" maxlength="50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md1 layui-col-lg1" style="text-align: center;">
|
|
<div class="layui-form-item" style="height: 33px;padding-top: 3px;" pane="">
|
|
<button type="button" class="layui-btn layui-btn-sm query-huajiepopulation" data-population="father">搜索</button>
|
|
<button type="button" class="layui-btn layui-btn-sm layui-btn-danger clear-huajiepopulation" data-population="father">清空</button>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item" pane="">
|
|
<label class="layui-form-label">化解是否成功</label>
|
|
<div class="layui-input-block">
|
|
<input type="radio" name="defuseStatus" value="是" title="是">
|
|
<input type="radio" name="defuseStatus" value="否" title="否">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md8 layui-col-lg8" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">化解结果</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="defuseDescription" name="defuseDescription" class="layui-input" value="" placeholder="请输入化解情况" maxlength="50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item" style="background-color:#2aabd2;color:#FFF;text-align: center;width:100% !important;font-size: 17px">
|
|
<h3>考评</h3>
|
|
</div>
|
|
<div class="layui-row">
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">考评日期</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="evaluationTime" name="evaluationTime" class="layui-input" value="" placeholder="请选择考评日期" readonly style="cursor: pointer;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md8 layui-col-lg8" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">考评意见</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="evaluationOpinion" name="evaluationOpinion" class="layui-input" value="" placeholder="请输入考评意见" maxlength="1000">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item" style="background-color:#2aabd2;color:#FFF;text-align: center;width:100% !important;font-size: 17px">
|
|
<h3>措施手段</h3>
|
|
</div>
|
|
<div class="layui-row">
|
|
<div class="layui-col-md12 layui-col-lg12" >
|
|
<div class="layui-form-item layui-form-text ">
|
|
<label class="layui-form-label">措施手段</label>
|
|
<div class="layui-input-block layui-text">
|
|
<textarea id="measureDescription" name="measureDescription" class="layui-textarea" placeholder="请输入措施手段" maxlength="1000"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item" style="background-color:#2aabd2;color:#FFF;text-align: center;width:100% !important;font-size: 17px">
|
|
<h3>工作记录</h3>
|
|
</div>
|
|
<div class="layui-row">
|
|
<div class="layui-col-md12 layui-col-lg12" >
|
|
<div class="layui-form-item layui-form-text ">
|
|
<label class="layui-form-label">工作记录</label>
|
|
<div class="layui-input-block layui-text">
|
|
<textarea id="recordDescription" name="recordDescription" class="layui-textarea" placeholder="请输入工作记录" maxlength="1000"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item" style="background-color:#2aabd2;color:#FFF;text-align: center;width:100% !important;font-size: 17px">
|
|
<h3>乙方当事人</h3>
|
|
</div>
|
|
<div class="layui-row">
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">证件号码</label>
|
|
<div class="layui-input-block">
|
|
<input type="hidden" id="partybPopulationInfoId" name="partybPopulationInfoId" class="layui-input" value="" placeholder="请输入乙方当事人人员信息ID" maxlength="36">
|
|
<input type="text" id="partybIdcard" name="partybIdcard" class="layui-input" value="" placeholder="请输入证件号码" maxlength="50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-lg4" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">姓名</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="partybName" name="partybName" class="layui-input" value="" placeholder="请输入姓名" maxlength="50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md3 layui-col-lg3" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">联系电话</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="partybPhone" name="partybPhone" class="layui-input" value="" placeholder="请输入联系电话" maxlength="50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md1 layui-col-lg1" style="text-align: center;">
|
|
<div class="layui-form-item" style="height: 33px;padding-top: 3px;" pane="">
|
|
<button type="button" class="layui-btn layui-btn-sm query-population" data-population="father">搜索</button>
|
|
<button type="button" class="layui-btn layui-btn-sm layui-btn-danger clear-population" data-population="father">清空</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item layui-layout-admin">
|
|
<div class="layui-input-block">
|
|
<div class="layui-footer" style="left: 0;">
|
|
<button type="button" class="layui-btn" lay-submit lay-filter="submitForm">提交编辑</button>
|
|
<button type="button" class="layui-btn layui-btn-primary close">返回上级</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content" id="mapSelectTemplateBox" style="width:99.8%;height:99.8%;display:none;">
|
|
<!-- 地图 -->
|
|
<div class="form-item">
|
|
<div style="width:100%;height:100%">
|
|
<div id="myMap" class="layui-form-item" style="width:100%;height:500px;"></div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" class="store_Lng" />
|
|
<input type="hidden" class="store_Lat" />
|
|
<input type="hidden" class="store_Address" />
|
|
</div>
|
|
<div id="companiesTree" class="companiesTree" style="display: none;background: #f9f9f9; position: absolute;z-index: 10;height: 250px;overflow: auto;overflow-x: hidden;">
|
|
<ul id="treeDemo" class="ztree" style="width:400px;">
|
|
</ul>
|
|
</div>
|
|
<script src="assets/js/jquery-3.5.1.min.js"></script>
|
|
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3&key=G0k574UiHH2TTg6iiAyHZk7FEXcnpIhS"></script>
|
|
<script src="https://www.wlcbsyzl.cn/bdata/assets/js/vendor/map/baidumap-select.js"></script>
|
|
<script src="assets/js/vendor/wangEditor/wangEditor.min.js"></script>
|
|
<script src="assets/js/vendor/ckplayer/ckplayer/ckplayer.js"></script>
|
|
<script src="assets/js/vendor/viewer/viewer.min.js"></script>
|
|
<script src="assets/layuiadmin/layui/layui.js"></script>
|
|
<script>
|
|
layui.config({
|
|
base: 'assets/layuiadmin/' //静态资源所在路径
|
|
}).extend({
|
|
index: 'lib/index' //主入口模块
|
|
}).use(['index', 'form', 'laydate', 'ztree', 'laytpl'], function(){
|
|
var $ = layui.$;
|
|
var form = layui.form;
|
|
var laytpl = layui.laytpl;
|
|
var laydate = layui.laydate;
|
|
var wangEditor = window.wangEditor;
|
|
var wangEditorObj = {};
|
|
var viewerObj = {};
|
|
var disputeId = top.restAjax.params(window.location.href).disputeId;
|
|
|
|
function closeBox() {
|
|
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
|
}
|
|
|
|
function refreshDownloadTemplet(fileName, file) {
|
|
var dataRander = {};
|
|
dataRander[fileName] = file;
|
|
|
|
laytpl(document.getElementById(fileName +'FileDownload').innerHTML).render(dataRander, function(html) {
|
|
document.getElementById(fileName +'FileBox').innerHTML = html;
|
|
});
|
|
}
|
|
|
|
// 初始化文件列表
|
|
function initFileList(fileName, ids, callback) {
|
|
var dataForm = {};
|
|
dataForm[fileName] = ids;
|
|
form.val('dataForm', dataForm);
|
|
|
|
if(!ids) {
|
|
refreshDownloadTemplet(fileName, []);
|
|
if(callback) {
|
|
callback(fileName, []);
|
|
}
|
|
return;
|
|
}
|
|
|
|
top.restAjax.get(top.restAjax.path('api/file/listfilebyfileid', []), {
|
|
ids: ids
|
|
}, null, function(code, data) {
|
|
refreshDownloadTemplet(fileName, data);
|
|
if(callback) {
|
|
callback(fileName, data);
|
|
}
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
});
|
|
}
|
|
|
|
// 初始化图片图片上传
|
|
function initCaseImagesUploadFile() {
|
|
var files = $('#caseImages').val();
|
|
initFileList('caseImages', files, function(fileName) {
|
|
var viewer = new Viewer(document.getElementById(fileName +'FileBox'), {navbar: false});
|
|
viewerObj[fileName] = viewer;
|
|
});
|
|
|
|
form.on('button(caseImagesUploadFile)', function(obj) {
|
|
var name = this.dataset.name;
|
|
var explain = this.dataset.explain;
|
|
top.dialog.file({
|
|
type: 'image',
|
|
title: '上传'+ explain,
|
|
width: '400px',
|
|
height: '420px',
|
|
maxFileCount: '1',
|
|
onClose: function() {
|
|
var uploadFileArray = top.dialog.dialogData.uploadFileArray;
|
|
if(typeof(uploadFileArray) != 'undefined' && uploadFileArray.length > 0) {
|
|
var files = $('#'+ name).val();
|
|
for(var j = 0, file = uploadFileArray[j]; file = uploadFileArray[j++];) {
|
|
if(files.length > 0) {
|
|
files += ',';
|
|
}
|
|
files += file.data;
|
|
}
|
|
initFileList(name, files, function(fileName) {
|
|
viewerObj[fileName].update();
|
|
});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
form.on('button(caseImagesRemoveFile)', function(obj) {
|
|
var name = this.dataset.name;
|
|
var id = this.dataset.id;
|
|
var files = $('#'+ name).val().replace(id, '');
|
|
files = files.replace(/\,+/g, ',');
|
|
if(files.charAt(0) == ',') {
|
|
files = files.substring(1);
|
|
}
|
|
if(files.charAt(files.length - 1) == ',') {
|
|
files = files.substring(0, files.length - 1);
|
|
}
|
|
initFileList(name, files, function(fileName) {
|
|
viewerObj[fileName].update();
|
|
});
|
|
});
|
|
}
|
|
|
|
$('#caseAreaName').on("click", function () {
|
|
initAreaTree("case");
|
|
var cityObj = $(this);
|
|
var cityOffset = cityObj.offset();
|
|
var width = Number(cityObj.width()) + 13;
|
|
$("#companiesTree").css({width: width + "px", left: cityOffset.left + "px", top: cityOffset.top + cityObj.outerHeight() + "px" }).slideDown("fast");
|
|
$("body").bind("mousedown", onBodyDown);
|
|
});
|
|
|
|
$('#partyAreaName').on("click", function () {
|
|
initAreaTree("party");
|
|
var cityObj = $(this);
|
|
var cityOffset = cityObj.offset();
|
|
var width = Number(cityObj.width()) + 13;
|
|
$("#companiesTree").css({width: width + "px", left: cityOffset.left + "px", top: cityOffset.top + cityObj.outerHeight() + "px" }).slideDown("fast");
|
|
$("body").bind("mousedown", onBodyDown);
|
|
});
|
|
|
|
function hideMenu() {
|
|
$("#companiesTree").fadeOut("fast");
|
|
$("body").unbind("mousedown", onBodyDown);
|
|
}
|
|
|
|
function onBodyDown(event) {
|
|
if (!(event.target.id == "menuBtn" || event.target.id == "companiesTree" || $(event.target).parents("#companiesTree").length > 0)) {
|
|
hideMenu();
|
|
}
|
|
}
|
|
|
|
function initAreaTree(name) {
|
|
var setting = {
|
|
view: {
|
|
nameIsHTML: true
|
|
},
|
|
data : {
|
|
simpleData : {
|
|
enable : true
|
|
}
|
|
},
|
|
async: {
|
|
enable: true,
|
|
url:"api/areatree/tree",
|
|
autoParam:["id", "name", "pId", "level"]
|
|
},
|
|
callback : {
|
|
onClick : function (e, treeId, treeNode) {
|
|
var count = treeNode.title.split('/').length -1;
|
|
if (count > 0) {
|
|
$('#' + name + "AreaName").val(treeNode.title);
|
|
$('#' + name + "AreaCode").val(treeNode.areaCode);
|
|
hideMenu();
|
|
}else{
|
|
layer.msg("区域选择错误");
|
|
}
|
|
}
|
|
}
|
|
};
|
|
$.fn.zTree.init($("#treeDemo"), setting, null);
|
|
}
|
|
|
|
// 初始化地图选点
|
|
$(document).on('click', '#selectMap', function(obj) {
|
|
var caseLng = $('#caseLng').val();
|
|
var caseLat = $('#caseLat').val();
|
|
var caseMapAddress = $('#caseMapAddress').val();
|
|
if(caseLng != '' && caseLat != '') {
|
|
loadDefulatMap({lng: caseLng + 0.00, lat: caseLat + 0.00});
|
|
}else {
|
|
loadDefulatMap({lng: 109.90433661720277, lat: 40.62926901338118});
|
|
}
|
|
var currentWindowHeight = $(window).height();
|
|
$("#myMap").height(currentWindowHeight/100*80-15+"px");
|
|
layer.open({
|
|
type: 1,
|
|
title: false,
|
|
closeBtn: 1,
|
|
area: ['80%', currentWindowHeight/100*80+"px"],
|
|
shadeClose: true,
|
|
anim: 2,
|
|
content: $("#mapSelectTemplateBox"),
|
|
end: function() {
|
|
var address = $(".store_Address").val();
|
|
var lng = $(".store_Lng").val();
|
|
var lat = $(".store_Lat").val();
|
|
if(address != "" && address != undefined) {
|
|
$('#caseMapAddress').val(address);
|
|
$('#caseLng').val(lng);
|
|
$('#caseLat').val(lat);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
// 初始化发生日期日期
|
|
function initCaseTimeDate(value) {
|
|
laydate.render({
|
|
elem: '#caseTime',
|
|
type: 'date',
|
|
value: value,
|
|
trigger: 'click'
|
|
});
|
|
}
|
|
|
|
// 初始化最后调解日期日期
|
|
function initMediateLastTimeDate(value) {
|
|
laydate.render({
|
|
elem: '#mediateLastTime',
|
|
type: 'date',
|
|
value: value,
|
|
trigger: 'click'
|
|
});
|
|
}
|
|
|
|
// 初始化截止时间日期
|
|
function initDefuseTimeDate(value) {
|
|
laydate.render({
|
|
elem: '#defuseTime',
|
|
type: 'date',
|
|
value: value,
|
|
trigger: 'click'
|
|
});
|
|
}
|
|
|
|
// 初始化考评日期日期
|
|
function initEvaluationTimeDate(value) {
|
|
laydate.render({
|
|
elem: '#evaluationTime',
|
|
type: 'date',
|
|
value: value,
|
|
trigger: 'click'
|
|
});
|
|
}
|
|
|
|
// 初始化事件规模下拉选择
|
|
function initCaseScaleSelect(selectValue) {
|
|
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/075f2815-4e7d-478c-837d-a826810e7383', []), {}, null, function(code, data, args) {
|
|
laytpl(document.getElementById('caseScaleSelectTemplate').innerHTML).render(data, function(html) {
|
|
document.getElementById('caseScaleSelectTemplateBox').innerHTML = html;
|
|
});
|
|
form.render('select', 'caseScaleSelectTemplateBox');
|
|
|
|
var selectObj = {};
|
|
selectObj['caseScale'] = selectValue;
|
|
form.val('dataForm', selectObj);
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
});
|
|
}
|
|
|
|
// 初始化事件类别下拉选择
|
|
function initCaseTypeSelect(selectValue) {
|
|
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/698e0684-b245-403b-9df9-c10eee1b465b', []), {}, null, function(code, data, args) {
|
|
laytpl(document.getElementById('caseTypeSelectTemplate').innerHTML).render(data, function(html) {
|
|
document.getElementById('caseTypeSelectTemplateBox').innerHTML = html;
|
|
});
|
|
form.render('select', 'caseTypeSelectTemplateBox');
|
|
|
|
var selectObj = {};
|
|
selectObj['caseType'] = selectValue;
|
|
form.val('dataForm', selectObj);
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
});
|
|
}
|
|
|
|
// 初始化案件评估下拉选择
|
|
function initCaseEstimateSelect(selectValue) {
|
|
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/e1b8a4cf-90be-4597-a45d-cd520f6b37ee', []), {}, null, function(code, data, args) {
|
|
laytpl(document.getElementById('caseEstimateSelectTemplate').innerHTML).render(data, function(html) {
|
|
document.getElementById('caseEstimateSelectTemplateBox').innerHTML = html;
|
|
});
|
|
form.render('select', 'caseEstimateSelectTemplateBox');
|
|
|
|
var selectObj = {};
|
|
selectObj['caseEstimate'] = selectValue;
|
|
form.val('dataForm', selectObj);
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
});
|
|
}
|
|
|
|
// 初始化激烈程度下拉选择
|
|
function initCaseDegreeSelect(selectValue) {
|
|
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/2e935031-a0a1-491d-a929-2dddc73a2bc5', []), {}, null, function(code, data, args) {
|
|
laytpl(document.getElementById('caseDegreeSelectTemplate').innerHTML).render(data, function(html) {
|
|
document.getElementById('caseDegreeSelectTemplateBox').innerHTML = html;
|
|
});
|
|
form.render('select', 'caseDegreeSelectTemplateBox');
|
|
|
|
var selectObj = {};
|
|
selectObj['caseDegree'] = selectValue;
|
|
form.val('dataForm', selectObj);
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
});
|
|
}
|
|
|
|
// 初始化预警等级下拉选择
|
|
function initCaseLevelSelect(selectValue) {
|
|
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/2dd15c18-8876-4daa-b975-429e9e928ccd', []), {}, null, function(code, data, args) {
|
|
laytpl(document.getElementById('caseLevelSelectTemplate').innerHTML).render(data, function(html) {
|
|
document.getElementById('caseLevelSelectTemplateBox').innerHTML = html;
|
|
});
|
|
form.render('select', 'caseLevelSelectTemplateBox');
|
|
|
|
var selectObj = {};
|
|
selectObj['caseLevel'] = selectValue;
|
|
form.val('dataForm', selectObj);
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
});
|
|
}
|
|
|
|
// 初始化纠纷类型下拉选择
|
|
function initDisputeTypeSelect(selectValue) {
|
|
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/9e14d62a-d82c-4926-a769-7a1feec6e75e', []), {}, null, function(code, data, args) {
|
|
laytpl(document.getElementById('disputeTypeSelectTemplate').innerHTML).render(data, function(html) {
|
|
document.getElementById('disputeTypeSelectTemplateBox').innerHTML = html;
|
|
});
|
|
form.render('select', 'disputeTypeSelectTemplateBox');
|
|
|
|
var selectObj = {};
|
|
selectObj['disputeType'] = selectValue;
|
|
form.val('dataForm', selectObj);
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
});
|
|
}
|
|
|
|
// 初始化纠纷等级下拉选择
|
|
function initDisputeLevelSelect(selectValue) {
|
|
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/12a83f99-2d4a-4587-9f36-2b88367bdbbd', []), {}, null, function(code, data, args) {
|
|
laytpl(document.getElementById('disputeLevelSelectTemplate').innerHTML).render(data, function(html) {
|
|
document.getElementById('disputeLevelSelectTemplateBox').innerHTML = html;
|
|
});
|
|
form.render('select', 'disputeLevelSelectTemplateBox');
|
|
|
|
var selectObj = {};
|
|
selectObj['disputeLevel'] = selectValue;
|
|
form.val('dataForm', selectObj);
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
});
|
|
}
|
|
|
|
// 初始化风险类型下拉选择
|
|
function initRiskTypeSelect(selectValue) {
|
|
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/793bbd90-bab5-44a1-b78f-aead61411ef6', []), {}, null, function(code, data, args) {
|
|
laytpl(document.getElementById('riskTypeSelectTemplate').innerHTML).render(data, function(html) {
|
|
document.getElementById('riskTypeSelectTemplateBox').innerHTML = html;
|
|
});
|
|
form.render('select', 'riskTypeSelectTemplateBox');
|
|
|
|
var selectObj = {};
|
|
selectObj['riskType'] = selectValue;
|
|
form.val('dataForm', selectObj);
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
});
|
|
}
|
|
|
|
// 初始化风险等级下拉选择
|
|
function initRiskLevelSelect(selectValue) {
|
|
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/f154f475-4953-4d47-9ecc-f4be8c11e3ba', []), {}, null, function(code, data, args) {
|
|
laytpl(document.getElementById('riskLevelSelectTemplate').innerHTML).render(data, function(html) {
|
|
document.getElementById('riskLevelSelectTemplateBox').innerHTML = html;
|
|
});
|
|
form.render('select', 'riskLevelSelectTemplateBox');
|
|
|
|
var selectObj = {};
|
|
selectObj['riskLevel'] = selectValue;
|
|
form.val('dataForm', selectObj);
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
});
|
|
}
|
|
|
|
// 初始化证件类型下拉选择
|
|
function initPartyIdcardTypeSelect(selectValue) {
|
|
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/76c5044f-805a-4313-b1e8-79e966b97c0d', []), {}, null, function(code, data, args) {
|
|
laytpl(document.getElementById('partyIdcardTypeSelectTemplate').innerHTML).render(data, function(html) {
|
|
document.getElementById('partyIdcardTypeSelectTemplateBox').innerHTML = html;
|
|
});
|
|
form.render('select', 'partyIdcardTypeSelectTemplateBox');
|
|
|
|
var selectObj = {};
|
|
selectObj['partyIdcardType'] = selectValue;
|
|
form.val('dataForm', selectObj);
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
});
|
|
}
|
|
|
|
// 初始化性别下拉选择
|
|
function initPartySexSelect(selectValue) {
|
|
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/4ef46940-76ab-4758-b5f0-0cbc93ffc660', []), {}, null, function(code, data, args) {
|
|
laytpl(document.getElementById('partySexSelectTemplate').innerHTML).render(data, function(html) {
|
|
document.getElementById('partySexSelectTemplateBox').innerHTML = html;
|
|
});
|
|
form.render('select', 'partySexSelectTemplateBox');
|
|
|
|
var selectObj = {};
|
|
selectObj['partySex'] = selectValue;
|
|
form.val('dataForm', selectObj);
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
});
|
|
}
|
|
|
|
// 初始化民族下拉选择
|
|
function initPartyNationSelect(selectValue) {
|
|
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/a981579c-572b-4fd1-8e76-5d17df97f6a4', []), {}, null, function(code, data, args) {
|
|
laytpl(document.getElementById('partyNationSelectTemplate').innerHTML).render(data, function(html) {
|
|
document.getElementById('partyNationSelectTemplateBox').innerHTML = html;
|
|
});
|
|
form.render('select', 'partyNationSelectTemplateBox');
|
|
|
|
var selectObj = {};
|
|
selectObj['partyNation'] = selectValue;
|
|
form.val('dataForm', selectObj);
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
});
|
|
}
|
|
|
|
// 初始化文化程度下拉选择
|
|
function initPartyEducationSelect(selectValue) {
|
|
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/d6b9f026-6ea9-456a-b48b-0c18d502523b', []), {}, null, function(code, data, args) {
|
|
laytpl(document.getElementById('partyEducationSelectTemplate').innerHTML).render(data, function(html) {
|
|
document.getElementById('partyEducationSelectTemplateBox').innerHTML = html;
|
|
});
|
|
form.render('select', 'partyEducationSelectTemplateBox');
|
|
|
|
var selectObj = {};
|
|
selectObj['partyEducation'] = selectValue;
|
|
form.val('dataForm', selectObj);
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
});
|
|
}
|
|
|
|
// 初始化人员类别下拉选择
|
|
function initPartyTypeSelect(selectValue) {
|
|
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/d327f3b1-7c5f-4b4f-94fb-78158096ccc6', []), {}, null, function(code, data, args) {
|
|
laytpl(document.getElementById('partyTypeSelectTemplate').innerHTML).render(data, function(html) {
|
|
document.getElementById('partyTypeSelectTemplateBox').innerHTML = html;
|
|
});
|
|
form.render('select', 'partyTypeSelectTemplateBox');
|
|
|
|
var selectObj = {};
|
|
selectObj['partyType'] = selectValue;
|
|
form.val('dataForm', selectObj);
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
});
|
|
}
|
|
|
|
// 初始化化解方式下拉选择
|
|
function initDefuseWaySelect(selectValue) {
|
|
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/68b0ec93-3981-4c12-bff6-0ae718bd0a9a', []), {}, null, function(code, data, args) {
|
|
laytpl(document.getElementById('defuseWaySelectTemplate').innerHTML).render(data, function(html) {
|
|
document.getElementById('defuseWaySelectTemplateBox').innerHTML = html;
|
|
});
|
|
form.render('select', 'defuseWaySelectTemplateBox');
|
|
|
|
var selectObj = {};
|
|
selectObj['defuseWay'] = selectValue;
|
|
form.val('dataForm', selectObj);
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
});
|
|
}
|
|
|
|
$('.clear-huajiepopulation').on("click", function () {
|
|
$("#defuseResponsiblePopulationInfoId").val("");
|
|
$("#defuseResponsibleIdcard").val("");
|
|
$("#defuseResponsibleName").val("");
|
|
$("#defuseResponsiblePhone").val("");
|
|
});
|
|
|
|
$('.clear-population').on("click", function () {
|
|
$("#partybPopulationInfoId").val("");
|
|
$("#partybIdcard").val("");
|
|
$("#partybName").val("");
|
|
$("#partybPhone").val("");
|
|
});
|
|
|
|
$('.query-population').on("click", function () {
|
|
window.sessionStorage.setItem("tempQueryPopulationInfo", null);
|
|
top.layer.open({
|
|
type: 2,
|
|
title: "查找基础人口信息",
|
|
closeBtn: 1,
|
|
area: ['90%', '90%'],
|
|
shadeClose: true,
|
|
anim: 2,
|
|
content: top.restAjax.path('route/populationinfo/query', []),
|
|
end: function() {
|
|
try{
|
|
var data = window.sessionStorage.getItem("tempQueryPopulationInfo");
|
|
if(data != null && data != undefined && data != 'null') {
|
|
var dataObj = eval("(" + data + ")");
|
|
var dataFormData = {
|
|
"partybPopulationInfoId": dataObj.populationInfoId,
|
|
"partybIdcard": dataObj.idcard,
|
|
"partybName": dataObj.name,
|
|
"partybPhone": dataObj.phone,
|
|
}
|
|
form.val('dataForm', dataFormData);
|
|
form.render();
|
|
}
|
|
}catch(err){
|
|
top.layer.msg('查询失败');
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
$('.query-huajiepopulation').on("click", function () {
|
|
window.sessionStorage.setItem("tempQueryPopulationInfo", null);
|
|
top.layer.open({
|
|
type: 2,
|
|
title: "查找基础人口信息",
|
|
closeBtn: 1,
|
|
area: ['90%', '90%'],
|
|
shadeClose: true,
|
|
anim: 2,
|
|
content: top.restAjax.path('route/populationinfo/query', []),
|
|
end: function() {
|
|
try{
|
|
var data = window.sessionStorage.getItem("tempQueryPopulationInfo");
|
|
if(data != null && data != undefined && data != 'null') {
|
|
var dataObj = eval("(" + data + ")");
|
|
var dataFormData = {
|
|
"defuseResponsiblePopulationInfoId": dataObj.populationInfoId,
|
|
"defuseResponsibleIdcard": dataObj.idcard,
|
|
"defuseResponsibleName": dataObj.name,
|
|
"defuseResponsiblePhone": dataObj.phone,
|
|
}
|
|
form.val('dataForm', dataFormData);
|
|
form.render();
|
|
}
|
|
}catch(err){
|
|
top.layer.msg('查询失败');
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
// 初始化内容
|
|
function initData() {
|
|
var loadLayerIndex;
|
|
top.restAjax.get(top.restAjax.path('api/dispute/get/{disputeId}', [disputeId]), {}, null, function(code, data) {
|
|
var dataFormData = {};
|
|
for(var i in data) {
|
|
dataFormData[i] = data[i] +'';
|
|
}
|
|
form.val('dataForm', dataFormData);
|
|
form.render(null, 'dataForm');
|
|
initCaseImagesUploadFile();
|
|
initCaseScaleSelect(data['caseScale']);
|
|
initCaseTypeSelect(data['caseType']);
|
|
initCaseEstimateSelect(data['caseEstimate']);
|
|
initCaseDegreeSelect(data['caseDegree']);
|
|
initCaseLevelSelect(data['caseLevel']);
|
|
initDisputeTypeSelect(data['disputeType']);
|
|
initDisputeLevelSelect(data['disputeLevel']);
|
|
initRiskTypeSelect(data['riskType']);
|
|
initRiskLevelSelect(data['riskLevel']);
|
|
initPartyIdcardTypeSelect(data['partyIdcardType']);
|
|
initPartySexSelect(data['partySex']);
|
|
initPartyNationSelect(data['partyNation']);
|
|
initPartyEducationSelect(data['partyEducation']);
|
|
initPartyTypeSelect(data['partyType']);
|
|
initDefuseWaySelect(data['defuseWay']);
|
|
initCaseTimeDate(data['caseTimeDate']);
|
|
initMediateLastTimeDate(data['mediateLastTimeDate']);
|
|
initDefuseTimeDate(data['defuseTimeDate']);
|
|
initEvaluationTimeDate(data['evaluationTimeDate']);
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
}, function() {
|
|
loadLayerIndex = top.dialog.msg(top.dataMessage.loading, {icon: 16, time: 0, shade: 0.3});
|
|
}, function() {
|
|
top.dialog.close(loadLayerIndex);
|
|
});
|
|
}
|
|
initData();
|
|
|
|
// 提交表单
|
|
form.on('submit(submitForm)', function(formData) {
|
|
top.dialog.confirm(top.dataMessage.commit, function(index) {
|
|
top.dialog.close(index);
|
|
var loadLayerIndex;
|
|
top.restAjax.put(top.restAjax.path('api/dispute/update/{disputeId}', [disputeId]), formData.field, null, function(code, data) {
|
|
var layerIndex = top.dialog.msg(top.dataMessage.updateSuccess, {
|
|
time: 0,
|
|
btn: [top.dataMessage.button.yes, top.dataMessage.button.no],
|
|
shade: 0.3,
|
|
yes: function(index) {
|
|
top.dialog.close(index);
|
|
window.location.reload();
|
|
},
|
|
btn2: function() {
|
|
closeBox();
|
|
}
|
|
});
|
|
}, function(code, data) {
|
|
top.dialog.msg(data.msg);
|
|
}, function() {
|
|
loadLayerIndex = top.dialog.msg(top.dataMessage.committing, {icon: 16, time: 0, shade: 0.3});
|
|
}, function() {
|
|
top.dialog.close(loadLayerIndex);
|
|
});
|
|
});
|
|
return false;
|
|
});
|
|
|
|
$('.close').on('click', function() {
|
|
closeBox();
|
|
});
|
|
|
|
// 校验
|
|
form.verify({
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |