From b5880f032a5b891c39085a167c759d5c08204a6c Mon Sep 17 00:00:00 2001
From: 81041 <81041@192.168.10.27>
Date: 星期二, 06 十一月 2018 11:23:54 +0800
Subject: [PATCH] gprs修改
---
gx_tieta/WebRoot/batt-fault-manage.jsp | 513 +++++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 444 insertions(+), 69 deletions(-)
diff --git a/gx_tieta/WebRoot/batt-fault-manage.jsp b/gx_tieta/WebRoot/batt-fault-manage.jsp
index 2e14351..383010c 100644
--- a/gx_tieta/WebRoot/batt-fault-manage.jsp
+++ b/gx_tieta/WebRoot/batt-fault-manage.jsp
@@ -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,34 @@
<!--瀵艰埅寮�濮�-->
<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> <!-- 鏈烘埧绔欑偣 -->
+ </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"/>
@@ -56,21 +75,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>
@@ -81,7 +114,11 @@
<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/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");
@@ -90,6 +127,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,83 +141,414 @@
,element = layui.element
,$=layui.jquery
,form = layui.form;
+ 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:'station_name1', title:'鐪�', align:'center',width:100}
+ ,{field:'city', title:'甯�', align:'center',width:100}
+ ,{field:'stationName3', title:'鏈烘埧鍚嶇О', align:'center',width:450}
+ ,{field:'note', title:'璁板綍鏃堕棿', align:'center',width:150}
+ ,{field:'error_en', title: '鏁呴殰鎺掗櫎鐘舵��', align: 'center',width:150}
+ ,{field:'error_dispose', title: '澶勭悊鏂规', align: 'center'}
+ ,{field:'question', title:'鏁呴殰鎻忚堪', align:'center'},
+ ,{fixed: 'right', title:'鎿嶄綔',toolbar: '#toolBar', width: 200, 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;
+ 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 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: 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});
+ 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;
}
- return arr
- }
-
-
-
-
-
-
-
-
+
$(document).on('click','.addbtn',function(){
searchStationHistRecord();
});
+ // 娣诲姞鏁呴殰淇℃伅
function searchStationHistRecord(){
- // 灏唒aram娣诲姞鍒�#detailsOpts
- //$('#detailsOpts').data('data', param);
-
- // 璇锋眰鑾峰彇褰撳墠鐪佷笅鐨勫競
-
- // 鏄剧ず闈㈡澘
- layer.open({
- type: 2,
- title: '<span style="font-weight:bold">>>闂娣诲姞</span>',
- area: ['600px', '400px'],
- fixed: false, //涓嶅浐瀹�
- maxmin: true,
- content: 'iframe/batt-fault-manage-add.html'
- });
+ // 鏄剧ず闈㈡澘
+ 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: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>';
+ 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.error_dispose = _data.error_dispose;
+ tmp.num = _data.num;
+ tmp.county = _data.stationName5;
+ tmp.picture_num = _data.picture_num;
+ 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);
+ }
+ });
});
-
-
-
-
-
</script>
</body>
</html>
--
Gitblit v1.9.1