You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
297 lines
11 KiB
297 lines
11 KiB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
|
<%@ include file="/common/ctx.jsp"%>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>投诉详情列表</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/jquery.min.js"></script>
|
|
<script src="${ctx }/hbcyjc/resource/js/jquery.min.js"></script>
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resource/css/cjy_style.css" />
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resource/js/My97DatePicker/skin/default/datepicker.css" />
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/My97DatePicker/WdatePicker.js"></script>
|
|
<script type="text/javascript">
|
|
|
|
function mySearch() {
|
|
document.mainForm.submit();
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body style="width:100%; height:100%; background:url(${ctx }/hbcyjc/resource/img2/%E6%97%85%E6%B8%B8%E6%8A%95%E8%AF%89%E5%88%86%E6%9E%90.fw%20-%20%E5%89%AF%E6%9C%AC.png) no-repeat">
|
|
<div style="position:fixed; top:0; right:0; left:0; bottom:0; z-index:9999; background:rgba(0,0,0,.7)">
|
|
<div class="wind_wrap">
|
|
<h2 class="wid_title">投诉详情</h2>
|
|
<div class="dow_box">
|
|
<div class="ts_wid_fm">
|
|
<form class="zt_lay" action="${ctx}/indexaccuse/gotolist.do" id="mainForm" method="post" name="mainForm" enctype="multipart/form-data">
|
|
<input id="areacode" name="areacode" type="hidden" value="${areacode}"/>
|
|
<div class="fm_star">
|
|
<label>行政区划:</label>
|
|
<div class="fm_shur">
|
|
<select id="sel_p" class="wd_adr"></select>
|
|
<select id="sel_c" class="wd_adr"></select>
|
|
<select id="sel_a" class="wd_adr" onchange="liandong()"></select>
|
|
</div>
|
|
</div>
|
|
<div class="" style="float:left; width:380px;">
|
|
<label>开始时间:</label>
|
|
<div class="date_st">
|
|
<input class="wdipt_time " readonly="readonly" name="starttime" id="starttime" value="${starttime}" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})">
|
|
</div>
|
|
</div>
|
|
<div class="" style="float:left; width:380px; margin-left:20px;">
|
|
<label>结束时间:</label>
|
|
<div class="date_st">
|
|
<input class="wdipt_time " readonly="readonly" name="endtime" id="endtime" value="${endtime}" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})">
|
|
</div>
|
|
</div>
|
|
<div style="clear:both"></div>
|
|
<div>
|
|
<div style="float:left; margin-top:15px;">
|
|
<label>投诉对象:</label>
|
|
<div class="duix">
|
|
<input type="text" class="wdipt_time" style="background: none;" id="accuseObject" name="accuseObject" />
|
|
</div>
|
|
</div>
|
|
<div style="float:right; margin-right:0;margin-top:15px; margin-right:32px;">
|
|
<button id="searchbtn" class="wd_btn_sec" onclick="mySearch()" type="button">查询</button>
|
|
</div>
|
|
<div style="clear:both"></div>
|
|
</div>
|
|
|
|
<div class="ts_wid_table" style="height:450px">
|
|
<table cellpadding="0" cellspacing="0" border="0" class="static_table">
|
|
<tr>
|
|
<th width="80px"><p>序号</p></th>
|
|
<th width="130px"><p>投诉对象</p></th>
|
|
<th width="160px"><p>投诉时间</p></th>
|
|
<th width="106px"><p>投诉类型</p></th>
|
|
<th width="100px"><p>投诉渠道</p></th>
|
|
<th width="150px"><p>客源地</p></th>
|
|
<th width="150px"><p>投诉发生地</p></th>
|
|
<th width="420px"><p>投诉内容</p></th>
|
|
|
|
</tr>
|
|
<c:forEach items="${list}" var="lis" varStatus="vst">
|
|
<tr>
|
|
<td><p>${(vst.index)+1}</p></td>
|
|
<td><p style="width:110px; padding:0 10px; overflow:hidden;text-overflow: ellipsis; white-space: nowrap">${lis.accuseObject }</p></td>
|
|
<td><p><fmt:formatDate value="${lis.accuseTime}" type="date" pattern="yyyy-MM-dd"/></p></td>
|
|
<td><p style="width:86px; padding:0 10px; overflow:hidden;text-overflow: ellipsis; white-space: nowrap">${lis.accuseType}</p></td>
|
|
<td><p style="width:80px; padding:0 10px; overflow:hidden;text-overflow: ellipsis; white-space: nowrap">${lis.accusePlace}</p></td>
|
|
<td><p style="width:130px; padding:0 10px; overflow:hidden;text-overflow: ellipsis; white-space: nowrap">${lis.fountain}</p></td>
|
|
<td><p style="width:130px; padding:0 10px; overflow:hidden;text-overflow: ellipsis; white-space: nowrap">${lis.accuseGenerated}</p></td>
|
|
<td><p class="tbe_txt" style="padding:0 10px; width:400px">${lis.accuseContent}</p></td>
|
|
</tr>
|
|
</c:forEach>
|
|
</table>
|
|
</div>
|
|
<!-- 分页开始 -->
|
|
<div class="page_warp_wd">
|
|
<div class="wid_page">
|
|
<c:choose>
|
|
<c:when test="${page.currentPage==1 || page.currentPage ==0}">
|
|
<a href="#" class="on"><span class="page_pre"></span></a>
|
|
<a href="#" class="on"><span class="page_bfe"></span></a>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<a href="javascript:getQueryPageId(0)"><span class="page_pre"></span></a>
|
|
<a href="javascript:getQueryPageId(-1)" class="on"><span class="page_bfe"></span></a>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
|
|
<c:choose>
|
|
<c:when test="${page.totalPage>7}">
|
|
<c:choose>
|
|
<c:when test="${page.currentPage<=4}">
|
|
<c:forEach var="x" begin="1" end="5" step="1">
|
|
<c:choose>
|
|
<c:when test="${x==page.currentPage}">
|
|
<a href="javascript:fReloadCurrentPage(${x})" class="on"><span>${x}</span></a>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<a href="javascript:fReloadCurrentPage(${x})"><span>${x}</span></a>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</c:forEach>
|
|
<a href="javascript:void(0)"><span>...</span></a>
|
|
</c:when>
|
|
<c:when test="${page.currentPage>4}">
|
|
<c:choose>
|
|
<c:when test="${page.currentPage<(page.totalPage-3)}">
|
|
<a href="javascript:void(0)"><span>...</span></a>
|
|
<a href="javascript:fReloadCurrentPage(${page.currentPage-1});"><span>${page.currentPage-1}</span></a>
|
|
<a href="javascript:fReloadCurrentPage(${page.currentPage});"><span>${page.currentPage}</span></a>
|
|
<a href="javascript:fReloadCurrentPage(${page.currentPage+1});"><span>${page.currentPage+1}</span></a>
|
|
<a href="javascript:void(0)"><span>...</span></a>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<a href="javascript:void(0)"><span>...</span></a>
|
|
<a href="javascript:fReloadCurrentPage(${page.currentPage-4});"><span>${page.currentPage-4}</span></a>
|
|
<c:forEach var="x" begin="1" end="3" step="1">
|
|
<c:choose>
|
|
<c:when test="${page.totalPage-(4-x)==page.currentPage}">
|
|
<a href="javascript:fReloadCurrentPage(${page.totalPage-(4-x)});"><span>${page.totalPage-(4-x)}</span></a>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<a href="javascript:fReloadCurrentPage(${page.totalPage-(4-x)});"><span>${page.totalPage-(4-x)}</span></a>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</c:forEach>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</c:when>
|
|
</c:choose>
|
|
</c:when>
|
|
|
|
<c:otherwise>
|
|
<c:forEach var="x" begin="1" end="${page.totalPage==0?0:page.totalPage-1}" step="1">
|
|
<c:choose>
|
|
<c:when test="${x==page.currentPage}">
|
|
<a href="javascript:fReloadCurrentPage(${page.currentPage});"><span>${page.currentPage}</span></a>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<a href="javascript:fReloadCurrentPage(${x});"><span>${x}</span></a>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</c:forEach>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
<c:choose>
|
|
<c:when test="${page.currentPage==page.totalPage}">
|
|
<c:if test="${page.totalPage!=1}">
|
|
<a href="javascript:getQueryPageId(2)"><span>${page.totalPage}</span></a>
|
|
</c:if>
|
|
<a href="#" class="on"><span class="page_next"></span></a>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<c:choose>
|
|
<c:when test="${page.totalPage>1}">
|
|
<a href="javascript:getQueryPageId(1)"><span class="page_next"></span></a>
|
|
</c:when>
|
|
</c:choose>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
<a href="javascript:getQueryPageId(2)"><span class="page_afr"></span></a>
|
|
<div style="clear:both"></div>
|
|
</div>
|
|
<div class="page_state">
|
|
共<span> ${page.totalCount}条数据</span>
|
|
</div>
|
|
</div>
|
|
<div style="clear:both"></div>
|
|
<!-- 分页结束 -->
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script type="text/javascript">
|
|
|
|
$(document).ready(function(){
|
|
general_select_p();
|
|
general_select_c();
|
|
general_select_a();
|
|
var areacode = document.getElementById("areacode").value;
|
|
$('#sel_a').val(areacode);
|
|
});
|
|
|
|
var arr_p = [
|
|
{'id': 13 ,'text':'河北'}
|
|
];
|
|
|
|
var arr_c = [
|
|
{'id': 1307 ,'text':'张家口'}
|
|
]
|
|
|
|
var arr_a = [
|
|
{'id': '' ,'text':'请选择'},
|
|
{'id': 130701 ,'text':'张家口市辖区'},
|
|
{'id': 130702 ,'text':'桥东区'},
|
|
{'id': 130703 ,'text':'桥西区'},
|
|
{'id': 130705 ,'text':'宣化区'},
|
|
{'id': 130706 ,'text':'下花园区'},
|
|
{'id': 130721 ,'text':'宣化县'},
|
|
{'id': 130722 ,'text':'张北县'},
|
|
{'id': 130723 ,'text':'康保县'},
|
|
{'id': 130724 ,'text':'沽源县'},
|
|
{'id': 130725 ,'text':'尚义县'},
|
|
{'id': 130726 ,'text':'蔚县'},
|
|
{'id': 130727 ,'text':'阳原县'},
|
|
{'id': 130728 ,'text':'怀安县'},
|
|
{'id': 130729 ,'text':'万全县'},
|
|
{'id': 130730 ,'text':'怀来县'},
|
|
{'id': 130731 ,'text':'涿鹿县'},
|
|
{'id': 130732 ,'text':'赤城县'},
|
|
{'id': 130733 ,'text':'崇礼县'}
|
|
]
|
|
|
|
function general_select_p(){
|
|
var select = $('#sel_p');
|
|
var len = arr_p.length;
|
|
for(var i=0;i<len;i++){
|
|
var option = '<option value="'+arr_p[i]['id']+'">'+arr_p[i]['text']+'</option>'
|
|
select.append(option);
|
|
}
|
|
}
|
|
|
|
function general_select_c(){
|
|
var select = $('#sel_c');
|
|
var len = arr_c.length;
|
|
for(var i=0;i<len;i++){
|
|
var option = '<option value="'+arr_c[i]['id']+'">'+arr_c[i]['text']+'</option>'
|
|
select.append(option);
|
|
}
|
|
}
|
|
|
|
function general_select_a(){
|
|
var select = $('#sel_a');
|
|
var len = arr_a.length;
|
|
for(var i=0;i<len;i++){
|
|
var option = '<option value="'+arr_a[i]['id']+'">'+arr_a[i]['text']+'</option>'
|
|
select.append(option);
|
|
}
|
|
}
|
|
|
|
function liandong(){
|
|
$("#areacode").val($("#sel_a").val());
|
|
}
|
|
|
|
//载入指定页
|
|
function getQueryPageId(index)
|
|
{
|
|
var page=0;
|
|
if(index==0)
|
|
page=1;
|
|
else if(index==2)
|
|
page=${page.totalPage};
|
|
else if(index==1)
|
|
page=${page.nextPage};
|
|
else if(index==-1)
|
|
page=${page.prePage};
|
|
|
|
fReloadCurrentPage(page);
|
|
|
|
}
|
|
|
|
/**
|
|
* 刷新按钮响应函数
|
|
**/
|
|
function fReloadCurrentPage(nIndex)
|
|
{
|
|
var total = ${page.totalPage};
|
|
if(nIndex>total){
|
|
document.getElementById("currentpage").value=1;
|
|
}else{
|
|
document.getElementById("currentpage").value=nIndex;
|
|
}
|
|
|
|
document.mainForm.submit();
|
|
}
|
|
</script>
|
|
|
|
</html>
|
|
|