处理案件无法转派问题

This commit is contained in:
TS-QD1 2023-08-08 16:53:14 +08:00
parent c5120365af
commit e3ac44cc6b
15 changed files with 2397 additions and 67 deletions

View File

@ -46,6 +46,13 @@ public class LeaveController extends AbstractController {
return leaveService.listPageLeaveDetail(page); return leaveService.listPageLeaveDetail(page);
} }
@GetMapping("list-page-leave-detail1")
public SuccessResultList<List<LeaveDTO>> listPageLeaveDetail1(ListPage page) throws SearchException {
Map<String, Object> params = requestParams();
page.setParams(params);
return leaveService.listPageLeaveDetail1(page);
}
@GetMapping("list-page-leave-detail2") @GetMapping("list-page-leave-detail2")
public SuccessResultList<List<LeaveDTO>> listPageLeaveDetail2(ListPage page) throws SearchException { public SuccessResultList<List<LeaveDTO>> listPageLeaveDetail2(ListPage page) throws SearchException {
Map<String, Object> params = requestParams(); Map<String, Object> params = requestParams();

View File

@ -379,4 +379,7 @@ public interface IReportCaseDao {
List<ReportCaseHandleDTO> listReportCaseHandleDTO(Map<String, Object> params); List<ReportCaseHandleDTO> listReportCaseHandleDTO(Map<String, Object> params);
List<HandleDepartmentDTO> listDept(Map<String, Object> params); List<HandleDepartmentDTO> listDept(Map<String, Object> params);
Integer countReportCaseAssign(Map<String, Object> reportCaseAssignMap);
} }

View File

@ -188,6 +188,9 @@ public interface ILeaveService {
*/ */
SuccessResultList<List<LeaveDTO>> listPageLeaveDetail(ListPage page) throws SearchException; SuccessResultList<List<LeaveDTO>> listPageLeaveDetail(ListPage page) throws SearchException;
SuccessResultList<List<LeaveDTO>> listPageLeaveDetail1(ListPage page);
/** /**
* 2级分页请假详情列表 * 2级分页请假详情列表
* *
@ -224,5 +227,4 @@ public interface ILeaveService {
Integer countUserLeave(Map<String, Object> params) throws SearchException; Integer countUserLeave(Map<String, Object> params) throws SearchException;
} }

View File

@ -307,6 +307,14 @@ public class LeaveServiceImpl extends BaseService implements ILeaveService {
return new SuccessResultList<>(list, pageInfo.getPageNum(), pageInfo.getTotal()); return new SuccessResultList<>(list, pageInfo.getPageNum(), pageInfo.getTotal());
} }
@Override
public SuccessResultList<List<LeaveDTO>> listPageLeaveDetail1(ListPage page) {
PageHelper.startPage(page.getPage(), page.getRows());
List<LeaveDTO> list = leaveDao.listLeave(page.getParams());
PageInfo<LeaveDTO> pageInfo = new PageInfo<>(list);
return new SuccessResultList<>(list, pageInfo.getPageNum(), pageInfo.getTotal());
}
@Override @Override
public SuccessResultList<List<LeaveDTO>> listPageLeaveDetail2(ListPage page) { public SuccessResultList<List<LeaveDTO>> listPageLeaveDetail2(ListPage page) {
// 1级审批通过的请假列表 // 1级审批通过的请假列表

View File

@ -592,6 +592,7 @@ public class ReportCaseAutoAppServiceImpl extends BaseService implements IReport
/** /**
* 添加案件上报日志 * 添加案件上报日志
*
* @param token * @param token
* @param caseLogParams * @param caseLogParams
* @throws SaveException * @throws SaveException
@ -618,6 +619,7 @@ public class ReportCaseAutoAppServiceImpl extends BaseService implements IReport
/** /**
* 自动流转日志 * 自动流转日志
*
* @param token * @param token
* @param caseLogParams * @param caseLogParams
* @throws SaveException * @throws SaveException

View File

@ -593,9 +593,17 @@ public class ReportCaseServiceImpl extends BaseService implements IReportCaseSer
* 案件下派页面已将userId调整 * 案件下派页面已将userId调整
* handleUserId 业务调整为多人 ','号分割 * handleUserId 业务调整为多人 ','号分割
*/ */
Map<String, Object> reportCaseAssignMap = new HashMap<>();
reportCaseAssignMap.put("caseId", params.get("caseId").toString());
Integer count = reportCaseDao.countReportCaseAssign(reportCaseAssignMap);
count = count == null ? 0 : count;
if (count == 0) {
setSaveInfo(params); setSaveInfo(params);
reportCaseDao.saveReportCaseAssign(params); reportCaseDao.saveReportCaseAssign(params);
} else {
setUpdateInfo(params);
reportCaseDao.updateReportCaseAssign(params);
}
// 添加案件转派日志 // 添加案件转派日志
Map<String, Object> caseLogParams = new HashMap<>(); Map<String, Object> caseLogParams = new HashMap<>();
caseLogParams.put("caseId", params.get("caseId")); caseLogParams.put("caseId", params.get("caseId"));

View File

@ -40,12 +40,6 @@ public class SystemTask {
@Autowired @Autowired
private IAssessmentService assessmentService; private IAssessmentService assessmentService;
@Scheduled(cron = "0 0 5 * * ?")
public void ddyDayWorkTask() {
// 统计过去24小时内没有转派的案件
}
/** /**
* 每天0点定时任务 * 每天0点定时任务
*/ */

View File

@ -709,6 +709,9 @@
UPDATE UPDATE
city_report_case_assign city_report_case_assign
SET SET
<if test="handleUserType != null">
handle_user_type = #{handleUserType},
</if>
<if test="handleUserId != null and handleUserId != ''"> <if test="handleUserId != null and handleUserId != ''">
handle_user_id = #{handleUserId}, handle_user_id = #{handleUserId},
</if> </if>
@ -730,6 +733,17 @@
case_id = #{caseId} case_id = #{caseId}
</update> </update>
<select id="countReportCaseAssign" parameterType="map" resultType="java.lang.Integer">
SELECT
COUNT(*)
FROM
city_report_case_assign
WHERE
is_delete = 0
AND
case_id = #{caseId}
</select>
<!-- 案件待受理列表 --> <!-- 案件待受理列表 -->
<select id="listPageReportCaseRegister" parameterType="map" resultMap="reportCaseRegisterDTO"> <select id="listPageReportCaseRegister" parameterType="map" resultMap="reportCaseRegisterDTO">
@ -2180,4 +2194,6 @@
department_parent_id = #{departmentParentId} department_parent_id = #{departmentParentId}
</if> </if>
</select> </select>
</mapper> </mapper>

View File

@ -0,0 +1,263 @@
<!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-fluid layui-anim layui-anim-fadein">
<div class="layui-row">
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-body">
<div class="test-table-reload-btn layui-form" style="margin-bottom: 5px;">
<div class="layui-inline">
<input type="text" id="keywords" class="layui-input search-item" placeholder="姓名" style="height: 38px;width: 150px;" autocomplete="off">
</div>
<div class="layui-inline">
<input type="text" id="showDay" class="layui-input search-item"
readonly="readonly" placeholder="开始时间" style="height: 38px;width:150px;cursor: pointer" autocomplete="off">
</div>
<button type="button" id="search" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 搜索
</button>
<button type="button" id="exportTable" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-share"></i> 导出Excel
</button>
<button type="button" id="updateDataBtn" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-refresh"></i> 数据有出入?更新数据
</button>
</div>
<table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
</div>
</div>
</div>
</div>
</div>
<script src="assets/layuiadmin/layui/layui.js"></script>
<script type="text/javascript">
layui.config({
base: 'assets/layuiadmin/'
}).extend({
index: 'lib/index'
}).use(['index', 'table', 'laytpl', 'form','laydate'], function() {
var $ = layui.$;
var $win = $(window);
var laytpl = layui.laytpl;
var table = layui.table;
var admin = layui.admin;
var form = layui.form;
var laydate = layui.laydate;
var tableUrl = 'api/assessment/listpageusersignindaystatus';
var dataLoading = false;
function initData(){
$('#areaSelectTemplateBox').show();
$('#deptSelectTemplateBox').hide();
setTimeout(function(){
initTable();
},500);
}
initData();
$(document).on('click', '#search', function() {
if(dataLoading){
layer.msg('数据加载中,请稍等...');
return;
}
reloadTable();
});
$(document).on('click', '#exportTable', function() {
top.dialog.confirm('确定导出数据?', function(index) {
top.dialog.close(index);
window.open(getParamsUrl(top.restAjax.path('api/assessment/listusersignindaystatustoexcel', [])), '_blank');
});
});
// 初始化表格
function initTable() {
dataLoading = true;
var whereParam = {
keywords : $('#keywords').val(),
showDay : $('#showDay').val(),
userType : 1,
departmentId : '1d74dfc8-f3a3-4517-87fe-7acf7891bab4'
};
table.render({
elem: '#dataTable',
id: 'dataTable',
url: top.restAjax.path(tableUrl, []),
where : whereParam,
width: admin.screen() > 1 ? '100%' : '',
height: $win.height() - 95,
limit: 20,
limits: [20, 40, 60, 80, 100, 200],
request: {
pageName: 'page',
limitName: 'rows'
},
cols: [[
{field:'rowNum', width:60, title: '序号', fixed: 'left', align:'center', templet: '<span>{{d.LAY_INDEX}}</span>'},
{field: 'userName', width: 200, title: '人员名称', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData;
}
},
{width: 250, title: '部门/社区', align:'left',
templet: function(row) {
if(row['departmentNames'] != ''){
return row['departmentNames'];
}
if(row['communityNames'] != ''){
return row['areaName'] + '(' + row['communityNames'] + ')'
}
return '';
}
},
{width: 120, title: '签到情况(次)', align:'center',
templet: function(row) {
return row.signinCount + row.signoutCount;
}
},
{field: 'leaveTimeSum', width: 100, title: '请假天数', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData === '') {
return '-';
}
return rowData;
}
},
{field: 'isAbsenteeism', width: 100, title: '是否旷工', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(rowData == '1'){
return '<span style="color: red"></span>'
}
if(rowData == '0'){
return '否'
}
return '-'
}
},
{field: 'outOfContactOneHourCount', width: 180, title: '失联超1小时情况(次)', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData === '') {
return '-';
}
return rowData;
}
},
{field: 'contactHour', width: 130, title: '工作时长(小时)', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData === '') {
return '-';
}
return rowData;
}
},
{field: 'workDistance', width: 120, title: '工作里程(KM)', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData === '') {
return '-';
}
return rowData;
}
},
{field: 'deductionPercent', width: 150, title: '绩效扣除比例(%)', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData === '') {
return '-';
}
return rowData;
}
},
]],
page: true,
parseData: function(data) {
return {
'code': 0,
'msg': '',
'count': data.total,
'data': data.rows
};
},
done: function(){
dataLoading = false;
}
});
}
// 重载表格
function reloadTable(currentPage) {
dataLoading = true;
var whereParam = {
keywords : $('#keywords').val(),
showDay : $('#showDay').val(),
userType : 1,
departmentId : '1d74dfc8-f3a3-4517-87fe-7acf7891bab4'
};
table.reload('dataTable', {
url: top.restAjax.path(tableUrl, []),
where : whereParam,
page: {
curr: currentPage
},
height: $win.height() - 140,
done:function(res){
dataLoading = false;
}
});
}
// 初始化时间
function initDateTime(){
laydate.render({
format : 'yyyy-MM-dd',
elem: '#showDay'
,value: new Date()
});
}
initDateTime();
$(document).on('click', '#updateDataBtn', function() {
if($('#showDay').val() == ''){
return;
}
top.dialog.confirm('确定更新吗?', function(index) {
top.dialog.close(index);
var loadLayerIndex;
top.restAjax.put('api/assessment/updateassessment?startDay='+ $('#showDay').val() +'&endDay='+ $('#showDay').val(), {}, null, function(code, data) {
top.dialog.msg('更新成功');
reloadTable();
}, function(code, data) {
top.dialog.msg(data.msg);
}, function() {
loadLayerIndex = layer.load(2,{shade:0.3});
}, function() {
layer.close(loadLayerIndex)
});
});
});
});
</script>
</body>
</html>

