btxtgxq-system-city/src/main/resources/static/route/reportcase/case_assign.html

245 lines
10 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">
<select id="handleUserType" name="handleUserType" lay-filter="changeHandleUser" lay-verify="required">
<option value="0">请选择分类</option>
<option value="1">二级网格长</option>
<option value="2">三级网格长</option>
<option value="3">四级网格长</option>
<option value="4">五级网格长</option>
<option value="5">N员</option>
</select>
</div>
</div>
</div>
<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 type="text" class="layui-input" id="handleUserName" name="handleUserName" placeholder="请选择处理人"
style="cursor: pointer;" readonly="readonly" lay-verify="required">
</div>
</div>
</div>
<div class="layui-col-md12 layui-col-sm12">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">处理时间(单位0.5天)</label>
<div class="layui-input-block">
<input type="number" step="0.5" maxlength="11" class="layui-input" id="handleTime" name="handleTime"
style="cursor: pointer;" value="0.5" lay-verify="required">
</div>
</div>
</div>
<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">
<textarea id="assignOpinion" name="assignOpinion" class="layui-textarea" maxlength="255" autocomplete="off" placeholder="请填写下派意见"></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 communityId = '';
var handleUserId = '';
var handleUserName = '';
function initData() {
var loadLayerIndex;
top.restAjax.get(top.restAjax.path('api/reportcase/getreportcase/{reportCaseId}', [reportCaseId]), {}, null, function(code, data) {
communityId = data.communityId;
}, 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 (communityBossLevel) {
console.log(communityId);
console.log(communityBossLevel);
top.dialog.tree({
title: '选择网格长',
apiUri: top.restAjax.path('api/communityboss/listcommunitybossbycommunity/{communityId}', [communityId]),
width: '200px',
height: '400px',
otherParams: {
communityBossLevel: communityBossLevel
},
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: handleUserId,
name: handleUserName,
title: handleUserName
}
],
onClose: function() {
var selectNodes = top.dialog.dialogTreeData.selectedNodes;
if(typeof(selectNodes) != 'undefined' && selectNodes != null) {
if(selectNodes.length > 0) {
var selectedNode = selectNodes[0];
handleUserId = selectNodes[0].id;
handleUserName = selectNodes[0].name;
} else {
handleUserId = '';
handleUserName = '';
}
$('#handleUserName').val(handleUserName);
}
}
});
}
// 选择N员
function selectNPerson() {
var index = layer.open({
type: 2,
icon: 1,
title: '选择N员',
shadeClose: false,
maxmin: false,
closeBtn: 0,
shade: 0.3,
area: ['400px', '400px'],
content: 'route/reportcase/select-N-person.html?single=true&selectedUserIds=' + handleUserId,
end: function () {
var selectedUsers = top.dialog.dialogData.selectedDepartmentUsers;
if(selectedUsers != null && selectedUsers.length > 0) {
handleUserId = selectedUsers[0].userId;
handleUserName = selectedUsers[0].userName;
} else {
handleUserId = '';
handleUserName = '';
}
$('#handleUserName').val(handleUserName);
layer.close(index);
}
});
}
function closeBox() {
parent.layer.close(parent.layer.getFrameIndex(window.name));
}
$('.close').on('click', function() {
closeBox();
});
form.on('select(changeHandleUser)',function(data){
if(data.value == '0'){
return;
}
if(data.value == '1'){
selectBoss(data.value);
}
if(data.value == '2'){
selectBoss(data.value);
}
if(data.value == '3'){
selectBoss(data.value);
}
if(data.value == '4'){
selectBoss(data.value);
}
if(data.value == '5'){
selectNPerson();
}
});
$(document).on('click','#handleUserName',function(){
var handleUserType = $('#handleUserType').val();
if(handleUserType == '0'){
layer.tips('请先选择人员分类','#handleUserType',{tips:[4,'#ff576b']});
return;
}
if(handleUserType == '1'){
selectBoss(handleUserType);
}
if(handleUserType == '2'){
selectBoss(handleUserType);
}
if(handleUserType == '3'){
selectNPerson();
}
});
form.on('submit(submitForm)', function(formData) {
//封装数据
var formObject = {};
formObject['handleUserType'] = formData.field['handleUserType'];
formObject['handleUserId'] = handleUserId;
formObject['handleUserName'] = handleUserName;
formObject['handleTime'] = formData.field['handleTime'];
formObject['assignOpinion'] = formData.field['assignOpinion'];
var loadLayerIndex;
top.restAjax.post(top.restAjax.path('api/reportcase/savereportcaseassign/{caseId}', [reportCaseId]), formObject, null, function(code, data) {
// success
top.dialog.msg('操作成功', {time: 500}, 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>