~whychwj/haha.git

			@@ -10,7 +10,7 @@
			<!-- 默认使用最高内核 -->
			<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
			<base href="<%=basePath%>">
			<title>问题反馈</title> <!-- 问题反馈 -->
			<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">
			@@ -26,10 +26,7 @@
			.filter-container .filter-content th {
			text-align: center;
			}
			.data-footer{
			overflow:hidden;
			margin-top:50px;
			}

			</style>
			</head>

			@@ -40,12 +37,49 @@
			<!--导航开始-->
			<jsp:include page="nav.jsp" flush="true"/>
			<div class="filter-container">
			<div class="filter-title"><a href="javascript:;">问题反馈</a></div>
			<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>
			<th>问题类型</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>
			<td>
			<select name="" id="question_name">
			<option value="-1">全部</option>
			<option value="0">电池问题</option>
			<option value="1">电源问题</option>
			<option value="2">空调问题</option>
			<option value="3">漏水问题</option>
			<option value="4">BTS设备问题</option>
			<option value="5">GPRS模块问题</option>
			<option value="6">施工安装问题</option>
			<option value="7">铁锂电池问题</option>
			<option value="8">其他问题</option>
			</select>
			</td>
			</tr>
			</tbody>
			</table>
			</div>
			</div>

			<!-- 导出表格数据的表单 -->
			<form id="export_excel" action="ExportTable.servlet" method="post">
			<input type="hidden" name="PageName" value="eleHistoryWarn.jsp"/>
			@@ -56,21 +90,35 @@
			<table id="eleInfoTbl" lay-filter="eleInfoTbl"></table>
			</div>

			<div class="data-footer">
			<div >
			<!-- 分页内容 -->
			<div id="paging">
			<!-- <a href="javascript:" class="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> <!-- 导出 -->

			<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>
			@@ -79,9 +127,14 @@
			<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" src="js/pageUtil.js"></script>
			<script type="text/javascript" src="pages/js/common.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>
			<a class="layui-btn layui-btn-xs" lay-event="viewError">查看故障方案</a>
			</script>
			<script type="text/javascript">
			var permits;
			<% Object obj=session.getAttribute("permits");
			@@ -90,6 +143,13 @@
			permits=<%=permits%>;
			//console.info(json);
			<% } %>

			var Page = {
			pageCurr:1,
			pageSize:10,
			pageAll:0
			};

			// 应用layui框架
			layui.use(['layer', 'table', 'form', 'laytpl', 'element','jquery'],function() {
			var layer = layui.layer // 获取layer模块
			@@ -97,66 +157,508 @@
			,element = layui.element
			,$=layui.jquery
			,form = layui.form;

			var homeQuestion = GLOBAL.HomeQues; // 机房问题列表
			$('#question_name').html(homeQuestion.getOptions(true));
			var uploadIframe; // 面板
			// 表格数据配置项
			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}
			{field:'stationName3', title:'机房名称', align:'center',width:450}
			,{field:'ques_type', title:'故障类型', align:'center',width:150}
			,{field:'note', title:'故障提出日期', align:'center',width:150}
			,{field:'originator', title:'故障提出人', align:'center',width:150}
			,{field:'error_en', title: '故障排除状态', align: 'center',width:150}
			,{field:'question', title:'故障描述', align:'center'}
			,{field:'error_dispose', title: '处理方案描述', align: 'center'}
			,{field:'solve_record_time', title: '处理方案提出日期', align: 'center'}
			,{field:'solve_user',title:'故障解决人',align: 'center'}
			,{fixed: 'right', title:'操作',toolbar: '#toolBar', width: 290, align:'center'}
			]]
			,data:[]
			,page: true
			,page: false
			,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);

			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;
			case 'viewError':
			viewSolveDetails(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: ['1200px', '660px'],
			fixed: false, //不固定
			resize: true,
			maxHeight: 660,
			maxmin: true,
			content: 'iframe/batt-fault-manage-details.html'
			});
			}

			// 查看处理方案描述
			function viewSolveDetails(data) {
			//console.log(data.error_en_num);
			// 判断是否已存在解决方案
			if(!data.error_en_num) {
			layer.msg('暂无解决方案');
			return;
			}


			var imgOpts = setDelDetailsOpts(data);
			$('#detailImgs').data('data', imgOpts);
			layer.open({
			type: 2,
			title: '<span style="font-weight:bold">>>处理方案详情</span>',
			area: ['1200px', '660px'],
			fixed: false, //不固定
			resize: true,
			maxHeight: 660,
			maxmin: true,
			content: 'iframe/batt-fault-manage-details.html'
			});
			}

			// 构造结果
			function setDetailsOpts(data) {
			var rs={
			title: '故障描述',
			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 setDelDetailsOpts(data) {
			var rs={
			title: '处理方案描述',
			num: data.num,
			des: data.error_dispose?data.error_dispose:'暂无描述！！！'
			};
			var picture_num = data.picture_num;
			var imgs = [];
			switch(picture_num) {
			case 1:
			imgs = ['solve_picture_one'];
			break;
			case 2:
			imgs = ['solve_picture_one','solve_picture_two'];
			break;
			case 3:
			imgs = ['solve_picture_one', 'solve_picture_two', 'solve_picture_three'];
			break;
			case 4:
			imgs = ['solve_picture_one', 'solve_picture_two', 'solve_picture_three', 'solve_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: ['1200px', '600px'],
			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: data.error_dispose
			};

			return rs;
			}


			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
			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(){
			// 将param添加到#detailsOpts
			//$('#detailsOpts').data('data', param);

			// 请求获取当前省下的市

			// 显示面板
			layer.open({
			uploadIframe = layer.open({
			type: 2,
			title: '<span style="font-weight:bold">>>问题添加</span>',
			area: ['600px', '400px'],
			area: ['1200px', '600px'],
			fixed: false, //不固定
			resize: false,
			maxmin: true,
			content: 'iframe/batt-fault-manage-add.html'
			content: 'iframe/batt-fault-manage-add1.html'
			});

			}
			});

			}

			// 关闭上传图片的面板
			$('#closeUploadBtn').click(function() {
			layer.close(uploadIframe);
			// 查询内容
			searchfault();
			});

			var isNewLoad = true;
			// 省-市-机房-电池组
			$(document).ready(function() {
			//页面加载时查询维护区中的枢纽类型
			var pre_province = getQueryString("province");
			$.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]);
			if(pre_province == data.data[i - 1] && isNewLoad){
			$option.attr('selected',true);
			}
			}
			$select.append($option);
			}
			} else {
			$("#station_name1").text('').html('<option>暂无管理的维护区</option>');
			}
			findCity();
			});
			});

			//根据省查询市
			function findCity() {
			var data = {
			StationName1: $("#station_name1").val()
			};
			var pre_city = getQueryString('city');
			console.info(pre_city);
			// 请求获取当前省下的市
			$.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);
			if(pre_city == __data.StationName2 && isNewLoad){
			tmp = getOptionsData(__data.StationName2, __data.StationName2, __data,{},true);
			}
			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(),
			};
			var pre_county = getQueryString('county');
			// 查询区县
			$.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);
			if(pre_county == __data.StationName5 && isNewLoad){
			tmp = getOptionsData(__data.StationName5, __data.StationName5, __data, _attr,{},true);
			}
			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 pre_home = getQueryString('home');
			//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);
			if(pre_home == __data.StationName && isNewLoad){
			tmp = getOptionsData(__data.StationName3, __data.StationName3, __data, _attr,{},true);
			isNewLoad = false
			}
			optsList.push(tmp);
			}

			// 根据数据生成下拉列表
			createOptions($select, optsList, true);
			searchfault();
			} else {
			$("#station_name3").text('').html('<option>暂无可测机房站点</option>');

			}
			});
			}

			// 构造查询后台数据
			function tempCondition(){
			var sid = $('#station_name3').find('option:selected').attr('stationid');
			sid = sid?sid: "";
			temp ={
			StationId: sid,
			StationName1:$('#station_name1').val(),
			StationName2:$('#city').val(),
			StationName5:$('#county').val(),
			MonCount: $('#question_name').val(),
			page:Page,
			};
			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>';
			var solve_record_time = _data.error_en?_data.solve_record_time:'';
			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_num = _data.error_en;
			tmp.error_en = error_en;
			tmp.error_dispose = _data.error_dispose;
			tmp.num = _data.num;
			tmp.county = _data.stationName5;
			tmp.picture_num = _data.picture_num;
			tmp.originator = _data.uname;
			tmp.solve_user = _data.solve_uname;
			tmp.solve_record_time = solve_record_time;
			tmp.ques_type = homeQuestion.getLayuiBtn(_data.error_state);
			tOptions.data.push(tmp);
			Page.pageAll = _data.page.pageAll;
			}
			}else {
			Page.pageAll = 0;
			layer.msg('暂无数据！', {icon:0, shade: 0.1,shadeClose:true});
			}

			var pageNum = tOptions.data.length;
			tOptions.limit = pageNum;
			// 设置分页信息
			$('#total').text(Page.pageAll);
			$('#current').text(Page.pageCurr+"/"+Math.ceil(Page.pageAll/Page.pageSize));

			table.render(tOptions);
			layer.close(load);
			}
			});
			}

			$('#search').click(function(){
			searchfault();
			});


			//页面分页

			//点击首页
			$('#home').click(function(){
			GotoFirstPage(Page,searchfault);
			});


			//点击上一页
			$('#pre').click(function(){
			GotoPrePage(Page,searchfault);
			});

			//点击下一页
			$('#next_p').click(function(){
			GotoNextPage(Page,searchfault);
			});

			//点击尾页
			$('#last').click(function(){
			GotoLastPage(Page,searchfault);
			});

			//点击跳转
			$('#go').click(function(){
			GotoAppointPage($('#page_num'),Page,searchfault);
			});

			//设置每页条数事件
			$('#number').blur(function(){
			var pagesize = $('#number').val();
			if(parseInt(pagesize) > 0){
			Page.pageSize = pagesize;
			}else{
			$('#number').val(Page.pageSize);
			}
			});

			// 切换问题类型重新设置分页信息
			$('#question_name').change(function() {
			Page.pageCurr = 1;
			});
			});
			</script>
			</body>
			</html>