View File

@ -0,0 +1,258 @@
<!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-fluid layui-anim layui-anim-fadein">
<div class="layui-row">
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-body">
<div class="test-table-reload-btn layui-form" style="margin-bottom: 5px;">
<div class="layui-inline">
<input type="text" id="startTime" class="layui-input search-item"
readonly="readonly" placeholder="开始时间" style="height: 38px;width:150px;cursor: pointer" autocomplete="off">
</div>
<div class="layui-inline">
<input type="text" id="endTime" class="layui-input search-item"
readonly="readonly" placeholder="结束时间" style="height: 38px;width:150px;cursor: pointer" autocomplete="off">
</div>
<button type="button" id="search" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 搜索
</button>
<!--<button type="button" id="exportTable" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-share"></i> 导出Excel
</button>-->
</div>
<table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
</div>
</div>
</div>
</div>
</div>
<script src="assets/layuiadmin/layui/layui.js"></script>
<script type="text/javascript">
layui.config({
base: 'assets/layuiadmin/'
}).extend({
index: 'lib/index'
}).use(['index', 'table', 'laytpl', 'form','laydate'], function() {
var $ = layui.$;
var $win = $(window);
var laytpl = layui.laytpl;
var table = layui.table;
var admin = layui.admin;
var form = layui.form;
var laydate = layui.laydate;
var tableUrl = 'api/assessment/list-user-sign-history';
var dataLoading = false;
// 默认为0 1专管员2网格员
var userType = '1';
function init(){
laydate.render({
elem: '#startTime'
,value: getMonthStartDay(new Date())
});
laydate.render({
elem: '#endTime'
,value: new Date()
});
$('#communitySelectTemplateBox').hide();
initTable();
}
init();
form.on('select(changeArea)',function(data){
if(data.value == ''){
userType = '0';
$('#communityId').val('');
$('#communitySelectTemplateBox').hide();
$('#deptSelectTemplateBox').show();
} else {
userType = '2';
$('#departmentId').val('');
$('#deptSelectTemplateBox').hide();
}
});
// 初始化表格
function initTable() {
dataLoading = true;
table.render({
elem: '#dataTable',
id: 'dataTable',
url: top.restAjax.path(tableUrl, []),
width: admin.screen() > 1 ? '100%' : '',
height: $win.height() - 95,
toolbar: true,
defaultToolbar: ['exports'],
where:{
userType : userType,
departmentId : '1d74dfc8-f3a3-4517-87fe-7acf7891bab4'
},
cols: [[
{field:'rowNum', width:60, title: '序号', fixed: 'left', align:'center', templet: '<span>{{d.LAY_INDEX}}</span>'},
{field: 'userName', width: 250, title: '姓名', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData + ' [' + row['userAccount'] + ']';
}
},
{field: 'location', width: 200, title: '街道社区/职能部门', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData;
}
},
{field: 'signInCount', width: 120, title: '签到次数', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData === '') {
return '-';
}
return rowData;
}
},
{field: 'signOutCount', width: 120, title: '签退次数', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData === '') {
return '-';
}
return rowData;
}
},
{field: 'leaveCount', width: 100, title: '请假次数', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData === '') {
return '-';
}
return rowData;
}
},/*
{field: 'absenteeismCount', width: 100, title: '旷工次数', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData === '') {
return '-';
}
return rowData;
}
},*/
{field: 'outOfContactOneHourCount', width: 180, title: '失联超1小时情况(次)', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData === '') {
return '-';
}
return rowData;
}
},
{field: 'contactHour', width: 130, title: '工作时长(小时)', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData === '') {
return '-';
}
return rowData;
}
},
{field: 'workDistance', width: 120, title: '工作里程(KM)', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData === '') {
return '-';
}
return rowData;
}
},
{field: 'deductionPercent', width: 150, title: '绩效扣除比例(%)', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData === '') {
return '-';
}
return rowData;
}
},
]],
page: false,
parseData: function(data) {
return {
'code': 0,
'msg': '',
'count': data.total,
'data': data.rows
};
},
done: function(){
dataLoading = false;
}
});
}
// 重载表格
function reloadTable(currentPage) {
dataLoading = true;
table.reload('dataTable', {
url: top.restAjax.path(tableUrl, []),
where:{
userType : userType,
departmentId : '1d74dfc8-f3a3-4517-87fe-7acf7891bab4',
startTime : $('#startTime').val(),
endTime : $('#endTime').val()
},
page: {
curr: currentPage
},
height: $win.height() - 140,
done:function(res){
dataLoading = false;
}
});
}
// 获取本月第一天日期
function getMonthStartDay(date) {
var year = date.getFullYear();
var month = date.getMonth() + 1;
month = month >= 10 ? month : ('0'+ month);
return year +'-'+ month +'-01';
}
$(document).on('click', '#search', function() {
if(dataLoading){
layer.msg('数据加载中,请稍等...');
return;
}
reloadTable(1);
});
$(document).on('click', '#exportTable', function() {
/*top.dialog.confirm('确定导出数据?', function(index) {
top.dialog.close(index);
window.open(getParamsUrl(top.restAjax.path('api/assessment/listusersigninhistorystatustoexcel', [])), '_blank');
});*/
});
});
</script>
</body>
</html>

