btxtgxq-system-city/src/main/resources/static/route/reportcase/case_accept.html
2021-07-13 11:33:30 +08:00

216 lines
9.6 KiB
HTML
Executable File

<!doctype html>
<html lang="en">
<head>
<base href="/servicecity/">
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=11,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1.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">
</head>
<body>
<div class="layui-anim layui-anim-fadein" style="padding: 5px;">
<form class="layui-form layui-form-pane" lay-filter="dataForm">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-row">
<div class="layui-col-md12 layui-col-sm12">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">案件所属区域</label>
<div class="layui-input-block">
<input id="communityName" name="communityName" autocomplete="off" placeholder="请输入内容" class="layui-input" readonly="readonly">
</div>
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md12 layui-col-sm12">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">案件类型</label>
<div class="layui-input-block">
<input id="caseTypeName" name="caseTypeName" autocomplete="off" placeholder="请输入内容" class="layui-input" readonly="readonly">
</div>
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md12 layui-col-sm12">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label"><span style="color: red;">*</span>责任网格长</label>
<div class="layui-input-block">
<input id="communityBossName" name="communityBossName" autocomplete="off" placeholder="点选责任网格长"
style="cursor:pointer" class="layui-input" readonly="readonly" lay-verify="required">
</div>
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md12 layui-col-sm12">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label"><span style="color: red;">*</span>是否受理案件</label>
<div class="layui-input-block">
<select id="acceptStatus" name="acceptStatus" lay-verify="required">
<option value="1">同意受理</option>
<option value="0">拒绝受理</option>
</select>
</div>
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md12 layui-col-sm12">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label"><span style="color: red;">*</span>受理意见</label>
<div class="layui-input-block">
<textarea id="acceptOpinion" name="acceptOpinion" autocomplete="off" maxlength="255"
placeholder="请输入受理意见" class="layui-textarea" lay-verify="required"></textarea>
</div>
</div>
</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>
</div>
</form>
</div>
<script src="assets/layuiadmin/layui/layui.js"></script>
<script type="text/javascript">
layui.config({
base: 'assets/layuiadmin/'
}).extend({
index: 'lib/index'
}).use(['index', 'form'], function() {
var $ = layui.$;
var form = layui.form;
var reportCaseId = top.restAjax.params(window.location.href).reportCaseId;
var caseTypeName = '';
var communityId = '';
var communityName = '';
var communityBossId = '';
var communityBossName = '';
function initData(){
var loadLayerIndex;
top.restAjax.get(top.restAjax.path('api/reportcase/getreportcase/{reportCaseId}', [reportCaseId]), {}, null, function(code, data) {
console.log(data);
var dataFormData = {};
for(var i in data) {
dataFormData[i] = data[i];
}
caseTypeName = dataFormData['caseTypeName'];
communityId = dataFormData['communityId'];
communityName = dataFormData['communityName'];
form.val('dataForm', dataFormData);
$('#communityName').val(data.areaName + '-' + data.communityName);
form.render(null, 'dataForm');
}, 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();
// 选择网格长
function selectBoss () {
top.dialog.tree({
title: '选择网格长',
apiUri: top.restAjax.path('api/communityboss/listcommunitybossbycommunity/{communityId}', [communityId]),
width: '200px',
height: '400px',
otherParams: {
communityBossLevel: '2'
},
dataFilter: function(treeId, parentNode, childNodes) {
for(var i = 0, item = childNodes[i]; item = childNodes[i++];) {
item.id = item.communityBossId;
item.name = item.communityBossName;
}
return childNodes;
},
selectedNodes: [
{
id: communityBossId,
name: communityBossName,
title: communityBossName
}
],
onClose: function() {
var selectNodes = top.dialog.dialogTreeData.selectedNodes;
if(typeof(selectNodes) != 'undefined' && selectNodes != null) {
if(selectNodes.length > 0) {
var selectedNode = selectNodes[0];
communityBossId = selectNodes[0].id;
communityBossName = selectNodes[0].name;
} else {
communityBossId = '';
communityBossName = '';
}
$('#communityBossName').val(communityBossName);
}
}
});
}
$(document).on('click','#communityBossName',function(){
selectBoss();
});
function closeBox() {
parent.layer.close(parent.layer.getFrameIndex(window.name));
}
$('.close').on('click', function() {
closeBox();
});
form.on('submit(submitForm)', function(formData) {
//封装数据
var formObject = {};
formObject['acceptStatus'] = formData.field['acceptStatus'];
formObject['communityBossId'] = communityBossId;
formObject['communityBossName'] = communityBossName;
formObject['acceptOpinion'] = formData.field['acceptOpinion'];
var loadLayerIndex;
top.restAjax.post(top.restAjax.path('api/reportcase/savereportcaseaccept/{caseId}', [reportCaseId]), formObject, null, function(code, data) {
var layerIndex = top.dialog.msg(top.dataMessage.commitSuccess, {
time: 0,
btn: [top.dataMessage.button.yes, top.dataMessage.button.no],
shade: 0.3,
yes: function() {
top.dialog.close(layerIndex);
top.dialog.msg('受理完成');
closeBox();
},
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);
});
})
});
</script>
</body>
</html>