<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
|
%>
|
<%@ taglib uri="/struts-tags" prefix="s"%>
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<!-- 默认使用最高内核 -->
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
|
<base href="<%=basePath%>">
|
<title>问题反馈</title> <!-- 问题反馈 -->
|
<link rel="stylesheet" href="css/basic.css">
|
<link rel="stylesheet" type="text/css" href="css/nocontent.css">
|
<link rel="stylesheet" type="text/css" href="css/loading.css">
|
<link rel="stylesheet" type="text/css" href="css/basic-layout.css"/>
|
<link rel="stylesheet" href="css/sidebar.css" />
|
<link rel="stylesheet" href="css/confirm.css" />
|
<link rel="stylesheet" href="src/css/layui.css" />
|
<link rel="stylesheet" href="pages/css/mylayui.css">
|
<style type="text/css">
|
.b8cfe5 {
|
background-color: #b8cfe5 !important;
|
}
|
.filter-container .filter-content th {
|
text-align: center;
|
}
|
|
</style>
|
</head>
|
|
<body>
|
<!--头部内容开始-->
|
<jsp:include page="Top.jsp" flush="true"/>
|
<!--头部内容结束-->
|
<!--导航开始-->
|
<jsp:include page="nav.jsp" flush="true"/>
|
<div class="filter-container">
|
<div class="filter-title"><a href="javascript:;">问题反馈</a></div>
|
<div class="filter-content">
|
<table>
|
<tbody>
|
<tr>
|
<th>省</th> <!-- 省 -->
|
<th>市</th> <!-- 市 -->
|
<th><s:text name="Computer_site"/></th> <!-- 机房站点 -->
|
|
|
</tr>
|
<tr>
|
<td>
|
<select name="" id="station_name1">
|
|
</select>
|
</td>
|
<td>
|
<select name="" id="city">
|
|
</select>
|
</td>
|
<td>
|
<select name="" id="station_name3">
|
|
</select>
|
</td>
|
|
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
|
<!-- 导出表格数据的表单 -->
|
<form id="export_excel" action="ExportTable.servlet" method="post">
|
<input type="hidden" name="PageName" value="eleHistoryWarn.jsp"/>
|
<input type="hidden" id="table_th_arr" name="table_th_arr"/>
|
<input type="hidden" id="table_td_arr" name="table_td_arr"/>
|
</form>
|
<div style="width: 100%;overflow:hidden;">
|
<table id="eleInfoTbl" lay-filter="eleInfoTbl"></table>
|
</div>
|
|
<div >
|
<!-- 分页内容 -->
|
<div id="paging">
|
<a href="javascript:" id="search" class="layui-btn layui-btn-normal search">查找</a>
|
<a class="layui-btn layui-btn-normal addbtn">添加</a>
|
<script type="text/html" id="toolBar">
|
<a class="layui-btn layui-btn-xs" lay-event="details">添加</a>
|
</script>
|
|
<a href="javascript:" id="export_table" class="layui-btn layui-btn-normal outbtn"><s:text name="Export"/></a> <!-- 导出 -->
|
|
</div>
|
</div>
|
<div id="details"></div>
|
<div id="detailsOpts"></div>
|
<script type="text/javascript" src="jqueryui/jquery-ui.min.js"></script>
|
<script type="text/javascript" src="js/equip-stats-change.jquery.ui.js"></script>
|
<script type="text/javascript" src="js/eleHistWarn1-jquery.ui.js"></script>
|
<script type="text/javascript" src="js/basic-layout.js"></script>
|
<script type="text/javascript" src="js/sidebar.js"></script>
|
<script type="text/javascript" src="js/rightmenu.js"></script>
|
<script type="text/javascript" src="js/myConfirm.js"></script>
|
<script type="text/javascript" src="js/myinterval.js"></script>
|
<script type="text/javascript" src="js/pageUtil.js"></script>
|
<script type="text/javascript" src="src/layui.js"></script>
|
|
<script type="text/javascript">
|
var permits;
|
<% Object obj=session.getAttribute("permits");
|
if(obj!=null){
|
String permits =obj.toString(); %>
|
permits=<%=permits%>;
|
//console.info(json);
|
<% } %>
|
// 应用layui框架
|
layui.use(['layer', 'table', 'form', 'laytpl', 'element','jquery'],function() {
|
var layer = layui.layer // 获取layer模块
|
,table = layui.table // 获取table模块
|
,element = layui.element
|
,$=layui.jquery
|
,form = layui.form;
|
// 表格数据配置项
|
var tOptions = {
|
elem: '#eleInfoTbl'
|
,toolbar: false
|
,defaultToolbar: ['exports', 'filter']
|
,cellMinWidth: 80
|
,cols: [[
|
{field:'station_name1', title:'省', align:'center'}
|
,{field:'city', title:'市', align:'center'}
|
,{field:'stationName3', title:'机房名称', align:'center'}
|
,{field:'note', title:'时间', align:'center'}
|
,{field:'question',fixed: 'right', title:'故障详情', width: 70}
|
]]
|
,data:[]
|
,page: true
|
,height: 'full-280'
|
};
|
|
// 生成表格数据
|
table.render(tOptions);
|
// $(document).ready(function(){
|
//console.info(1111);
|
// tOptions.data=getData(100,0);
|
// var tableObj = table.render(tOptions);
|
// tableObj.reload(tOptions);
|
// });
|
|
|
function getData(a,b){
|
var arr=[];
|
for(i=0;i<a;i++){
|
arr.push({'station_name1':b,'city':b+i,'stationName3':b+i+1,'note':b+i+2,'question':'hahaha哈哈卡卡卡卡卡卡卡卡'+i});
|
}
|
return arr
|
}
|
|
$(document).on('click','.addbtn',function(){
|
searchStationHistRecord();
|
});
|
function searchStationHistRecord(){
|
// 将param添加到#detailsOpts
|
//$('#detailsOpts').data('data', param);
|
// 请求获取当前省下的市
|
// 显示面板
|
layer.open({
|
type: 2,
|
title: '<span style="font-weight:bold">>>问题添加</span>',
|
area: ['650px', '450px'],
|
fixed: false, //不固定
|
maxmin: true,
|
content: 'iframe/batt-fault-manage-add.html'
|
});
|
|
}
|
|
// 省-市-机房-电池组
|
$(document).ready(function() {
|
//页面加载时查询维护区中的枢纽类型
|
$.post("User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup", null,
|
function(data) {
|
data = data.result;
|
data = eval("(" + data + ")");
|
//console.info(data);
|
if (data.code == 1 && data.data.length > 0) {
|
var $select = $("#station_name1");
|
$select.text('');
|
for (var i = 0; i <= data.data.length; i++) {
|
$option = $("<option></option>");
|
if (i == 0) {
|
$option.html("全部(" + data.data.length + ")");
|
$option.attr("value", "");
|
} else {
|
$option.text(data.data[i - 1]);
|
$option.attr("value", data.data[i - 1]);
|
}
|
$select.append($option);
|
}
|
} else {
|
$("#station_name1").text('').html('<option>暂无管理的维护区</option>');
|
}
|
findCity();
|
});
|
});
|
|
function findCity() {
|
var data = {
|
StationName1: $("#station_name1").val()
|
};
|
// 请求获取当前省下的市
|
$.ajax({
|
type: "post",
|
url: "BattInfAction!serchStationName2",
|
async: true,
|
dataType: 'json',
|
data: "json = " + JSON.stringify(data),
|
success: function(data) {
|
var rs = JSON.parse(data.result);
|
var $select = $("#city");
|
if (rs.code == 1) {
|
var _data = rs.data;
|
// 根据数据构造生成下拉列表的数据
|
var optsList = [];
|
for (var i = 0; i < _data.length; i++) {
|
var __data = _data[i];
|
var tmp = getOptionsData(__data.StationName2, __data.StationName2, __data);
|
optsList.push(tmp);
|
}
|
// 根据数据生成下拉列表
|
createOptions($select, optsList, true);
|
|
} else {
|
$select.text('').html('<option>暂无可测市</option>');
|
|
}
|
findStationNamebyStationname1();
|
}
|
});
|
}
|
//当维护区的值变换时更新市
|
$('#station_name1').change(function() {
|
findCity();
|
});
|
//当维护区的值变换时更新机房站点
|
$('#city').change(function() {
|
findStationNamebyStationname1();
|
});
|
|
//根据省，市查询站点
|
function findStationNamebyStationname1() {
|
var tmp = {
|
StationName1: $("#station_name1").val(),
|
StationName2: $("#city").val()
|
};
|
//var selectvalue=$("#station_name1 option:selected").val();
|
//alert(selectvalue);
|
$.post("BattInfAction!serchStationName3", "json=" + JSON.stringify(tmp),
|
function(data) {
|
var rs = JSON.parse(data.result);
|
console.info(rs);
|
if (rs.code == 1) {
|
var _data = rs.data;
|
var $select = $("#station_name3");
|
// 根据数据构造生成下拉列表的数据
|
var optsList = [];
|
for (var i = 0; i < _data.length; i++) {
|
var __data = _data[i];
|
var _attr = {
|
StationId: __data.StationId
|
};
|
var tmp = getOptionsData(__data.StationName3, __data.StationName3, __data, _attr);
|
optsList.push(tmp);
|
}
|
|
// 根据数据生成下拉列表
|
createOptions($select, optsList, true);
|
|
} else {
|
$("#station_name3").text('').html('<option>暂无可测机房站点</option>');
|
|
}
|
});
|
}
|
|
function tempCondition(){
|
temp ={
|
StationId:"",
|
StationName1:$('#station_name1').val(),
|
StationName2:$('#city').val(),
|
StationName5:"",
|
page:{
|
pageSize:10,
|
pageCurr:1,
|
},
|
}
|
console.info(temp);
|
return temp;
|
}
|
|
function searchfault()
|
{
|
var sData = tempCondition();
|
var loading = layer.load();
|
// 根据查询条件，查询内容
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'Deverror_recordAction!serchByCondition',
|
data: "json="+JSON.stringify(sData),
|
dataType: 'json',
|
success: function(result) {
|
//console.info(result);
|
var data = JSON.parse(result.result);
|
console.info(data)
|
if(data.code==1&&data.data.length>0){
|
console.info(data);
|
var data = data.data;
|
for(i=0;i<data.length;i++){
|
var tmp = {};
|
var data = data[i];
|
tmp.station_name1 = data.stationName1;
|
tmp.city = data.stationName2;
|
tmp.stationName3 = data.stationName;
|
tmp.note = data.record_time;
|
tmp.question = data.error_descript;
|
tOptions.data.push(tmp);
|
}
|
}else {
|
layer.msg('暂无数据！', {icon:0, shade: 0.1,shadeClose:true});
|
}
|
console.info(tOptions);
|
var pageNum = data.length;
|
console.info(pageNum);
|
tOptions.limit = pageNum;
|
// 设置分页信息
|
$('#total').text(pageNum);
|
table.render(tOptions);
|
layer.close(loading);
|
}
|
});
|
}
|
|
$('#search').click(function(){
|
searchfault();
|
});
|
|
});
|
|
|
|
</script>
|
</body>
|
</html>
|