View File

@ -407,8 +407,7 @@
area: ['70%', '80%'], area: ['70%', '80%'],
shadeClose: true, shadeClose: true,
anim: 2, anim: 2,
content: restAjax.path('route/bigdata/show.html?reportCaseId={id}', content: restAjax.path('route/bigdata/show.html?reportCaseId={id}', [obj.data.reportCaseId]),
[obj.data.reportCaseId]),
end: function() { end: function() {
} }
}); });
@ -421,8 +420,7 @@
area: ['70%', '80%'], area: ['70%', '80%'],
shadeClose: true, shadeClose: true,
anim: 2, anim: 2,
content: top.restAjax.path('route/bigdata/list_case_log.html?reportCaseId={id}', content: restAjax.path('route/bigdata/list_case_log.html?reportCaseId={id}', [obj.data.reportCaseId]),
[obj.data.reportCaseId]),
end: function() { end: function() {
} }
}); });

View File

@ -0,0 +1,374 @@
<!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">
<style>
.un-pass-class .layui-layer-btn .layui-layer-btn0{
background-color: #FF5722;
color: #ffffff;
border: 1px solid #dedede;
}
</style>
</head>
<body>
<div class="layui-fluid layui-anim layui-anim-fadein">
<div class="layui-row">
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-body">
<div class="test-table-reload-btn layui-form" style="margin-bottom: 5px;">
<div class="layui-inline">
<input type="text" id="keywords" class="layui-input search-item" placeholder="请假人姓名|手机号" style="height: 38px;width: 150px;" autocomplete="off">
</div>
<div class="layui-inline" style="width: 150px;">
<select id="approverState" name="approverState">
<option value="">审批状态</option>
<option value="0">待审批</option>
<option value="1">同意</option>
<option value="2">不同意</option>
</select>
</div>
<div class="layui-inline">
<input type="text" id="startTime" class="layui-input search-item"
readonly="readonly" placeholder="开始时间" style="height: 38px;width: 120px;cursor: pointer" autocomplete="off">
</div>
<div class="layui-inline">
<input type="text" id="endTime" class="layui-input search-item"
readonly="readonly" placeholder="截止时间" style="height: 38px;width: 120px;cursor: pointer" autocomplete="off">
</div>
<button type="button" id="search" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 搜索
</button>
</div>
<table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
</div>
</div>
</div>
</div>
</div>
<script id="pass-div-box" type="text/html">
<div class="layui-fluid layui-anim layui-anim-fadein">
<div class="layui-row">
<div class="layui-col-md12 layui-col-sm12">
<div class="layui-form">
<div class="">
<textarea id="leaveRefuseSummary" name="leaveRefuseSummary" autocomplete="off" maxlength="255"
placeholder="请填写审批意见" class="layui-textarea"></textarea>
</div>
</div>
</div>
</div>
</div>
</script>
<script src="assets/layuiadmin/layui/layui.js"></script>
<script type="text/javascript">
layui.config({
base: 'assets/layuiadmin/'
}).extend({
index: 'lib/index'
}).use(['index', 'table', 'laytpl', 'form','laydate'], function() {
var $ = layui.$;
var $win = $(window);
var laytpl = layui.laytpl;
var table = layui.table;
var admin = layui.admin;
var form = layui.form;
var laydate = layui.laydate;
var tableUrl = 'api/leave/list-page-leave-detail1';
var dataLoading = false;
function init() {
laydate.render({
elem: '#startTime'
});
laydate.render({
elem: '#endTime'
});
initTable();
}
init();
function initTable() {
dataLoading = true;
table.render({
elem: '#dataTable',
id: 'dataTable',
url: top.restAjax.path(tableUrl, []),
width: admin.screen() > 1 ? '100%' : '',
height: $win.height() - 100,
limit: 20,
limits: [20, 40, 60, 80, 100, 200],
request: {
pageName: 'page',
limitName: 'rows'
},
cols: [[
{field:'rowNum', width:60, title: '序号', fixed: 'left', align:'center', templet: '<span>{{d.LAY_INDEX}}</span>'},
{field: 'userAvatar', width: 60, title: '头像', align:'center',fixed: 'left',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '<img style="width: 30px;height: 30px;" src="assets/images/profile-photo.jpg"/>';
} else {
return '<img style="width: 30px;height: 30px;" src="route/file/downloadfile/false/'+ rowData +'"/>';
}
}
},
{field: 'leaveUserName', width: 200, title: '请假人', align:'center',fixed: 'left',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData + '【' + row['userPhone'] + '】';
}
},
{field: 'isSelf', width: 100, title: '公私假', align:'center',fixed: 'left',
templet: function(row) {
var rowData = row[this.field];
if(rowData === 0) {
return '公假';
}
if(rowData === 1) {
return '私假';
}
return '错误'
}
},
{field: 'leaveTypeName', width: 100, title: '请假缘由', align:'center',fixed: 'left',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData;
}
},
{field: 'leaveTime', width: 180, title: '请假时间', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData;
}
},
{field: 'leaveTimeEnd', width: 180, title: '结束时间', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData;
}
},
{field: 'leaveTimeLong', width: 100, title: '请假时长', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData + '天';
}
},
{field: 'leaveSummary', width: 200, title: '详细请假原因', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return '<span style="color: #1E9FFF">' + rowData + '</span>';
}
},
{field: 'outgoingLocation', width: 200, title: '外出地点', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return `<a href="javascript:void(0);" lay-event="showOutgoingEvent">${rowData}</a>`;
}
},
{field: 'leaveImg', width: 100, title: '请假条', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return '<button type="button" class="layui-btn layui-btn-xs layui-btn-normal" lay-event="leaveImgEvent">查看</button>';
}
},
{field: 'leaveState', width: 100, title: '当前状态', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(rowData == '0'){
return '<span style="color: #aa7700">待审批</span>'
}
if(rowData == '1'){
return '<span style="color: #00a0e9">同意</span>'
}
if(rowData == '2'){
return '<span style="color: red">不同意</span>'
}
return '-';
}
},
{field: 'leaveRefuseSummary', width: 120, title: '审批意见', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData;
}
},
{field: 'approverName', width: 100, title: '1级审批人', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData;
}
},
{field: 'approverState', width: 120, title: '1级审批状态', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(rowData == '0'){
return '<span style="color: #aa7700">待审批</span>'
}
if(rowData == '1') {
return '<span style="color: #00a0e9">同意</span>'
}
if(rowData == '2') {
return '<span style="color: red">不同意</span>'
}
return '-';
}
},
{field: 'approverRefuseSummary', width: 120, title: '1级审批意见', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData;
}
},
{field: 'approver2State', width: 120, title: '2级审批状态', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(rowData == '0'){
return '<span style="color: #aa7700">待审批</span>'
}
if(rowData == '1') {
return '<span style="color: #00a0e9">同意</span>'
}
if(rowData == '2') {
return '<span style="color: red">不同意</span>'
}
return '-';
}
},
{field: 'approver2RefuseSummary', width: 120, title: '2级审批意见', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData;
}
},
{field: 'approver2Name', width: 120, title: '2级审批人', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData;
}
}
]],
page: true,
parseData: function(data) {
return {
'code': 0,
'msg': '',
'count': data.total,
'data': data.rows
};
},
done: function(){
dataLoading = false;
}
});
}
// 重载表格
function reloadTable(currentPage) {
dataLoading = true;
table.reload('dataTable', {
url: top.restAjax.path(tableUrl, []),
where :{
keywords : $('#keywords').val(),
approverState : $('#approverState').val(),
startTime : $('#startTime').val(),
endTime : $('#endTime').val()
},
page: {
curr: currentPage
},
height: $win.height() - 100,
done:function(){
dataLoading = false;
}
});
}
table.on('tool(dataTable)', function(obj) {
if(obj.event === 'leaveImgEvent') {
let data = obj.data;
let fileIds = data.leaveImg.split(',');
let files = [];
$.each(fileIds, function(index, item) {
files.push({
alt: index,
pid: item,
src: `route/file/downloadfile/true/${item}`,
thumb: `route/file/downloadfile/true/${item}`
})
})
layer.photos({
photos: {
title: `${data.leaveUserName}的请假条`,
id: data.leaveId,
start: 0,
data: files
},
anim: 5 //0-6的选择指定弹出图片动画类型默认随机
});
}
if(obj.event === 'showOutgoingEvent') {
let data = obj.data;
console.log(data);
}
});
$(document).on('click', '#search', function() {
if(dataLoading){
layer.msg('数据加载中,请稍等...');
return;
}
reloadTable(1);
});
});
</script>
</body>
</html>

