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.
300 lines
11 KiB
300 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"%>
|
|
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
<%@ include file="/common/ctx.jsp" %>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
|
|
<html>
|
|
<head>
|
|
<title>投诉列表</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/resourceNew/js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="${ctx}/js/layer/layer.js"></script>
|
|
<!-- 字体图标 -->
|
|
<link href="${ctx}/assets/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
|
|
<link href="${ctx}/assets/ionicon/css/ionicons.min.css" rel="stylesheet"/>
|
|
<link href="${ctx}/css/material-design-iconic-font.min.css" rel="stylesheet">
|
|
<!-- select2 带搜索的下拉 -->
|
|
<link href="${ctx}/assets/select2/select2.css" rel="stylesheet" type="text/css"/>
|
|
<link href="${ctx}/assets/jquery-multi-select/multi-select.css" rel="stylesheet" type="text/css"/>
|
|
<!-- 自定义样式 -->
|
|
|
|
<%@ include file="/common/theme_css.jsp" %>
|
|
<%@include file="/common/menu.jsp" %>
|
|
|
|
<script type="text/javascript">
|
|
initr();
|
|
function initr() {
|
|
var sysName = "旅游投诉分析系统";
|
|
|
|
if('${UserAttrFacade.getDeptInfo(request).dremark}'==='131401'){
|
|
sysName = '景区视频监控监测';
|
|
document.getElementsByTagName("title")[0].innerText = sysName;
|
|
}
|
|
|
|
var userName = "test";
|
|
$("#sysName").html(sysName);
|
|
var pageName = "旅游投诉列表";
|
|
$("#pageName").html(pageName);
|
|
$("#userName").html(userName);
|
|
// var html = "<a href=\"${ctx}/zhspjkvideomanage/tozhspjklist.do\" class=\"caid_xiang \">视频播放</a>" +
|
|
// "<a href=\"${ctx}/zhspjkvideomanage/searchZhspjkVideoManageList.do\" class=\"caid_xiang active\">视频管理</a>";
|
|
// $("#menuList").html(html);
|
|
getLeftlowermenu();
|
|
}
|
|
|
|
|
|
//获得左下角菜单
|
|
//加个id--leftlowermenu
|
|
function getLeftlowermenu(){
|
|
var dicnum = '014902'; //测试，需要换成自己当前菜单dicnum --> sys_menu_item_dictionary
|
|
$.ajax({
|
|
url : "${ctx}/hbcyjclogin/getzccd.do",
|
|
data : {"dicnum" : dicnum},
|
|
type : "post",
|
|
dataType : "json",
|
|
success : function(data) {
|
|
var leftlowerhtml = "";
|
|
if(data.success){
|
|
var zcdlist = data.data;
|
|
for(var i = 0;i<zcdlist.length;i++){
|
|
var menuurl = zcdlist[i].menuurl; //配置的链接
|
|
var dicname = zcdlist[i].dicname; //名称
|
|
if(dicnum == zcdlist[i].dicnum){
|
|
leftlowerhtml +="<a href=\""+menuurl+"\" class=\"caid_xiang active\">"+dicname+"</a>";
|
|
}else{
|
|
leftlowerhtml +="<a href=\""+menuurl+"\" class=\"caid_xiang\">"+dicname+"</a>";
|
|
}
|
|
}
|
|
}
|
|
|
|
$("#menuList").html(leftlowerhtml);
|
|
}
|
|
});
|
|
}
|
|
|
|
//查询
|
|
function mySearch() {
|
|
document.mainForm.submit();
|
|
}
|
|
|
|
//重置
|
|
function myReset() {
|
|
$("#province").val("");
|
|
$("#city").val("");
|
|
$("#county").val("");
|
|
$("#starttime").val("");
|
|
$("#endtime").val("");
|
|
$("#accuseObjectlist").val("");
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
if('${isDept}'=='city'){
|
|
$("#county").val('${county}');
|
|
chooseCounty();
|
|
}else if('${isDept}'=='province'){
|
|
$("#city").val('${city}');
|
|
chooseCity();
|
|
$("#county").val('${county}');
|
|
chooseCounty();
|
|
}
|
|
});
|
|
//选择市
|
|
function chooseCity(){
|
|
var deptid = $("#province").val();
|
|
if(deptid){
|
|
$.ajax({
|
|
url : "${ctx}/sysdept/selectBydpid.do",
|
|
data : {"deptid" : deptid},
|
|
type : "post",
|
|
dataType : "json",
|
|
async : false,
|
|
success : function(data) {
|
|
document.getElementById("city").options.length=0;//删除所有option
|
|
$("#city").append("<option value=''>-请选择-</option>");
|
|
if(data!=null && data.length>0){
|
|
for(var i=0;i<data.length;i++){
|
|
$("#city").append("<option value='"+data[i].dremark+"'>"+data[i].dname+"</option>");
|
|
}
|
|
$("#city option[value='${city}']").attr("selected",true);
|
|
}
|
|
}
|
|
});
|
|
}else{
|
|
document.getElementById("city").options.length=0;//删除所有option
|
|
$("#city").append("<option value=''>-请选择-</option>");
|
|
}
|
|
}
|
|
|
|
//选择区/县
|
|
function chooseCounty(){
|
|
var deptid = $("#city").val();
|
|
if(deptid){
|
|
$.ajax({
|
|
url : "${ctx}/sysdept/selectBydpid.do",
|
|
data : {"deptid" : deptid},
|
|
type : "post",
|
|
dataType : "json",
|
|
async : false,
|
|
success : function(data) {
|
|
document.getElementById("county").options.length=0;//删除所有option
|
|
$("#county").append("<option value=''>-请选择-</option>");
|
|
if(data!=null && data.length>0){
|
|
for(var i=0;i<data.length;i++){
|
|
$("#county").append("<option value='"+data[i].dremark+"'>"+data[i].dname+"</option>");
|
|
}
|
|
$("#county option[value='${county}']").attr("selected",true);
|
|
}
|
|
}
|
|
});
|
|
}else{
|
|
document.getElementById("county").options.length=0;//删除所有option
|
|
$("#county").append("<option value=''>-请选择-</option>");
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="xingk_nr"></div>
|
|
<form action="${ctx}/tsfxlist/searchtsxxList.do" id="mainForm" method="post" name="mainForm" enctype="multipart/form-data">
|
|
<div class="table_sck cjy-dialog">
|
|
<div class="tsble_form">
|
|
<input type="hidden" name="areacode" value="${areacode}">
|
|
<input type="hidden" name="typets" value="${typets}">
|
|
<input type="hidden" name="result" value="${result}">
|
|
<input type="hidden" name="timezb" value="${timezb}">
|
|
<input type="hidden" name="fsd" value="${fsd}">
|
|
<div class="form_hpzs">
|
|
<label class="form_label">投诉发生地：</label>
|
|
<div class="form_select" style="width: 110px;">
|
|
<select class="form-control" id="province" name="province" onchange="chooseCity()">
|
|
<c:forEach items="${provinceList}" var="dept">
|
|
<c:choose>
|
|
<c:when test="${dept.dremark == province}">
|
|
<option value="${dept.dremark}" selected="selected">${dept.dname}</option>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<option value="${dept.dremark}">${dept.dname}</option>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</c:forEach>
|
|
</select>
|
|
</div>
|
|
<div class="form_select" style="width: 110px;">
|
|
<select class="form-control" id="city" name="city" onchange="chooseCounty()">
|
|
<c:forEach items="${cityList}" var="dept">
|
|
<c:choose>
|
|
<c:when test="${dept.dremark == city}">
|
|
<option value="${dept.dremark}" selected="selected">${dept.dname}</option>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<option value="${dept.dremark}">${dept.dname}</option>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</c:forEach>
|
|
</select>
|
|
</div>
|
|
<div class="form_select" style="width: 110px;">
|
|
<select class="form-control" id="county" name="county">
|
|
<c:forEach items="${countyList}" var="dept">
|
|
<c:choose>
|
|
<c:when test="${dept.dremark == county}">
|
|
<option value="${dept.dremark}" selected="selected">${dept.dname}</option>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<option value="${dept.dremark}">${dept.dname}</option>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</c:forEach>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hpzs">
|
|
<label class="form_label">时间范围：</label>
|
|
<div class="form_input">
|
|
<input id="starttime" name="starttime" value="${starttime}" readonly="readonly"/>
|
|
</div>
|
|
-<div class="form_input">
|
|
<input id="endtime" name="endtime" value="${endtime}" readonly="readonly"/>
|
|
</div>
|
|
</div>
|
|
<div class="form_hpzs">
|
|
<label class="form_label">投诉对象：</label>
|
|
<div class="form_input">
|
|
<input id="accuseObjectlist" name="accuseObjectlist" value="${accuseObjectlist}"/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<button type="button" onclick="mySearch()" class="bttn bttn_ss" title="搜索"><i class="fa fa-search"></i>搜索</button>
|
|
<button class="bttn" title="重置" onclick="myReset()"><i class="fa fa-rotate-left "></i>重置</button>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="lst_table_box">
|
|
<div class="t_r_t" id="t_r_t">
|
|
<div class="t_r_title pp-list">
|
|
<table class="pp-list">
|
|
<tr>
|
|
<th style="text-align:center;" width="5%">序号</th>
|
|
<th style="text-align:center;" width="10%">投诉对象</th>
|
|
<th style="text-align:center;" width="10%">投诉时间</th>
|
|
<th style="text-align:center;" width="10%">投诉类型</th>
|
|
<th style="text-align:center;" width="10%">投诉渠道</th>
|
|
<th style="text-align:center;" width="10%">客源地</th>
|
|
<th style="text-align:center;" width="10%">投诉发生地</th>
|
|
<th style="text-align:center;" width="25%">投诉内容</th>
|
|
<th style="text-align:center;" width="10%">处理状态</th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="t_r_content t_table" id="t_r_content" onscroll="aa()" style="max-height:360px">
|
|
<table class="pp-list">
|
|
<c:forEach items="${list}" var="lis" varStatus="vst">
|
|
<tr>
|
|
<td align="center" width="5%">${(vst.index)+1}</td>
|
|
<td title="${lis.accuse_object}" width="10%">${lis.accuse_object}</td>
|
|
<td title="" width="10%"><fmt:formatDate value="${lis.accuse_time}" type="date" pattern="yyyy-MM-dd"/></td>
|
|
<td title="${lis.accuse_type}" width="10%">
|
|
<cjy:dic diccode="${lis.accuse_type}"/>
|
|
</td>
|
|
<td title="${lis.accuse_place}" width="10%">
|
|
<cjy:dic diccode="${lis.accuse_place}"/>
|
|
</td>
|
|
<td title="${lis.fountain} " width="10%">
|
|
<cjy:reg diccode="${lis.fountain}"/>
|
|
</td>
|
|
<td title="${lis.accuse_generated}" width="10%">
|
|
<cjy:reg diccode="${lis.accuse_generated}"/>
|
|
</td>
|
|
<td title="${lis.accuse_content}" width="25%">${lis.accuse_content}</td>
|
|
<td title="${lis.accuse_result}" width="10%">
|
|
<cjy:dic diccode="${lis.accuse_result}"/>
|
|
</td>
|
|
<%-- <td title="${lis.accuse_result}" width="10%">已处理</td> --%>
|
|
</tr>
|
|
</c:forEach>
|
|
</table>
|
|
</div>
|
|
<%@include file="/common/page.jsp"%>
|
|
</div>
|
|
</form>
|
|
<!-- 时间选择器 -->
|
|
<script type="text/javascript" src="${ctx}/js/laydate5.09/laydate.js"></script>
|
|
<script type="text/javascript">
|
|
laydate.render({
|
|
elem: '#starttime',
|
|
theme: 'datecolor'
|
|
});
|
|
laydate.render({
|
|
elem: '#endtime',
|
|
theme: 'datecolor'
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |