<%@ 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>区/县</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="county"></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="search"><s:text name="Search"/><!-- 查询 --></a>
|
<a href="javascript:" class="export"><s:text name="Export"/><!-- 导出 --></a>
|
<s:text name="At_present"/><!-- 当前 --><span id="current">1/0</span>
|
<span><s:text name="Each_page"/><!-- 每页 --><input type="text" id="number" value="10"/><s:text name="Item"/><!-- 条 --></span>
|
<s:text name="Total_data"/><!-- 数据总量 --><span id="total">0</span>
|
<a href="javascript:" id="home"><s:text name="HomePage"/><!-- 首页 --></a>
|
<a href="javascript:" id="pre"><s:text name="Page_Up"/><!-- 上一页 --></a>
|
<a href="javascript:" id="next_p"><s:text name="Page_Down"/><!-- 下一页 --></a>
|
<a href="javascript:" id="last"><s:text name="End_Page"/><!-- 尾页 --></a>
|
<span id="cont">
|
<s:text name="Goto"/><!-- 转到 -->
|
<input type="text" id="page_num" value="1" onfocus="this.type='text'" autoComplete="off">
|
<input type="text" style="display:none;" id="456" value="1" onfocus="this.type='text'" autoComplete="off">
|
<a href="javascript:" id="go"><s:text name="Jump"/><!-- 跳转 --></a>
|
</span>
|
<a href="javascript:" class="addbtn">添加</a>
|
</div>
|
</div>
|
<!-- 关闭更新弹出框的按钮 -->
|
<div id="closeUploadBtn"></div>
|
<div id="details"></div>
|
<div id="detailsOpts"></div>
|
<!-- 存储显示图片详情的信息 -->
|
<div id="detailImgs"></div>
|
<!-- 存储解决方案的信息 -->
|
<div id="subPlan"></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/html" id="toolBar">
|
<a class="layui-btn layui-btn-xs" lay-event="details">故障详情</a>
|
<a class="layui-btn layui-btn-xs" lay-event="delError">排除故障方案</a>
|
</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 uploadIframe; // 面板
|
// 表格数据配置项
|
var tOptions = {
|
elem: '#eleInfoTbl'
|
,toolbar: false
|
,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:'error_en', title: '故障排除状态', align: 'center'}
|
,{field:'error_dispose', title: '处理方案', align: 'center'}
|
,{field:'question', title:'故障描述', align:'center'},
|
,{fixed: 'right', title:'操作',toolbar: '#toolBar', width: 200, align:'center'}
|
]]
|
,data:[]
|
,page: false
|
,height: 'full-280'
|
};
|
|
// 生成表格数据
|
table.render(tOptions);
|
|
table.on('tool(eleInfoTbl)', function(obj){
|
//console.log(obj);
|
var ev = obj.event;
|
switch(ev) {
|
case 'details':
|
faultDetails(obj.data);
|
break;
|
case 'delError':
|
addSubPlan(obj.data);
|
break;
|
default:
|
layer.msg('功能开发中...');
|
break;
|
}
|
|
});
|
|
// 查询故障详情
|
function faultDetails(data) {
|
var imgOpts = setDetailsOpts(data);
|
$('#detailImgs').data('data', imgOpts);
|
layer.open({
|
type: 2,
|
title: '<span style="font-weight:bold">>>故障详情</span>',
|
area: ['700px', '660px'],
|
fixed: false, //不固定
|
resize: false,
|
maxmin: false,
|
content: 'iframe/batt-fault-manage-details.html'
|
});
|
}
|
|
// 构造结果
|
function setDetailsOpts(data) {
|
var rs={
|
num: data.num,
|
des: data.question?data.question:'暂无描述！！！'
|
};
|
var picture_num = data.picture_num;
|
var imgs = [];
|
switch(picture_num) {
|
case 1:
|
imgs = ['picture_one'];
|
break;
|
case 2:
|
imgs = ['picture_one','picture_two'];
|
break;
|
case 3:
|
imgs = ['picture_one', 'picture_two', 'picture_three'];
|
break;
|
case 4:
|
imgs = ['picture_one', 'picture_two', 'picture_three', 'picture_four'];
|
break;
|
}
|
|
rs.imgs = imgs;
|
|
return rs;
|
}
|
|
// 添加解决方案
|
function addSubPlan(data) {
|
var subPlanData = setSubPlanData(data);
|
|
$('#subPlan').data('data', subPlanData);
|
|
uploadIframe = layer.open({
|
type: 2,
|
title: '<span style="font-weight:bold">>>故障排除方案</span>',
|
area: ['700px', '560px'],
|
fixed: false, //不固定
|
resize: false,
|
maxmin: false,
|
content: 'iframe/batt-fault-manage-del.html'
|
});
|
}
|
|
// 构造解决方案的结果
|
function setSubPlanData(data) {
|
var rs = {
|
num: data.num,
|
error_en: 1,
|
error_dispose: ''
|
};
|
|
return rs;
|
}
|
|
|
function getData(a,b){
|
var arr=[];
|
for(var 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(){
|
// 显示面板
|
uploadIframe = layer.open({
|
type: 2,
|
title: '<span style="font-weight:bold">>>问题添加</span>',
|
area: ['1200px', '600px'],
|
fixed: false, //不固定
|
resize: false,
|
maxmin: true,
|
content: 'iframe/batt-fault-manage-add1.html'
|
});
|
|
}
|
|
// 关闭上传图片的面板
|
$('#closeUploadBtn').click(function() {
|
layer.close(uploadIframe);
|
// 查询内容
|
searchfault();
|
});
|
|
// 省-市-机房-电池组
|
$(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>');
|
|
}
|
findCounty();
|
}
|
});
|
}
|
|
// 查询区/县
|
function findCounty() {
|
var tmp = {
|
StationName1:$("#station_name1").val(),
|
StationName2:$("#city").val(),
|
};
|
|
// 查询区县
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: "BattInfAction!serchStationName5",
|
data: "json="+JSON.stringify(tmp),
|
success:function(data) {
|
var rs = JSON.parse(data.result);
|
var $select = $("#county");
|
if(rs.code==1){
|
var _data = rs.data;
|
// 根据数据构造生成下拉列表的数据
|
var optsList = [];
|
for(var i=0;i<_data.length;i++){
|
var __data = _data[i];
|
var _attr = {
|
StationId: __data.StationId
|
};
|
var tmp = getOptionsData(__data.StationName5, __data.StationName5, __data, _attr);
|
optsList.push(tmp);
|
}
|
|
// 根据数据生成下拉列表
|
createOptions($select, optsList, true);
|
}else{
|
$select.text('').html('<option>暂无可测机房站点</option>');
|
}
|
findStationNamebyStationname1();
|
}
|
});
|
}
|
|
//当维护区的值变换时更新市
|
$('#station_name1').change(function() {
|
findCity();
|
});
|
//当维护区的值变换时更新机房站点
|
$('#city').change(function() {
|
findCounty();
|
});
|
|
//当区/县的值变换时更新机房站点
|
$('#county').change(function(){
|
findStationNamebyStationname1();
|
});
|
|
//根据省，市查询站点
|
function findStationNamebyStationname1() {
|
var tmp = {
|
StationName1: $("#station_name1").val(),
|
StationName2: $("#city").val(),
|
StationName5: $("#county").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);
|
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
|
},
|
};
|
return temp;
|
}
|
|
// 查询故障内容
|
function searchfault()
|
{
|
var sData = tempCondition();
|
var load = layer.load(1);
|
tOptions.data = [];
|
// 根据查询条件，查询内容
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'Deverror_recordAction!serchByCondition',
|
data: "json="+JSON.stringify(sData),
|
dataType: 'json',
|
success: function(result) {
|
var data = JSON.parse(result.result);
|
if(data.code==1&&data.data.length>0){
|
data = data.data;
|
console.log(data);
|
for(var i=0;i<data.length;i++){
|
var tmp = {};
|
var _data = data[i];
|
var error_en = _data.error_en?'<a class="layui-btn layui-btn-xs layui-bg-blue">已排除</a>':'<a class="layui-btn layui-btn-xs layui-bg-red">排除中...</a>'
|
tmp.station_name1 = _data.stationName1;
|
tmp.city = _data.stationName2;
|
tmp.stationName3 = _data.stationName;
|
tmp.note = _data.record_time;
|
tmp.question = _data.error_descript;
|
tmp.error_en = error_en;
|
tmp.num = _data.num;
|
tmp.county = _data.stationName5;
|
tmp.picture_num = _data.picture_num;
|
tOptions.data.push(tmp);
|
}
|
}else {
|
layer.msg('暂无数据！', {icon:0, shade: 0.1,shadeClose:true});
|
}
|
|
var pageNum = tOptions.data.length;
|
tOptions.limit = pageNum;
|
// 设置分页信息
|
$('#total').text(pageNum);
|
table.render(tOptions);
|
layer.close(load);
|
}
|
});
|
}
|
|
$('#search').click(function(){
|
searchfault();
|
});
|
});
|
</script>
|
</body>
|
</html>
|