View File

@ -0,0 +1,477 @@
<!doctype html>
<html lang="zh-CN">
<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" type="text/css" href="assets/js/vendor/swiper3/css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="assets/js/vendor/viewer/viewer.min.css">
<!-- 图片 -->
<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">
<style>
.layui-table-cell{
height: auto;
}
.layui-table-body td{
height: 210px;
}
.layui-table img{
max-width: 100%;
}
.info-row {border-bottom: 1px dotted;}
.info-row:last-child {border: none;}
.info-row .col-left {width:30%;height:28px;text-align:center;border-right:1px dotted;display:inline-block;padding:5px;vertical-align:top;}
.info-row .col-right {width:70%;display:inline-block;padding:5px;vertical-align:top;}
.info-row .col-line {width:100%;color:black;text-align:center;display:block;padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.info-row .col-line .fa {color: red; margin-right: 5px;}
.info-row .col-content {width:100%;display:inline-block;padding:5px;height:86px;overflow:auto;white-space:normal;word-break:break-all;word-wrap:break-word;vertical-align:top;}
</style>
</head>
<body>
<div class="layui-fluid layui-anim layui-anim-fadein">
<div class="layui-row">
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-body">
<div class="test-table-reload-btn layui-form" style="margin-bottom: 5px;">
<div class="layui-inline">
<input type="text" id="caseNumber" class="layui-input search-item" placeholder="案件编号" style="height: 38px;width:150px;" autocomplete="off">
</div>
<div class="layui-inline" id="caseTypeSelectTemplateBox" style="width: 150px;"></div>
<script id="caseTypeSelectTemplate" type="text/html">
<select id="caseTypeId" name="caseTypeId" lay-filter="changeCaseType">
<option value="">案件类型</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.dictId}}">{{item.dictName}}</option>
{{# } }}
</select>
</script>
<div class="layui-inline" id="childCaseTypeSelectTemplateBox" style="width: 150px;"></div>
<script id="childCaseTypeSelectTemplate" type="text/html">
<select id="childCaseTypeId" name="childCaseTypeId">
<option value="">案件子类型</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.dictId}}">{{item.dictName}}</option>
{{# } }}
</select>
</script>
<div class="layui-inline">
<input type="text" id="startTime" class="layui-input search-item"
readonly="readonly" placeholder="开始时间" style="height: 38px;width:150px;cursor: pointer" autocomplete="off">
</div>
<div class="layui-inline">
<input type="text" id="endTime" class="layui-input search-item"
readonly="readonly" placeholder="结束时间" style="height: 38px;width:150px;cursor: pointer" autocomplete="off">
</div>
<button type="button" id="search" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 搜索
</button>
<!--<button type="button" id="deleteTableData" class="layui-btn layui-btn-danger layui-btn-sm">
<i class="fa fa-lg fa-trash"></i> 批量删除
</button>-->
</div>
<table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
</div>
</div>
</div>
</div>
</div>
<script src="assets/layuiadmin/layui/layui.js"></script>
<!-- 图片 -->
<script type="text/javascript" src="assets/js/vendor/swiper3/js/swiper.min.js"></script>
<script type="text/javascript" src="assets/js/vendor/viewer/viewer.min.js"></script>
<!-- 图片 -->
<script type="text/javascript">
layui.config({
base: 'assets/layuiadmin/'
}).extend({
index: 'lib/index'
}).use(['index', 'table', 'laytpl', 'form','laydate'], function() {
var $ = layui.$;
var $win = $(window);
var laytpl = layui.laytpl;
var table = layui.table;
var admin = layui.admin;
var form = layui.form;
var laydate = layui.laydate;
// var departmentId = top.restAjax.params(window.location.href).departmentId;
var departmentId = '1d74dfc8-f3a3-4517-87fe-7acf7891bab4';
var tableUrl = 'api/reportcase/listpagereportcasehandle';
var dataLoading = false;
// 初始化表格
function initTable() {
dataLoading = true;
table.render({
elem: '#dataTable',
id: 'dataTable',
url: top.restAjax.path(getParamsUrl(tableUrl), []),
width: admin.screen() > 1 ? '100%' : '',
height: $win.height() - 100,
limit: 10,
limits: [10, 20, 40, 80, 100, 200],
request: {
pageName: 'page',
limitName: 'rows'
},
cols: [[
{field:'rowNum', width:60, title: '序号', fixed: 'left', align:'center', templet: '<span>{{d.LAY_INDEX}}</span>'},
{type:'checkbox', fixed: 'left'},
{width: 300, title: '案件图片', align:'center',
templet: function(row) {
var photos = row.casePhotos.split(',')
var value = '<div id="photo_'+ row.reportCaseId +'" class="swiper-container" style="width:100%;">' +
'<div class="swiper-wrapper" style="width:100%">';
for(var i = 0, item = photos[i]; item = photos[i++];) {
value += '<div class="swiper-slide" style="width:100%;">' +
'<img class="swiper-lazy" src="route/file/downloadfile/true/'+ item +'" style="width:270px;height:180px;cursor:pointer;"/>' +
'<div class="swiper-lazy-preloader"></div>' +
'</div>';
}
value += '</div><div id="photo_swiper_'+ row.reportCaseId +'" class="swiper-pagination"></div></div>';
setTimeout(function() {
new Swiper('#photo_'+ row.reportCaseId, {
lazyLoading: true,
autoplay: 3000,
pagination : '#photo_swiper_'+ row.reportCaseId,
paginationClickable :true,
});
new Viewer(document.getElementById('photo_'+ row.reportCaseId));
}, 50);
return value;
}
},
{width: 350, title: '案件信息', align: 'center',
templet: function (row) {
var caseFlowType = row.caseFlowType;
if(caseFlowType == '1'){
caseFlowType = '(职能部门案件)';
} else {
caseFlowType = '(街镇案件)'
}
var value = '<div style="text-align: left">'+
'<div class="info-row"><span class="col-left">案件编号</span><span class="col-right">'+ row.caseNumber +'</span></div>'+
'<div class="info-row"><span class="col-left">所在地区</span><span class="col-right">'+ row.areaName +'</span></div>'+
'<div class="info-row"><span class="col-left">所在社区</span><span class="col-right">'+ row.communityName +'</span></div>'+
'<div class="info-row"><span class="col-left">案件类型</span><span class="col-right">'+ caseFlowType + row.caseTypeName +'</span></div>'+
'<div class="info-row"><span class="col-left">操作</span>' +
'<span class="col-right">'+
'<div class="btn-group btn-group-xs">' +
'<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" lay-event="showEvent">详情</button>'+
'<button type="button" class="layui-btn layui-btn-warm layui-btn-sm" lay-event="caseFlowEvent">流程</button>'+
'</div>'+
'</span>'+
'</div>'+
'</div>'
return value;
}
},
{width: 300, title: '案件内容', align: 'center',
templet: function (row) {
var value = '<div style="text-align: left">'+
'<div class="info-row"><span class="col-left">案件来源</span><span class="col-right">'+ sourceFormatter(row.caseSource) +'</span></div>'+
'<div class="info-row"><a href="javascript:;" class="col-line" lay-event="showLocation"><i class="fa fa-map-marker"></i>'+ row.casePosition +'</a></div>'+
'<div class="info-row"><span class="col-content">'+ row.caseContent +'</span></div>'+
'</div>';
return value;
}
},
{width: 250, title: '案件状态', align: 'center',
templet: function (row) {
var value = '<div style="text-align: left">'+
'<div class="info-row"><span class="col-left">上报时间</span><span class="col-right">'+ row.reportDate +'</span></div>'+
'<div class="info-row"><span class="col-left">上报人员</span><span class="col-right">'+ row.caseReporter +'</span></div>'+
'<div class="info-row"><span class="col-left">案件状态</span><span class="col-right">'+ caseStatusFormatter(row.caseStatus) +'</span></div>'+
'<div class="info-row"><span class="col-left"></span><span class="col-right" style="color: red;">'+ ((row.overDays != null && row.overDays >= 1) ? '【超过'+ row.overDays +'天未处理】' : '') +'</span></div>'+
'<div class="info-row"><span class="col-left"></span><span class="col-right"></span></div>'+
'</div>';
return value;
}
},
{width: 250, title: '下派信息', align: 'center',
templet: function (row) {
var value = '<div style="text-align: left">'+
'<div class="info-row"><span class="col-left">下派时间</span><span class="col-right">'+ row.assignDate +'</span></div>'+
'<div class="info-row"><span class="col-left">处理人员</span><span class="col-right">'+ row.handleUserName +'</span></div>'+
'<div class="info-row"><span class="col-left">处理时限</span><span class="col-right">'+ row.handleTime +'天</span></div>'+
'<div class="info-row"><span class="col-left"></span><span class="col-right"></span></div>'+
'<div class="info-row"><span class="col-left"></span><span class="col-right"></span></div>'+
'</div>';
return value;
}
}
]],
page: true,
parseData: function(data) {
return {
'code': 0,
'msg': '',
'count': data.total,
'data': data.rows
};
},
done: function(){
dataLoading = false;
}
});
}
setTimeout(function(){
initTable();
},500);
// 重载表格
function reloadTable(currentPage) {
dataLoading = true;
table.reload('dataTable', {
url: top.restAjax.path(getParamsUrl(tableUrl), []),
page: {
curr: currentPage
},
height: $win.height() - 100,
done:function(){
dataLoading = false;
}
});
}
//初始化案件类型
function initCaseType(){
top.restAjax.get('api/dict/listdict/46d108b2-4ef9-4f6f-b30c-0c700e3ee852', {}, null, function(code, data) {
laytpl(document.getElementById('caseTypeSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('caseTypeSelectTemplateBox').innerHTML = html;
});
form.render('select');
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
initCaseType();
//初始化子案件类型
function initChildCaseType(parentId){
if(typeof(parentId) === 'undefined' || '' == parentId){
laytpl(document.getElementById('childCaseTypeSelectTemplate').innerHTML).render([], function(html) {
document.getElementById('childCaseTypeSelectTemplateBox').innerHTML = html;
});
}
top.restAjax.get('api/dict/listdict/' + parentId, {}, null, function(code, data) {
laytpl(document.getElementById('childCaseTypeSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('childCaseTypeSelectTemplateBox').innerHTML = html;
});
form.render('select');
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
initChildCaseType();
//初始化时间
function initDateTime(){
laydate.render({
elem: '#startTime'
,value: ''
});
laydate.render({
elem: '#endTime'
,value: ''
});
}
initDateTime();
function getParamsUrl(url) {
var caseTypeId = $('#caseTypeId').val();
var childCaseTypeId = $('#childCaseTypeId').val();
var startTime = $('#startTime').val();
var endTime = $('#endTime').val();
var params = '?t='+ new Date().getTime();
if('' != departmentId && 'undefined' != typeof(departmentId)) {
params += '&departmentId='+ departmentId;
}
if('' != caseTypeId && '' != childCaseTypeId) {
params += '&caseTypeId='+ childCaseTypeId;
} else {
params += '&caseTypeId='+ caseTypeId;
}
if('' != startTime) {
params += '&startTime='+ startTime;
}
if('' != endTime) {
params += '&endTime='+ endTime;
}
if('' != $('#caseNumber').val()) {
params += '&caseNumber='+ $('#caseNumber').val();
}
// 职能部门案件
params += '&caseFlowType=1';
return url + params;
}
// 来源格式化
function sourceFormatter(val) {
var value;
switch (val) {
case '1':
value = '群众举报';
break;
case '2':
value = '巡检采集';
break;
case '3':
value = '专管员上报';
break;
default:
value = '未知';
}
return value;
}
// 案件状态
function caseStatusFormatter(val) {
var value;
switch (val) {
case '0':
value = '待受理';
break;
case '1':
value = '待立案';
break;
case '2':
value = '待下派';
break;
case '3':
value = '待处理';
break;
case '4':
value = '待检查';
break;
case '5':
value = '待结案';
break;
case '6':
value = '已归档';
break;
default:
value = '异常';
}
return value;
}
// 删除
function remove(ids) {
top.dialog.msg(top.dataMessage.delete, {
time: 0,
btn: [top.dataMessage.button.yes, top.dataMessage.button.no],
shade: 0.3,
yes: function (index) {
top.dialog.close(index);
var layIndex;
top.restAjax.delete(top.restAjax.path('api/reportcase/removereportcase/{ids}', [ids]), {}, null, function (code, data) {
// success
top.dialog.msg(top.dataMessage.deleteSuccess, {time: 1000}, function () {
reloadTable();
});
}, function (code, data) {
// error
top.dialog.msg(data.msg);
}, function () {
// before
layIndex = top.dialog.msg(top.dataMessage.deleting, {icon: 16, time: 0, shade: 0.3});
}, function () {
// complete
top.dialog.close(layIndex);
});
}
});
}
table.on('tool(dataTable)', function(obj) {
if(obj.event === 'showEvent'){
layer.open({
type: 2,
title: '详情',
closeBtn: 1,
area: ['70%', '80%'],
shadeClose: true,
anim: 2,
content: top.restAjax.path('route/reportcase/show.html?reportCaseId={id}',
[obj.data.reportCaseId]),
end: function() {
}
});
}
if(obj.event === 'caseFlowEvent'){
layer.open({
type: 2,
title: '案件流程',
closeBtn: 1,
area: ['50%', '60%'],
shadeClose: true,
anim: 2,
content: top.restAjax.path('route/reportcase/list_case_log.html?reportCaseId={id}',
[obj.data.reportCaseId]),
end: function() {
}
});
}
if(obj.event === 'showLocation'){
layer.open({
type: 2,
title: '案件位置预览',
closeBtn: 1,
area: ['50%', '60%'],
shadeClose: true,
anim: 2,
content: top.restAjax.path('route/reportcase/map-case-mark.html?reportCaseId={reportCaseId}',
[obj.data.reportCaseId]),
end: function() {
}
});
}
if(obj.event === 'deleteEvent'){
remove(obj.data.reportCaseId);
}
});
form.on('select(changeCaseType)',function(data){
if(data.value == ''){
$('#childCaseTypeId').val('');
initChildCaseType();
} else {
initChildCaseType(data.value);
}
});
$(document).on('click', '#search', function() {
if(dataLoading){
layer.msg('数据加载中,请稍等...');
return;
}
reloadTable(1);
});
$(document).on('click', '#deleteTableData', function() {
var checkStatus = table.checkStatus('dataTable');
if(checkStatus.data.length == 0){
layer.msg('请先勾选要删除的数据')
return;
}
var ids = '';
for (var i = 0, item;item = checkStatus.data[i++];){
if(i > 1) {
ids += '_';
}
ids += item.reportCaseId;
}
remove(ids);
});
})
</script>
</body>
</html>

View File

@ -0,0 +1,466 @@
<!doctype html>
<html lang="zh-CN">
<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" type="text/css" href="assets/js/vendor/swiper3/css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="assets/js/vendor/viewer/viewer.min.css">
<!-- 图片 -->
<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">
<style>
.layui-table-cell{
height: auto;
}
.layui-table-body td{
height: 210px;
}
.layui-table img{
max-width: 100%;
}
.info-row {border-bottom: 1px dotted;}
.info-row:last-child {border: none;}
.info-row .col-left {width:30%;height:28px;text-align:center;border-right:1px dotted;display:inline-block;padding:5px;vertical-align:top;}
.info-row .col-right {width:70%;display:inline-block;padding:5px;vertical-align:top;}
.info-row .col-line {width:100%;color:black;text-align:center;display:block;padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.info-row .col-line .fa {color: red; margin-right: 5px;}
.info-row .col-content {width:100%;display:inline-block;padding:5px;height:86px;overflow:auto;white-space:normal;word-break:break-all;word-wrap:break-word;vertical-align:top;}
</style>
</head>
<body>
<div class="layui-fluid layui-anim layui-anim-fadein">
<div class="layui-row">
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-body">
<div class="test-table-reload-btn layui-form" style="margin-bottom: 5px;">
<div class="layui-inline" style="width: 150px;">
<input type="hidden" id="areaId" name="areaId" value="">
<input type="text" class="layui-input" id="areaName" name="areaName" value="" readonly="readonly">
</div>
<div class="layui-inline" id="caseTypeSelectTemplateBox" style="width: 150px;"></div>
<script id="caseTypeSelectTemplate" type="text/html">
<select id="caseTypeId" name="caseTypeId" lay-filter="changeCaseType">
<option value="">案件类型</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.dictId}}">{{item.dictName}}</option>
{{# } }}
</select>
</script>
<div class="layui-inline" id="childCaseTypeSelectTemplateBox" style="width: 150px;"></div>
<script id="childCaseTypeSelectTemplate" type="text/html">
<select id="childCaseTypeId" name="childCaseTypeId">
<option value="">案件子类型</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.dictId}}">{{item.dictName}}</option>
{{# } }}
</select>
</script>
<div class="layui-inline">
<input type="text" id="startTime" class="layui-input search-item"
readonly="readonly" placeholder="开始时间" style="height: 38px;width:150px;cursor: pointer" autocomplete="off">
</div>
<div class="layui-inline">
<input type="text" id="endTime" class="layui-input search-item"
readonly="readonly" placeholder="结束时间" style="height: 38px;width:150px;cursor: pointer" autocomplete="off">
</div>
<button type="button" id="search" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 搜索
</button>
<!--<button type="button" id="deleteTableData" class="layui-btn layui-btn-danger layui-btn-sm">
<i class="fa fa-lg fa-trash"></i> 批量删除
</button>-->
</div>
<table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
</div>
</div>
</div>
</div>
</div>
<script src="assets/layuiadmin/layui/layui.js"></script>
<!-- 图片 -->
<script type="text/javascript" src="assets/js/vendor/swiper3/js/swiper.min.js"></script>
<script type="text/javascript" src="assets/js/vendor/viewer/viewer.min.js"></script>
<!-- 图片 -->
<script type="text/javascript">
layui.config({
base: 'assets/layuiadmin/'
}).extend({
index: 'lib/index'
}).use(['index', 'table', 'laytpl', 'form','laydate'], function() {
var $ = layui.$;
var $win = $(window);
var laytpl = layui.laytpl;
var table = layui.table;
var admin = layui.admin;
var form = layui.form;
var laydate = layui.laydate;
var departmentId = '1d74dfc8-f3a3-4517-87fe-7acf7891bab4';
var tableUrl = 'api/reportcase/listpagereportcaseinspect';
var dataLoading = false;
// 初始化表格
function initTable() {
dataLoading = true;
table.render({
elem: '#dataTable',
id: 'dataTable',
url: top.restAjax.path(getParamsUrl(tableUrl), []),
width: admin.screen() > 1 ? '100%' : '',
height: $win.height() - 100,
limit: 10,
limits: [10, 20, 40, 80, 100, 200],
request: {
pageName: 'page',
limitName: 'rows'
},
cols: [[
{field:'rowNum', width:60, title: '序号', fixed: 'left', align:'center', templet: '<span>{{d.LAY_INDEX}}</span>'},
{type:'checkbox', fixed: 'left'},
{width: 300, title: '案件图片', align:'center',
templet: function(row) {
var photos = row.casePhotos.split(',')
var value = '<div id="photo_'+ row.reportCaseId +'" class="swiper-container" style="width:100%;">' +
'<div class="swiper-wrapper" style="width:100%">';
for(var i = 0, item = photos[i]; item = photos[i++];) {
value += '<div class="swiper-slide" style="width:100%;">' +
'<img class="swiper-lazy" src="route/file/downloadfile/true/'+ item +'" style="width:270px;height:180px;cursor:pointer;"/>' +
'<div class="swiper-lazy-preloader"></div>' +
'</div>';
}
value += '</div><div id="photo_swiper_'+ row.reportCaseId +'" class="swiper-pagination"></div></div>';
setTimeout(function() {
new Swiper('#photo_'+ row.reportCaseId, {
lazyLoading: true,
autoplay: 3000,
pagination : '#photo_swiper_'+ row.reportCaseId,
paginationClickable :true,
});
new Viewer(document.getElementById('photo_'+ row.reportCaseId));
}, 50);
return value;
}
},
{width: 350, title: '案件信息', align: 'center',
templet: function (row) {
var value = '<div style="text-align: left">'+
'<div class="info-row"><span class="col-left">案件编号</span><span class="col-right">'+ row.caseNumber +'</span></div>'+
'<div class="info-row"><span class="col-left">所在地区</span><span class="col-right">'+ row.areaName +'</span></div>'+
'<div class="info-row"><span class="col-left">所在社区</span><span class="col-right">'+ row.communityName +'</span></div>'+
'<div class="info-row"><span class="col-left">案件类型</span><span class="col-right">'+ row.caseTypeName +'</span></div>'+
'<div class="info-row"><span class="col-left">操作</span>' +
'<span class="col-right">'+
'<div class="btn-group btn-group-xs">' +
'<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" lay-event="showEvent">详情</button>'+
'<button type="button" class="layui-btn layui-btn-warm layui-btn-sm" lay-event="caseFlowEvent">流程</button>'+
'</div>'+
'</span>'+
'</div>'+
'</div>'
return value;
}
},
{width: 300, title: '案件内容', align: 'center',
templet: function (row) {
var value = '<div style="text-align: left">'+
'<div class="info-row"><span class="col-left">案件来源</span><span class="col-right">'+ sourceFormatter(row.caseSource) +'</span></div>'+
'<div class="info-row"><a href="javascript:;" class="col-line" lay-event="showLocation"><i class="fa fa-map-marker"></i>'+ row.casePosition +'</a></div>'+
'<div class="info-row"><span class="col-content">'+ row.caseContent +'</span></div>'+
'</div>';
return value;
}
},
{width: 250, title: '案件状态', align: 'center',
templet: function (row) {
var value = '<div style="text-align: left">'+
'<div class="info-row"><span class="col-left">上报时间</span><span class="col-right">'+ row.reportDate +'</span></div>'+
'<div class="info-row"><span class="col-left">上报人员</span><span class="col-right">'+ row.caseReporter +'</span></div>'+
'<div class="info-row"><span class="col-left">案件状态</span><span class="col-right">'+ caseStatusFormatter(row.caseStatus) +'</span></div>'+
'<div class="info-row"><span class="col-left"></span><span class="col-right" style="color: red;">'+ ((row.overDays != null && row.overDays >= 1) ? '【超过'+ row.overDays +'天未处理】' : '') +'</span></div>'+
'<div class="info-row"><span class="col-left"></span><span class="col-right"></span></div>'+
'</div>';
return value;
}
},
{width: 250, title: '下派信息', align: 'center',
templet: function (row) {
var value = '<div style="text-align: left">'+
'<div class="info-row"><span class="col-left">处理时间</span><span class="col-right">'+ row.handleDate +'</span></div>'+
'<div class="info-row"><span class="col-left">处理人员</span><span class="col-right">'+ row.handleUserName +'</span></div>'+
'<div class="info-row"><span class="col-left">处理时长</span><span class="col-right">'+ row.handleTime +'天</span></div>'+
'<div class="info-row"><span class="col-left">是否超时</span><span class="col-right"></span></div>'+
'<div class="info-row"><span class="col-left"></span><span class="col-right"></span></div>'+
'</div>';
return value;
}
}
]],
page: true,
parseData: function(data) {
return {
'code': 0,
'msg': '',
'count': data.total,
'data': data.rows
};
},
done: function(){
dataLoading = false;
}
});
}
setTimeout(function(){
initTable();
},500);
// 重载表格
function reloadTable(currentPage) {
dataLoading = true;
table.reload('dataTable', {
url: top.restAjax.path(getParamsUrl(tableUrl), []),
page: {
curr: currentPage
},
height: $win.height() - 100,
done:function(){
dataLoading = false;
}
});
}
//初始化案件类型
function initCaseType(){
top.restAjax.get('api/dict/listdict/46d108b2-4ef9-4f6f-b30c-0c700e3ee852', {}, null, function(code, data) {
laytpl(document.getElementById('caseTypeSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('caseTypeSelectTemplateBox').innerHTML = html;
});
form.render('select');
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
initCaseType();
//初始化子案件类型
function initChildCaseType(parentId){
if(typeof(parentId) === 'undefined' || '' == parentId){
laytpl(document.getElementById('childCaseTypeSelectTemplate').innerHTML).render([], function(html) {
document.getElementById('childCaseTypeSelectTemplateBox').innerHTML = html;
});
}
top.restAjax.get('api/dict/listdict/' + parentId, {}, null, function(code, data) {
laytpl(document.getElementById('childCaseTypeSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('childCaseTypeSelectTemplateBox').innerHTML = html;
});
form.render('select');
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
initChildCaseType();
//初始化时间
function initDateTime(){
laydate.render({
elem: '#startTime'
,value: ''
});
laydate.render({
elem: '#endTime'
,value: ''
});
}
initDateTime();
function getParamsUrl(url) {
var caseTypeId = $('#caseTypeId').val();
var childCaseTypeId = $('#childCaseTypeId').val();
var startTime = $('#startTime').val();
var endTime = $('#endTime').val();
var params = '?t='+ new Date().getTime();
if('' != departmentId && 'undefined' != typeof(departmentId)) {
params += '&departmentId='+ departmentId;
}
if('' != caseTypeId && '' != childCaseTypeId) {
params += '&caseTypeId='+ childCaseTypeId;
} else {
params += '&caseTypeId='+ caseTypeId;
}
if('' != startTime) {
params += '&startTime='+ startTime;
}
if('' != endTime) {
params += '&endTime='+ endTime;
}
return url + params;
}
// 来源格式化
function sourceFormatter(val) {
var value;
switch (val) {
case '1':
value = '群众举报';
break;
case '2':
value = '巡检采集';
break;
case '3':
value = '专管员上报';
break;
default:
value = '未知';
}
return value;
}
// 案件状态
function caseStatusFormatter(val) {
var value;
switch (val) {
case '0':
value = '待受理';
break;
case '1':
value = '待立案';
break;
case '2':
value = '待下派';
break;
case '3':
value = '待处理';
break;
case '4':
value = '待检查';
break;
case '5':
value = '待结案';
break;
case '6':
value = '已归档';
break;
default:
value = '异常';
}
return value;
}
// 删除
function remove(ids) {
top.dialog.msg(top.dataMessage.delete, {
time: 0,
btn: [top.dataMessage.button.yes, top.dataMessage.button.no],
shade: 0.3,
yes: function (index) {
top.dialog.close(index);
var layIndex;
top.restAjax.delete(top.restAjax.path('api/reportcase/removereportcase/{ids}', [ids]), {}, null, function (code, data) {
// success
top.dialog.msg(top.dataMessage.deleteSuccess, {time: 1000}, function () {
reloadTable();
});
}, function (code, data) {
// error
top.dialog.msg(data.msg);
}, function () {
// before
layIndex = top.dialog.msg(top.dataMessage.deleting, {icon: 16, time: 0, shade: 0.3});
}, function () {
// complete
top.dialog.close(layIndex);
});
}
});
}
table.on('tool(dataTable)', function(obj) {
if(obj.event === 'showEvent'){
layer.open({
type: 2,
title: '详情',
closeBtn: 1,
area: ['70%', '80%'],
shadeClose: true,
anim: 2,
content: top.restAjax.path('route/reportcase/show.html?reportCaseId={id}',
[obj.data.reportCaseId]),
end: function() {
}
});
}
if(obj.event === 'caseFlowEvent'){
layer.open({
type: 2,
title: '案件流程',
closeBtn: 1,
area: ['50%', '60%'],
shadeClose: true,
anim: 2,
content: top.restAjax.path('route/reportcase/list_case_log.html?reportCaseId={id}',
[obj.data.reportCaseId]),
end: function() {
}
});
}
if(obj.event === 'showLocation'){
layer.open({
type: 2,
title: '案件位置预览',
closeBtn: 1,
area: ['800px', '565px'],
shadeClose: true,
anim: 2,
content: top.restAjax.path('route/reportcase/map-case-mark.html?reportCaseId={reportCaseId}',
[obj.data.reportCaseId]),
end: function() {
}
});
}
if(obj.event === 'deleteEvent'){
remove(obj.data.reportCaseId);
}
});
form.on('select(changeCaseType)',function(data){
if(data.value == ''){
$('#childCaseTypeId').val('');
initChildCaseType();
} else {
initChildCaseType(data.value);
}
});
$(document).on('click', '#search', function() {
if(dataLoading){
layer.msg('数据加载中,请稍等...');
return;
}
reloadTable(1);
});
$(document).on('click', '#deleteTableData', function() {
var checkStatus = table.checkStatus('dataTable');
if(checkStatus.data.length == 0){
layer.msg('请先勾选要删除的数据')
return;
}
var ids = '';
for (var i = 0, item;item = checkStatus.data[i++];){
if(i > 1) {
ids += '_';
}
ids += item.reportCaseId;
}
remove(ids);
});
})
</script>
</body>
</html>

View File

@ -0,0 +1,454 @@
<!doctype html>
<html lang="zh-CN">
<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" type="text/css" href="assets/js/vendor/swiper3/css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="assets/js/vendor/viewer/viewer.min.css">
<!-- 图片 -->
<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">
<style>
.layui-table-cell{
height: auto;
}
.layui-table-body td{
height: 210px;
}
.layui-table img{
max-width: 100%;
}
.info-row {border-bottom: 1px dotted;}
.info-row:last-child {border: none;}
.info-row .col-left {width:30%;height:28px;text-align:center;border-right:1px dotted;display:inline-block;padding:5px;vertical-align:top;}
.info-row .col-right {width:70%;display:inline-block;padding:5px;vertical-align:top;}
.info-row .col-line {width:100%;color:black;text-align:center;display:block;padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.info-row .col-line .fa {color: red; margin-right: 5px;}
.info-row .col-content {width:100%;display:inline-block;padding:5px;height:86px;overflow:auto;white-space:normal;word-break:break-all;word-wrap:break-word;vertical-align:top;}
</style>
</head>
<body>
<div class="layui-fluid layui-anim layui-anim-fadein">
<div class="layui-row">
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-body">
<div class="test-table-reload-btn layui-form" style="margin-bottom: 5px;">
<div class="layui-inline" style="width: 150px;">
<input type="hidden" id="areaId" name="areaId" value="">
<input type="text" class="layui-input" id="areaName" name="areaName" value="" readonly="readonly">
</div>
<div class="layui-inline" id="caseTypeSelectTemplateBox" style="width: 150px;"></div>
<script id="caseTypeSelectTemplate" type="text/html">
<select id="caseTypeId" name="caseTypeId" lay-filter="changeCaseType">
<option value="">案件类型</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.dictId}}">{{item.dictName}}</option>
{{# } }}
</select>
</script>
<div class="layui-inline" id="childCaseTypeSelectTemplateBox" style="width: 150px;"></div>
<script id="childCaseTypeSelectTemplate" type="text/html">
<select id="childCaseTypeId" name="childCaseTypeId">
<option value="">案件子类型</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.dictId}}">{{item.dictName}}</option>
{{# } }}
</select>
</script>
<div class="layui-inline">
<input type="text" id="startTime" class="layui-input search-item"
readonly="readonly" placeholder="开始时间" style="height: 38px;width:150px;cursor: pointer" autocomplete="off">
</div>
<div class="layui-inline">
<input type="text" id="endTime" class="layui-input search-item"
readonly="readonly" placeholder="结束时间" style="height: 38px;width:150px;cursor: pointer" autocomplete="off">
</div>
<button type="button" id="search" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 搜索
</button>
<!--<button type="button" id="deleteTableData" class="layui-btn layui-btn-danger layui-btn-sm">
<i class="fa fa-lg fa-trash"></i> 批量删除
</button>-->
</div>
<table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
</div>
</div>
</div>
</div>
</div>
<script src="assets/layuiadmin/layui/layui.js"></script>
<!-- 图片 -->
<script type="text/javascript" src="assets/js/vendor/swiper3/js/swiper.min.js"></script>
<script type="text/javascript" src="assets/js/vendor/viewer/viewer.min.js"></script>
<!-- 图片 -->
<script type="text/javascript">
layui.config({
base: 'assets/layuiadmin/'
}).extend({
index: 'lib/index'
}).use(['index', 'table', 'laytpl', 'form','laydate'], function() {
var $ = layui.$;
var $win = $(window);
var laytpl = layui.laytpl;
var table = layui.table;
var admin = layui.admin;
var form = layui.form;
var laydate = layui.laydate;
var departmentId = '1d74dfc8-f3a3-4517-87fe-7acf7891bab4';
var tableUrl = 'api/reportcase/listpagereportcase?caseStatus=6';
var dataLoading = false;
// 初始化表格
function initTable() {
dataLoading = true;
table.render({
elem: '#dataTable',
id: 'dataTable',
url: top.restAjax.path(getParamsUrl(tableUrl), []),
width: admin.screen() > 1 ? '100%' : '',
height: $win.height() - 100,
limit: 10,
limits: [10, 20, 40, 80, 100, 200],
request: {
pageName: 'page',
limitName: 'rows'
},
cols: [[
{field:'rowNum', width:60, title: '序号', fixed: 'left', align:'center', templet: '<span>{{d.LAY_INDEX}}</span>'},
{type:'checkbox', fixed: 'left'},
{width: 300, title: '案件图片', align:'center',
templet: function(row) {
var photos = row.casePhotos.split(',')
var value = '<div id="photo_'+ row.reportCaseId +'" class="swiper-container" style="width:100%;">' +
'<div class="swiper-wrapper" style="width:100%">';
for(var i = 0, item = photos[i]; item = photos[i++];) {
value += '<div class="swiper-slide" style="width:100%;">' +
'<img class="swiper-lazy" src="route/file/downloadfile/true/'+ item +'" style="width:270px;height:180px;cursor:pointer;"/>' +
'<div class="swiper-lazy-preloader"></div>' +
'</div>';
}
value += '</div><div id="photo_swiper_'+ row.reportCaseId +'" class="swiper-pagination"></div></div>';
setTimeout(function() {
new Swiper('#photo_'+ row.reportCaseId, {
lazyLoading: true,
autoplay: 3000,
pagination : '#photo_swiper_'+ row.reportCaseId,
paginationClickable :true,
});
new Viewer(document.getElementById('photo_'+ row.reportCaseId));
}, 50);
return value;
}
},
{width: 350, title: '案件信息', align: 'center',
templet: function (row) {
var value = '<div style="text-align: left">'+
'<div class="info-row"><span class="col-left">案件编号</span><span class="col-right">'+ row.caseNumber +'</span></div>'+
'<div class="info-row"><span class="col-left">所在地区</span><span class="col-right">'+ row.areaName +'</span></div>'+
'<div class="info-row"><span class="col-left">所在社区</span><span class="col-right">'+ row.communityName +'</span></div>'+
'<div class="info-row"><span class="col-left">案件类型</span><span class="col-right">'+ row.caseTypeName +'</span></div>'+
'<div class="info-row"><span class="col-left">操作</span>' +
'<span class="col-right">'+
'<div class="btn-group btn-group-xs">' +
'<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" lay-event="showEvent">详情</button>'+
'<button type="button" class="layui-btn layui-btn-warm layui-btn-sm" lay-event="caseFlowEvent">流程</button>'+
'</div>'+
'</span>'+
'</div>'+
'</div>'
return value;
}
},
{width: 400, title: '案件内容', align: 'center',
templet: function (row) {
var value = '<div style="text-align: left">'+
'<div class="info-row"><span class="col-left">案件来源</span><span class="col-right">'+ sourceFormatter(row.caseSource) +'</span></div>'+
'<div class="info-row"><a href="javascript:;" class="col-line" lay-event="showLocation"><i class="fa fa-map-marker"></i>'+ row.casePosition +'</a></div>'+
'<div class="info-row"><span class="col-content">'+ row.caseContent +'</span></div>'+
'</div>';
return value;
}
},
{width: 250, title: '案件状态', align: 'center',
templet: function (row) {
var value = '<div style="text-align: left">'+
'<div class="info-row"><span class="col-left">上报时间</span><span class="col-right">'+ row.reportDate +'</span></div>'+
'<div class="info-row"><span class="col-left">上报人员</span><span class="col-right">'+ row.caseReporter +'</span></div>'+
'<div class="info-row"><span class="col-left">案件状态</span><span class="col-right">'+ caseStatusFormatter(row.caseStatus) +'</span></div>'+
'<div class="info-row"><span class="col-left"></span><span class="col-right" style="color: red;">'+ ((row.overDays != null && row.overDays >= 1) ? '【超过'+ row.overDays +'天未处理】' : '') +'</span></div>'+
'<div class="info-row"><span class="col-left"></span><span class="col-right"></span></div>'+
'</div>';
return value;
}
}
]],
page: true,
parseData: function(data) {
return {
'code': 0,
'msg': '',
'count': data.total,
'data': data.rows
};
},
done: function(){
dataLoading = false;
}
});
}
setTimeout(function(){
initTable();
},500);
// 重载表格
function reloadTable(currentPage) {
dataLoading = true;
table.reload('dataTable', {
url: top.restAjax.path(getParamsUrl(tableUrl), []),
page: {
curr: currentPage
},
height: $win.height() - 100,
done:function(){
dataLoading = false;
}
});
}
//初始化案件类型
function initCaseType(){
top.restAjax.get('api/dict/listdict/46d108b2-4ef9-4f6f-b30c-0c700e3ee852', {}, null, function(code, data) {
laytpl(document.getElementById('caseTypeSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('caseTypeSelectTemplateBox').innerHTML = html;
});
form.render('select');
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
initCaseType();
//初始化子案件类型
function initChildCaseType(parentId){
if(typeof(parentId) === 'undefined' || '' == parentId){
laytpl(document.getElementById('childCaseTypeSelectTemplate').innerHTML).render([], function(html) {
document.getElementById('childCaseTypeSelectTemplateBox').innerHTML = html;
});
}
top.restAjax.get('api/dict/listdict/' + parentId, {}, null, function(code, data) {
laytpl(document.getElementById('childCaseTypeSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('childCaseTypeSelectTemplateBox').innerHTML = html;
});
form.render('select');
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
initChildCaseType();
//初始化时间
function initDateTime(){
laydate.render({
elem: '#startTime'
,value: ''
});
laydate.render({
elem: '#endTime'
,value: ''
});
}
initDateTime();
function getParamsUrl(url) {
var caseTypeId = $('#caseTypeId').val();
var childCaseTypeId = $('#childCaseTypeId').val();
var startTime = $('#startTime').val();
var endTime = $('#endTime').val();
var params = '&t='+ new Date().getTime();
if('' != departmentId && 'undefined' != typeof(departmentId)) {
params += '&departmentId='+ departmentId;
}
if('' != caseTypeId && '' != childCaseTypeId) {
params += '&caseTypeId='+ childCaseTypeId;
} else {
params += '&caseTypeId='+ caseTypeId;
}
if('' != startTime) {
params += '&startTime='+ startTime;
}
if('' != endTime) {
params += '&endTime='+ endTime;
}
return url + params;
}
// 来源格式化
function sourceFormatter(val) {
var value;
switch (val) {
case '1':
value = '群众举报';
break;
case '2':
value = '巡检采集';
break;
case '3':
value = '专管员上报';
break;
default:
value = '未知';
}
return value;
}
// 案件状态
function caseStatusFormatter(val) {
var value;
switch (val) {
case '0':
value = '待受理';
break;
case '1':
value = '待立案';
break;
case '2':
value = '待下派';
break;
case '3':
value = '待处理';
break;
case '4':
value = '待检查';
break;
case '5':
value = '待结案';
break;
case '6':
value = '已归档';
break;
default:
value = '异常';
}
return value;
}
// 删除
function remove(ids) {
top.dialog.msg(top.dataMessage.delete, {
time: 0,
btn: [top.dataMessage.button.yes, top.dataMessage.button.no],
shade: 0.3,
yes: function (index) {
top.dialog.close(index);
var layIndex;
top.restAjax.delete(top.restAjax.path('api/reportcase/removereportcase/{ids}', [ids]), {}, null, function (code, data) {
// success
top.dialog.msg(top.dataMessage.deleteSuccess, {time: 1000}, function () {
reloadTable();
});
}, function (code, data) {
// error
top.dialog.msg(data.msg);
}, function () {
// before
layIndex = top.dialog.msg(top.dataMessage.deleting, {icon: 16, time: 0, shade: 0.3});
}, function () {
// complete
top.dialog.close(layIndex);
});
}
});
}
table.on('tool(dataTable)', function(obj) {
if(obj.event === 'showEvent'){
layer.open({
type: 2,
title: '详情',
closeBtn: 1,
area: ['70%', '80%'],
shadeClose: true,
anim: 2,
content: top.restAjax.path('route/reportcase/show.html?reportCaseId={id}',
[obj.data.reportCaseId]),
end: function() {
}
});
}
if(obj.event === 'caseFlowEvent'){
layer.open({
type: 2,
title: '案件流程',
closeBtn: 1,
area: ['50%', '60%'],
shadeClose: true,
anim: 2,
content: top.restAjax.path('route/reportcase/list_case_log.html?reportCaseId={id}',
[obj.data.reportCaseId]),
end: function() {
}
});
}
if(obj.event === 'showLocation'){
layer.open({
type: 2,
title: '案件位置预览',
closeBtn: 1,
area: ['50%', '60%'],
shadeClose: true,
anim: 2,
content: top.restAjax.path('route/reportcase/map-case-mark.html?reportCaseId={reportCaseId}',
[obj.data.reportCaseId]),
end: function() {
}
});
}
if(obj.event === 'deleteEvent'){
remove(obj.data.reportCaseId);
}
});
form.on('select(changeCaseType)',function(data){
if(data.value == ''){
$('#childCaseTypeId').val('');
initChildCaseType();
} else {
initChildCaseType(data.value);
}
});
$(document).on('click', '#search', function() {
if(dataLoading){
layer.msg('数据加载中,请稍等...');
return;
}
reloadTable(1);
});
$(document).on('click', '#deleteTableData', function() {
var checkStatus = table.checkStatus('dataTable');
if(checkStatus.data.length == 0){
layer.msg('请先勾选要删除的数据')
return;
}
var ids = '';
for (var i = 0, item;item = checkStatus.data[i++];){
if(i > 1) {
ids += '_';
}
ids += item.reportCaseId;
}
remove(ids);
});
})
</script>
</body>
</html>