362 lines
14 KiB
Plaintext
362 lines
14 KiB
Plaintext
<%@page import="com.ifish.enums.ReplyTypeEnum"%>
|
|
<%@page import="com.ifish.enums.SysUserEnum"%>
|
|
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>问题反馈</title>
|
|
<!-- css and js -->
|
|
<%@ include file="../htm/script.jsp" %>
|
|
|
|
<script type="text/javascript">
|
|
var dataTable = null;
|
|
$(function(){
|
|
//模态框
|
|
$('#myModal').modal({
|
|
backdrop:'static',
|
|
show:false
|
|
});
|
|
$("#zhipaiModal").modal({
|
|
backdrop:'static',
|
|
show:false
|
|
});
|
|
//关闭
|
|
$(".closeIcon").click(function(){
|
|
$('#myModal').modal("hide");
|
|
$('#zhipaiModal').modal("hide");
|
|
});
|
|
//分页
|
|
dataTable = $('#sample-table-1').dataTable({
|
|
"sPaginationType": "bootstrap",
|
|
//"bProcessing": true,
|
|
"bServerSide": true,//指定从服务器端获取数据
|
|
"sAjaxSource": "<%=basePath%>page/admin/questionInf.do",
|
|
"fnServerData": function(sSource, aoData, fnCallback){
|
|
//查询参数
|
|
var searchClass = $(".searchClass");
|
|
for (var i = 0; i < searchClass.length; i++) {
|
|
var id = $(searchClass[i]).attr("id");
|
|
var value = $(searchClass[i]).val();
|
|
aoData.push({"name":id,"value":value});
|
|
}
|
|
$.ajax({
|
|
"dataType": "json",
|
|
"type": "POST",
|
|
"url": sSource,
|
|
"data": aoData,
|
|
"cache": false,
|
|
"success": function(json){
|
|
fnCallback(json);
|
|
}
|
|
});
|
|
},
|
|
"aoColumns": [
|
|
{ "mData": function(question){
|
|
return '<input type="checkbox" value="'+question.questionId+'" class="ace checkboxs"/><span class="lbl"></span>';
|
|
},
|
|
"bSortable": false,
|
|
"sClass":"center"
|
|
},
|
|
{ "mData": "questionId","bSortable": false, "sClass":"center"},
|
|
{ "mData": "createTime","bSortable": false},
|
|
{ "mData": "userId","bSortable": false },
|
|
{ "mData": function(question){
|
|
return '<a href="<%=basePath%>page/admin/userDetail.do?userId='+question.userId+'" target="_blank">'+question.phoneNumber+'</a>';
|
|
},
|
|
"bSortable": false
|
|
},
|
|
{ "mData": function(question){
|
|
if(question.replyType=="<%=ReplyTypeEnum.shiyong.getKey()%>"){
|
|
return "<%=ReplyTypeEnum.shiyong.getValue()%>";
|
|
}
|
|
else if(question.replyType=="<%=ReplyTypeEnum.zhiliang.getKey()%>"){
|
|
return "<%=ReplyTypeEnum.zhiliang.getValue()%>";
|
|
}
|
|
else{
|
|
return "";
|
|
}
|
|
},
|
|
"bSortable": false
|
|
},
|
|
{ "mData": "questionContent","bSortable": false },
|
|
{ "mData": function(question){
|
|
if(question.isReply=="1"){
|
|
return question.questionReply;
|
|
}
|
|
else{
|
|
return '<span class="label label-danger arrowed">未回复</span>';
|
|
}
|
|
},
|
|
"bSortable": false
|
|
},
|
|
{ "mData": "replyTime","bSortable": false},
|
|
{ "mData": function(question){
|
|
return '<a href="javascript:void(0);" onclick="reply('+question.questionId+','+question.userId+')" title="回复" class="label label-primary"><span class="icon-edit align-top"></span></a>';
|
|
},
|
|
"bSortable": false,
|
|
"sClass":"center"
|
|
},
|
|
{ "mData": function(question){
|
|
return ' <a href="javascript:void(0);" onclick="zhipai('+question.questionId+')" title="指派" class="label label-success"><span class="icon-share-alt align-top"></span></a>';
|
|
},
|
|
"bSortable": false,
|
|
"sClass":"center"
|
|
}
|
|
],
|
|
"oLanguage": {
|
|
"sLengthMenu": "每页显示 _MENU_条",
|
|
"sZeroRecords": "没有找到符合条件的数据",
|
|
"sInfo": "当前第 _START_ - _END_ 条 共计 _TOTAL_ 条",
|
|
"sProcessing": "<img src='<%=basePath%>static/css/images/loading.gif'>",
|
|
"sInfoEmpty": "木有记录",
|
|
"sInfoFiltered": "(从 _MAX_ 条记录中过滤)",
|
|
"sSearch": "<select id='searchField' class='searchClass' style='height:25px'><option value='userId'>用户ID</option><option value='questionContent'>提交内容</option></select>:",
|
|
"oPaginate": {
|
|
"sFirst": "首页",
|
|
"sPrevious": "前一页",
|
|
"sNext": "后一页",
|
|
"sLast": "尾页"
|
|
}
|
|
}
|
|
});
|
|
|
|
$("table th input:checkbox").on("click" , function(){
|
|
var that = this;
|
|
$(this).closest('table').find('tr > td:first-child input:checkbox').each(function(){
|
|
this.checked = that.checked;
|
|
$(this).closest('tr').toggleClass('selected');
|
|
});
|
|
});
|
|
|
|
//查询
|
|
$("#sample-table-1_filter").prepend('回复状态: <select class="searchClass" id="selectField" style="height:25px"></select> ');
|
|
$("#selectField").html('<option value="">请选择</option><option value="0">未回复</option><option value="1">已回复</option>');
|
|
//$("#sample-table-1_filter").prepend('排序方式: <select class="searchClass" id="sortMode" style="height:25px"></select> ');
|
|
//$("#sortMode").html('<option value="">请选择</option><option value="asc">升序↑</option><option value="desc">降序↓</option>');
|
|
//$("#sample-table-1_filter").prepend('排序字段: <select class="searchClass" id="sortField" style="height:25px"></select> ');
|
|
//$("#sortField").html('<option value="">请选择</option><option value="createTime">提交时间</option><option value="replyTime">回复时间</option>');
|
|
$("#sample-table-1_filter").prepend('反馈类型： <select class="searchClass" id="selectField1" style="height:25px"></select> ');
|
|
$("#selectField1").html('<option value="">请选择</option><option value="<%=ReplyTypeEnum.zhiliang.getKey()%>"><%=ReplyTypeEnum.zhiliang.getValue()%></option><option value="<%=ReplyTypeEnum.shiyong.getKey()%>"><%=ReplyTypeEnum.shiyong.getValue()%></option>');
|
|
$(".searchClass").change(function(){
|
|
dataTable.fnDraw();
|
|
});
|
|
|
|
$("#sample-table-1_length").append(' <label><a href="javascript:void(0)" onclick="deleteAll()" class="btn btn-xs btn-danger"><i class="icon-trash"></i><span class="no-text-shadow">删除</span></a></label>');
|
|
|
|
//保存
|
|
$("#zhipaiSaveBtn").click(function(){
|
|
var loginAccount = $("#loginAccount").val();
|
|
if(loginAccount==null || loginAccount==""){
|
|
jAlert('指派的用户不能为空!', '提示');
|
|
return false;
|
|
}
|
|
$("#zhipaiSaveBtn").attr("disabled",true);
|
|
$("#zhipaiForm").submit();
|
|
});
|
|
$("#replaySaveBtn").click(function(){
|
|
var questionReply = $("#questionReply").val();
|
|
if(questionReply=="" || questionReply.length<5){
|
|
jAlert('回复的内容不能少于5个字!', '提示');
|
|
return false;
|
|
}
|
|
$("#replaySaveBtn").attr("disabled",true);
|
|
$("#replayForm").submit();
|
|
});
|
|
//异步提交
|
|
$("#replayForm,#zhipaiForm").ajaxForm(function(data){
|
|
//弹出ajax请求后的回调结果
|
|
if(data==true){
|
|
//刷新当前页面
|
|
$('.modal').modal("hide");
|
|
refreshTable();
|
|
jAlert('成功!', '提示');
|
|
}
|
|
else{
|
|
//刷新当前页面
|
|
refreshTable();
|
|
jAlert('失败!', '提示');
|
|
}
|
|
$("#zhipaiSaveBtn").attr("disabled",false);
|
|
$("#replaySaveBtn").attr("disabled",false);
|
|
});
|
|
});
|
|
//刷新当前页
|
|
function refreshTable(){
|
|
var iDisplayStart = dataTable.fnSettings()._iDisplayStart;
|
|
var iDisplayLength = dataTable.fnSettings()._iDisplayLength;
|
|
var pageNum = (iDisplayStart+iDisplayLength)/iDisplayLength;
|
|
dataTable.fnPageChange(--pageNum,true);
|
|
}
|
|
function reply(id,uId){
|
|
$("#questionId").val(id);
|
|
$("#userId").val(uId);
|
|
$("#questionReply").val("");
|
|
$('#myModal').modal("show");
|
|
}
|
|
function zhipai(id){
|
|
$("#questionId2").val(id);
|
|
$('#zhipaiModal').modal("show");
|
|
}
|
|
function deleteAll(){
|
|
var array = new Array();
|
|
$(".checkboxs:checked").each(function(){
|
|
array.push($(this).val());
|
|
});
|
|
if(array.toString()==""){
|
|
alert("请选择要删除的数据");
|
|
}
|
|
else{
|
|
var r = confirm("确定要删除吗？");
|
|
if (r == true) {
|
|
location.href="<%=basePath%>page/admin/deleteQuestion.do?ids="+array.toString();
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- 头部 -->
|
|
<%@ include file="../htm/header.jsp" %>
|
|
<!-- 主体 -->
|
|
<div class="main-container" id="main-container">
|
|
<div class="main-container-inner">
|
|
<!-- 侧边栏 -->
|
|
<%@ include file="../htm/sidebar.jsp" %>
|
|
<!-- 主体内容 -->
|
|
<div class="main-content">
|
|
<div class="breadcrumbs" id="breadcrumbs">
|
|
<script type="text/javascript">
|
|
try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
|
|
</script>
|
|
<ul class="breadcrumb">
|
|
<li>
|
|
<i class="icon-home home-icon"></i>
|
|
<a href="<%=basePath%>page/public/index.do">首页</a>
|
|
</li>
|
|
<li class="active">问题反馈</li>
|
|
</ul>
|
|
</div>
|
|
<div class="page-content">
|
|
<c:set var="success100" value="<%=SysUserEnum.success100.getKey()%>"></c:set>
|
|
<c:set var="failed101" value="<%=SysUserEnum.failed101.getKey()%>"></c:set>
|
|
<c:if test="${status == success100}">
|
|
<div class="alert alert-block alert-success">
|
|
<i class="icon-ok green">操作<%=SysUserEnum.success100.getValue()%></i>
|
|
</div>
|
|
</c:if>
|
|
<c:if test="${status == failed101}">
|
|
<div class="alert alert-block alert-danger">
|
|
<i class="icon-remove red">操作<%=SysUserEnum.failed101.getValue()%></i>
|
|
</div>
|
|
</c:if>
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="table-header"></div>
|
|
<div class="table-responsive">
|
|
<table id="sample-table-1" class="table table-striped table-bordered table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th class="center">
|
|
<label>
|
|
<input type="checkbox" class="ace" />
|
|
<span class="lbl"></span>
|
|
</label>
|
|
</th>
|
|
<th class="center">ID</th>
|
|
<th>提交时间</th>
|
|
<th>用户ID</th>
|
|
<th>手机号</th>
|
|
<th>反馈类型</th>
|
|
<th>提交内容</th>
|
|
<th>回复内容</th>
|
|
<th>回复时间</th>
|
|
<th class="center">回复</th>
|
|
<th class="center">指派</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<form action="<%=basePath%>page/admin/replyQuestion.do" method="post" id="replayForm">
|
|
<div class="modal fade" id="myModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close closeIcon">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title" id="myModalLabel">回复</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<input type="hidden" name="userId" id="userId">
|
|
<input type="hidden" name="isReply" value="1">
|
|
<input type="hidden" name="questionId" id="questionId">
|
|
<textarea name="questionReply" id="questionReply" style="width:100%" placeholder="请输入回复的内容!字数控制在5~50个字之间！" required="required" maxlength="50"></textarea>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default closeIcon">关闭</button>
|
|
<button type="submit" id="replaySaveBtn" class="btn btn-primary">保存</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<form action="<%=basePath%>page/admin/appointQuestion.do" class="form-horizontal" method="post" id="zhipaiForm">
|
|
<div class="modal fade" id="zhipaiModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="closeIcon close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title">问题指派</h4>
|
|
</div>
|
|
<div class="modal-body row">
|
|
<div class="col-xs-12">
|
|
<div class="form-group">
|
|
<label class="col-xs-2 control-label no-padding-right">指派给<span style="color:red;">*</span></label>
|
|
<div class="col-xs-8">
|
|
<input type="hidden" name="questionId" id="questionId2">
|
|
<select class="form-control" name="loginAccount" id="loginAccount" required="required">
|
|
<optgroup label="电子厂">
|
|
<c:forEach items="${factoryMap }" var="factory">
|
|
<option value="${factory.key }">${factory.key }【${factory.value }】</option>
|
|
</c:forEach>
|
|
</optgroup>
|
|
<optgroup label="鱼缸厂">
|
|
<c:forEach items="${venderMap }" var="vender">
|
|
<option value="${vender.key }">${vender.key }【${vender.value }】</option>
|
|
</c:forEach>
|
|
</optgroup>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-2 control-label no-padding-right">反馈类型<span style="color:red;">*</span></label>
|
|
<div class="col-xs-8">
|
|
<select class="form-control" name="replyType">
|
|
<option value="<%=ReplyTypeEnum.zhiliang.getKey()%>"><%=ReplyTypeEnum.zhiliang.getValue()%></option>
|
|
<option value="<%=ReplyTypeEnum.shiyong.getKey()%>"><%=ReplyTypeEnum.shiyong.getValue()%></option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="closeIcon btn btn-default">关闭</button>
|
|
<button type="submit" id="zhipaiSaveBtn" class="btn btn-primary">保存</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- 设置工具 -->
|
|
<%@ include file="../htm/setting.jsp" %>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |