From bb65f33c9fdff40844f17e95e3e75aed2b42bda2 Mon Sep 17 00:00:00 2001 From: hdw <496960745@qq.com> Date: 星期四, 25 十月 2018 14:47:33 +0800 Subject: [PATCH] 修改内容 --- gx_tieta/WebRoot/index.jsp | 598 ++++++++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 508 insertions(+), 90 deletions(-) diff --git a/gx_tieta/WebRoot/index.jsp b/gx_tieta/WebRoot/index.jsp index 5f87e45..eb12531 100644 --- a/gx_tieta/WebRoot/index.jsp +++ b/gx_tieta/WebRoot/index.jsp @@ -29,10 +29,13 @@ <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script> <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" /> <link href="css/basic.css" type="text/css" rel="stylesheet" /> + <link href="css/common.css" type="text/css" rel="stylesheet" /> <link href="css/index_layout.css" type="text/css" rel="stylesheet" /> <link rel="stylesheet" href="css/img-change.css"> <link rel="stylesheet" href="css/confirm.css"> <link rel="stylesheet" href="css/loading.css"> + <link rel="stylesheet" href="src/css/layui.css"> + <link rel="stylesheet" href="pages/css/mylayui.css"> <style type="text/css"> #map .explain-header:hover { cursor: pointer; @@ -74,6 +77,21 @@ .ui-resizable-s, .ui-resizable-se { display: none !important; } + + .ui-autocomplete { + height: 200px; + overflow-y: auto; + overflow-x: hidden; + } + .BMapLib_bubble_content a { + color: #2A3AF0; + } + .BMapLib_bubble_content a:hover { + text-decoration: underline; + } + body .layui-layer-dialog { + min-width:400px; + } </style> <script type="text/javascript" src="js/jquery-1.8.3.js"></script> @@ -90,11 +108,22 @@ <jsp:include page="nav.jsp" flush="true"/> <!--瀵艰埅缁撴潫--> <div id="content"> + <!-- <div id="mapStatusOpts" class="map-status-container"> + <div class="layui-form layui-form-pane"> + <label class="layui-form-label">鏈烘埧绫诲瀷</label> + <div class="layui-input-inline"> + <select name="warnType" id="warnType"> + <option value="0">鍏ㄩ儴</option> + <option value="1">钀藉悗</option> + <option value="2">鍛婅</option> + <option value="3">寤舵椂</option> + <option value="4">姝e父</option> + </select> + </div> + </div> + </div> --> <div class="nav-map small"> <!-- 鐢垫睜鍒嗗竷鍥� --> - <div class="side-bar abs"> - <div class="lside"></div> - </div> <div class="china-map" id="map"> <div class="img-change" style="display:none;"> <div class="img-list"> @@ -133,7 +162,11 @@ <!-- 鐢垫睜鏁呴殰涓庣數姹犲憡璀﹂ゼ鐘跺浘 --> <div class="pie-con"> - + <div class="pie-conf"> + <a href="javascript:;" class="pie-btn" id="faCog" title="鍥捐〃閰嶇疆"> + <i class="fa fa-cog"></i> + </a> + </div> <!-- 鐢垫睜鏁呴殰楗肩姸鍥� --> <div class="brdn-pie module"></div> <!-- 鐢垫睜鍛婅楗肩姸鍥� --> @@ -309,12 +342,15 @@ <div class="clear"></div> <script type="text/javascript" src="pages/js/base.js"></script> <script type="text/javascript" src="pages/js/common.js"></script> + <script type="text/javascript" src="pages/js/pages/siderbar.js"></script> + <script type="text/javascript" src="pages/js/pages/index-common.js"></script> <script type="text/javascript" src="js/panel.js"></script> <script type="text/javascript" src="js/search.js"></script> <script type="text/javascript" src="js/changePinYin.js"></script> <script type="text/javascript" src="js/createMap.js"></script> <script type="text/javascript" src="js/myConfirm.js"></script> <script type="text/javascript" src="js/loading.js"></script> + <script type="text/javascript" src="src/layui.js"></script> <script type="text/javascript"> var permits; <% Object obj=session.getAttribute("permits"); @@ -398,11 +434,6 @@ $('#main .del-module').remove(); //绉婚櫎class="del-module"鐨勫唴瀹� //鏍规嵁楗肩姸鍥剧殑鏁伴噺纭畾浣嶇疆鍜屽ぇ灏� getMapHt(); - - $('.side-bar').resizable({ - minWidth: 190, - maxWidth: 500 - }); /* switch(pieLen){ case 0: $('#main .china-map').remove(); @@ -603,7 +634,6 @@ flushFourPie(); //鏇存柊鍥涚楗肩姸鍥� }); - // 璁剧疆鍙抽敭鑿滃崟 var menu = new BMap.ContextMenu(); var txtMenuItem = [ @@ -638,17 +668,7 @@ enparams:[e] }); } - }, - /* { - text: '鏈烘埧瀹氫綅', - callback: function(e) { - panel.setPanelLayout(); - panel.showPanel(); - $('#map .panel-mask').bind('click', function() { - panel.hidePanel(); - }); - } - } */ + } ]; //console.info(getPermit('taskchange_edit_permit', permits)+"*******"); if(getPermit('batt_map_edit_permit', permits)) { @@ -674,7 +694,7 @@ createIconExplain($('#map')); - searchAllProvince(); // 鐢熸垚缁存姢鍖哄垪琛� + //searchAllProvince(); // 鐢熸垚缁存姢鍖哄垪琛� /* addCommonDotHome(commonDot); createWarnDot(map, warnDotList); dischargeTimeOut(map, dischargeDotList); @@ -1350,15 +1370,6 @@ }); }); - // 鐐瑰嚮鍦板浘鐨勬悳绱㈡寜閽畾浣嶅湴鍧� - $(function() { - $('#map').on('click', '.search .search-btn', function() { - var posTxt = $('#map .search .pos-txt').val(); - addrAnalyze(posTxt); - }); - }); - - $(window).resize(function() { getMapHt(); }); @@ -1604,12 +1615,16 @@ // 閬嶅巻鏌ヨ鍐呭鐢熸垚瀵瑰簲鐨勫浘鏍� for(var i = 0; i < dotList.length; i++) { var dotIcon = new BMap.Icon(getMapStateImg(mapImages, dotList[i].msg), new BMap.Size(36, 30)); // 璁剧疆鍥剧墖 - var pt = new BMap.Point(dotList[i].lng, dotList[i].lat); - var mk = new BMap.Marker(pt, {icon:dotIcon}); // 瀹氫箟marker鐐� - addMenu(mk, mapDel); + var mk = new BMap.Marker(pt, {icon: dotIcon}); // 瀹氫箟marker鐐� + + // 鍒犻櫎鎸囧畾鐨勭偣(璇ョ偣浼氬湪鏈嚱鏁板悗闈㈤噸鏂板垱寤�) deletePoint(map, dotList[i].title); + + // 缁欑偣鍙抽敭鑿滃崟娣诲姞鍒犻櫎鎸夐挳 + addMenu(mk, mapDel); + // 鍚憁k鐐规坊鍔爈abel var home_name = new BMap.Label(dotList[i].title, {offset:new BMap.Size(20,-10)}); home_name.setStyle({display: 'none', padding: '4px 2px'}); @@ -1625,7 +1640,8 @@ mk.addEventListener('click', function(e) { var target = e.target; - showMapPanel(target, dotList); + //showMapPanel(target, dotList); + searchPanelInfo(target); }); mkList.push(mk); // 鍚戝湴鍥炬坊鍔犺鐩栫墿 @@ -1753,6 +1769,7 @@ function showMapPanel(target, warnList) { var point = target.point; + //console.log(target.getLabel()); var searchInforWin = null; for(var i = 0; i < warnList.length; i++) { if(warnList[i].lng == point.lng && warnList[i].lat == point.lat) { @@ -1782,10 +1799,9 @@ function showMapPanelByPoint(point, dataList) { var searchInforWin = null; var opts = { - //title : warnList[i].title+'<a href="javascript:loadToHomeInfo();" style="margin-left: 1em;text-decoration:none">璇︽儏>></a>', //鏍囬 title : dataList.title+'<a href="javascript:loadToHomeInfo();" style="margin-left: 1em;text-decoration:none;cursor:not-allowed">璇︽儏>></a>', //鏍囬鏈紑鍚� width : '290', //瀹藉害 - height : 140, //楂樺害 + height : 160, //楂樺害 panel : "panel", //妫�绱㈢粨鏋滈潰鏉� enableAutoPan : true, //鑷姩骞崇Щ enableSendToPhone:false, @@ -1972,12 +1988,144 @@ } } - searchStation(); - var allStation; + // 璁剧疆椤甸潰涓殑鍙鍖哄煙鍥炬爣 + ;(function($, window, document, gl, undefined) { + // 璁剧疆鍛藉悕绌洪棿 + gl.namespace('BMap'); + // 鏍规嵁鍙鑼冨洿鏄剧ず鍧愭爣鐐� + var dots = []; + var currMarkers = {}; + // 鏌ヨ褰撳墠鑼冨洿鍐呭鐨勫浘鏍� + function queryInRect(map, callback) { + var cp = map.getBounds(); // 杩斿洖map鍙鍖哄煙锛屼互鍦扮悊鍧愭爣琛ㄧず + var sw = cp.getSouthWest(); // 杩斿洖鐭╁舰鍖哄煙鐨勮タ鍗楄 + var ne = cp.getNorthEast(); // 杩斿洖鐭╁舰鍖哄煙鐨勪笢鍖楄 + //var zoom = map.getZoom(); //褰撳墠缂╂斁绾у埆 + //console.log(dots); + var mapDots = getDotsList(sw, ne); + callback(map, mapDots); + } + + // 鑾峰彇dots鐨勯泦鍚� + function getDotsList(sw, ne) { + var rs = []; + swlng=sw.lng, + swlat=sw.lat, + nelng=ne.lng, + nelat=ne.lat; + + var maxLng = sw.lng>ne.lng?sw.lng:ne.lng; + var minLng = sw.lng<ne.lng?sw.lng:ne.lng; + + var maxLat = sw.lat>ne.lat?sw.lat:ne.lat; + var minLat = sw.lat<ne.lat?sw.lat:ne.lat; + + for(var i=0; i<dots.length; i++) { + var dot = dots[i]; + var lat = dot.lat; + var lng = dot.lng; + var sId = dot.sId; + var isExist = checkMarker(sId); + + // 鏈娣诲姞杩� + if(!isExist) { + // 鍒ゆ柇缁忕含搴︽槸鍚﹀瓨鍦ㄨ鍖哄煙 + if(lng<maxLng && lng>minLng && lat<maxLat && lat>minLat) { + currMarkers['markers'+sId] = sId; + rs.push(dot); + } + } + } + return rs; + } + + + // 妫�娴嬪綋鍓嶇偣鏄惁宸茬粡琚坊鍔犺繃 + function checkMarker(id) { + var flag = false; + // 閬嶅巻宸茬粡娣诲姞鐨勭偣杩斿洖鏄惁宸茬粡琚坊鍔犺繃 + Object.keys(currMarkers).forEach(function(key) { + if(currMarkers[key] == id) { + flag = true; + } + }); + + return flag; + } + + // 璁剧疆dots闆嗗悎鐨勫�� + function setDots(data) { + dots = data; + } + + // 灏嗗彉閲忕粦瀹氬埌鍛藉悕绌洪棿涓� + gl.BMap.setDots = setDots; + + // 鏇存柊dots闆嗗悎鐨勬暟鎹� + function updateDots(data) { + for(var i=0; i<dots.length; i++) { + var _dots = dots[i]; + if(_dots.sId == data.sId) { + _dots.msg = data.msg; + } + } + } + + // 灏嗗彉閲忕粦瀹氬埌鍛藉悕绌洪棿涓� + gl.BMap.updateDots = updateDots; + + // 灏嗗嚱鏁扮粦瀹氬埌鍛藉悕绌洪棿涓� + gl.BMap.queryInRect = queryInRect; + })(jQuery, window, document, GLOBAL); + + + // 鍦板浘鏈烘埧鎼滅储妯″潡 + ;(function($, window, document, gl, undefined) { + // 璁剧疆鍛藉悕绌洪棿BMap.Search妯″潡 + gl.namespace('BMap.Search'); + + var homeInfor = []; + + // 璁剧疆homeInfor鐨勫�� + function setHomeInfor(data) { + homeInfor = data; + } + // 灏嗗嚱鏁扮粦瀹氬埌鍛藉悕绌洪棿涓� + gl.BMap.Search.setHomeInfor = setHomeInfor; + + // 鏍规嵁homeInfor鐨勫�艰繑鍥瀐ome鍒楄〃 + function getHomeList() { + var rs = []; + // 閬嶅巻homeInfor鐨勫�� + for(var i=0; i<homeInfor.length; i++) { + rs.push(homeInfor[i].title); + } + return rs; + } + // 灏嗗嚱鏁扮粦瀹氬埌鍛藉悕绌洪棿涓� + gl.BMap.Search.getHomeList = getHomeList; + })(jQuery, window, document, GLOBAL); + + // 鏌ヨ骞惰缃満鎴跨殑鍥炬爣 + $(function () { + searchStation(true); + }); + + + var allStation = []; + var mapPages = { + pageSize:1000, // 姣忛〉鐨勮鏁� + pageCurr:1, // 褰撳墠椤电爜鏁� + pageAll:1, // 鏁扮洰 + pageNum: 0, + pageNew: true + }; //鏌ヨ鏈烘埧 - function searchStation(){ + function searchStation(setRect){ var temp = createSearchParam(); var json = JSON.stringify(temp); + var bmap = GLOBAL.BMap; // BMap鐨勫懡鍚嶇┖闂� + var bmap_s = bmap.Search; // Search鐨勫懡鍚嶇┖闂� commonDot = new Array(); warnDotList = new Array(); dischargeDotList = []; @@ -1986,62 +2134,179 @@ type: "post", //url: "BattMap_informationAction!searchAll", url: "BattMap_informationAction!searchUserManageStation", - async:true, + async: true, dataType:'text', data:"json="+json, success: function(data){ data = eval('('+data+')'); - var list = eval('('+data.result+')'); - //console.info(list); + // 鑾峰彇缁撴灉闆� + var rs = JSON.parse(data.result); + var list = rs.data; + // console.log(list); allStation = new Array(); if(list!=undefined && list.length>0){ - for(var i=0;i<list.length;i++){ - //console.info("绗�"+i+"娆�:"+model.data[i].binformation.num); - //setAllStation(model.data[i],allStation); - var tmp = { - binformation:list[i].data, - alarm_num:list[i].code, //鍛婅鏁扮洰 - low_num:list[i].sum, //钀藉悗鏁扮洰 - delay_num:list[i].newsum, //寤舵椂鏁扮洰 - msg: list[i].msg - }; - allStation.push(analyzeData(tmp)); - } - //console.info(allStation); - createMapDot(map, allStation); + // 璁剧疆鍒嗛〉淇℃伅 + mapPages.pageAll = list.length; + setMapPages(); - setTimeout(searchStation, 4000); - } - /* for(var i=0;i<allStation.length;i++){ - if(allStation[i].low_num>0){ //钀藉悗鏁扮洰 - behindCellList.push(analyzeData(allStation[i])); - //console.info(analyzeData(allStation[i])); - }else if(allStation[i].alarm_num>0){ //鍛婅鏁扮洰 - warnDotList.push(analyzeData(allStation[i])); - }else if(allStation[i].delay_num > 0){ //寤舵椂鏁扮洰 - dischargeDotList.push(analyzeData(allStation[i])); - }else{ - commonDot.push(analyzeData(allStation[i])); + // 閬嶅巻鏌ヨ缁撴灉 + for(var i=0;i<list.length;i++){ + var _list = list[i]; + allStation.push(formatAllStation(_list)); + } + + // 鏄剧ず鍖哄煙鐨勫浘鏍� + bmap.setDots(allStation); + bmap.queryInRect(map, createMapDot); + // 鏄惁绗竴娆℃墽琛� + if(setRect) { + map.addEventListener("moveend", bmap.queryInRect.bind({},map, createMapDot)); // 鎷栧姩 + map.addEventListener("zoomend", bmap.queryInRect.bind({},map, createMapDot)); // 缂╂斁 + updateStation(); } } - - // 娓呯┖瑕嗙洊鐗╁拰瀵瑰簲鐨刴k鐐� - map.clearOverlays(); - mkList = []; - - addCommonDotHome(commonDot); - createWarnDot(map, warnDotList); - dischargeTimeOut(map, dischargeDotList); - behindDotCell(map, behindCellList); */ } }); } + // 鏍煎紡鍖栨煡璇㈢粨鏋� + function formatAllStation(list) { + var obj = new Object(); + // 鏋勯�犵粨鏋滈泦 + obj.lng = list.longitude; + obj.lat = list.latitude; + obj.title = list.StationName; + obj.sId = list.StationId; + obj.fbsId = list.FBSDeviceId; + obj.addr = list.Address; + obj.msg = ""; + obj.num = list.num; + return obj; + } + + // 璁剧疆鍒嗛〉鐨勪俊鎭� + function setMapPages() { + var pageNum = Math.ceil(mapPages.pageAll/mapPages.pageSize); + mapPages.pageNum = pageNum; + mapPages.pageNew= true; + } + + // 杞鏇存柊鍦板浘鐨勭偣鏌ヨ + function updateStation() { + var bmap = GLOBAL.BMap; // BMap鐨勫懡鍚嶇┖闂� + var updateStationData = []; + $.ajax({ + type: "post", + url: "BattMap_informationAction!searchUserManageStation2", + async: true, + dataType:'json', + data: "json="+JSON.stringify(mapPages), + success: function(result) { + var data = JSON.parse(result.result); + console.log(data); + for(var i=0; i<data.length; i++) { + var _data = data[i]; + var _list = formatUpdateStation(_data); + updateStationData.push(_list); + //_list.msg = 'item-nuclear_cap'; + // 鍒ゆ柇鏄惁鏇存柊 + if(mapPages.pageNew) { + bmap.updateDots(_list); + } + } + + createMapDot(map, updateStationData); + + // 鏇存柊鍒嗛〉淇℃伅 + mapPages.pageCurr++; + if(mapPages.pageCurr>mapPages.pageNum) { + mapPages.pageCurr=1; + mapPages.pageNew=false; + } + + setTimeout(updateStation, 4000); + } + }); + } + + // 鏍煎紡鍖栨煡璇㈢粨鏋� + function formatUpdateStation(list) { + var obj = {}; + var data = list.data; + // 鏋勯�犵粨鏋滈泦 + obj.lng = data.longitude; + obj.lat = data.latitude; + obj.title = data.StationName; + obj.sId = data.StationId; + obj.fbsId = data.FBSDeviceId; + obj.addr = data.Address; + obj.msg = list.msg; + obj.num = list.num; + return obj; + } + + // 鏌ヨ鏈烘埧闈㈡澘淇℃伅 + function searchPanelInfo(data) { + var point = data.point; + var stationInfo = getStaionByPoint(point); + if(!stationInfo) { + alert('闈㈡澘淇℃伅鏌ヨ澶辫触锛�'); + return; + } + var temp = { + StationId: stationInfo.sId + }; + // 鏌ヨ闈㈡澘淇℃伅 + $.ajax({ + type: 'post', + async: true, + url: 'BattMap_informationAction!searchUserManageStation3', + data: 'json='+JSON.stringify(temp), + dataType: 'json', + success: function(result) { + var rs = JSON.parse(result.result); + if(rs.length != 0) { + var data = rs[0]; + console.info(data); + var content = '<div style="padding:6px;"><span>钃勭數姹犵粍鍛婅鏁扮洰锛�</span>'+data.code+'<a style="margin-left: 14px" href="javascript:loadToWarnPage();">璇︽儏>></a></div>'+ + '<div style="padding:6px;"><span>钃勭數姹犵粍钀藉悗鏁扮洰锛�</span>'+data.sum+'<a style="margin-left: 14px" href="javascript:loadToBehindPage();">璇︽儏>></a></div>'+ + '<div style="padding:6px;"><span>钃勭數姹犵粍寤舵椂鏁扮洰锛�</span>'+data.newsum+'<a style="margin-left: 14px" href="javascript:loadToDischargeDelay();">璇︽儏>></a></div>'+ + '<div style="padding:6px"><a href="javascript:loadToRealTime();">瀹炴椂鏁版嵁</a><a style="margin-left: 20px" href="javascript:loadToOldTime();">鍘嗗彶鏁版嵁</a></div>'+ + '<div style="padding:6px;"><span>鍦板潃锛�</span>'+data.data.Address+'</div>'+ + '<input type="hidden" class="ipt-hide home" value="'+data.data.StationName+'">'+ + '<input type="hidden" class="ipt-hide province" value="'+data.data.stationName1+'">'+ + '<input type="hidden" class="ipt-hide city" value="'+data.data.stationName2+'">'; + + var list = { + title: data.data.StationName, + content: content + }; + + showMapPanelByPoint(point, list); + } + + } + }); + } + + + // 鏍规嵁缁忕含搴﹁幏鍙栨満鎴跨殑淇℃伅 + function getStaionByPoint(point) { + var stationInfo = false; + // 閬嶅巻鎵�鏈夋満鎴� + for(var i=0; i<allStation.length; i++) { + var info = allStation[i]; + if(info.lng == point.lng && info.lat == point.lat) { + stationInfo = info; + } + } + return stationInfo; + } function setAllStation(obj,allstation){ //console.info(allstation); var flag = false; var index = 0; - for(var i = 0;i < allstation.length;i++){ + for(var i = 0;i < allStation.length;i++){ //console.info(obj.binformation.num + "==" + allstation[i].binformation.num); if(obj.binformation.num == allstation[i].binformation.num){ flag = true; @@ -2148,16 +2413,18 @@ } // 瀹氫綅鍒板疄鏃舵暟鎹〉闈� function loadToRealTime() { - var battgroupId = $('.ipt-hide').eq(0).val(); - var homeId = $('.ipt-hide').eq(1).val(); - window.open('control.jsp?battgroupId='+battgroupId+'&stationId='+homeId); + var home = $('.ipt-hide.home').val(); + var province = $('.ipt-hide.province').val(); + var city = $('.ipt-hide.city').val(); + window.open('control.jsp?province='+province+'&city='+city+'&home='+home); } // 瀹氫綅鍒板巻鍙叉暟鎹〉闈� function loadToOldTime() { - var battgroupId = $('.ipt-hide').eq(0).val(); - var homeId = $('.ipt-hide').eq(1).val(); - window.open('charge-test.jsp?battgroupId='+battgroupId+'&stationId='+homeId); + var home = $('.ipt-hide.home').val(); + var province = $('.ipt-hide.province').val(); + var city = $('.ipt-hide.city').val(); + window.open('charge-test.jsp?province='+province+'&city='+city+'&home='+home); } //瀹氫綅鍒板憡璀﹂〉闈� @@ -2291,11 +2558,10 @@ text: '鍒犻櫎', callback: function(e) { //console.info(allStation); - console.info(mk); + console.info(allStation); var temp = getStationMap(allStation, mk.point); - if(confirm("纭浠庡湴鍥句笂鍒犻櫎'"+temp.StationName+"'鐨勪綅缃俊鎭悧锛�")){ + if(confirm("纭浠庡湴鍥句笂鍒犻櫎'"+temp.title+"'鐨勪綅缃俊鎭悧锛�")){ if(temp != undefined){ - //console.info(temp); var json = JSON.stringify(temp); $.ajax({ type: "post", @@ -2337,8 +2603,8 @@ function getStationMap(list,localposi){ if(list != undefined){ for(var i = 0 ; i < list.length ; i++){ - if(list[i].binformation.latitude == localposi.lat && list[i].binformation.longitude == localposi.lng){ - return list[i].binformation; + if(list[i].lat == localposi.lat && list[i].lng == localposi.lng){ + return list[i]; } } } @@ -3068,5 +3334,157 @@ img.attr('src', navImg); } } + + // 鐐瑰嚮鍦板浘鐨勬悳绱㈡寜閽畾浣嶅湴鍧� + $(function() { + $('#map').on('click', '.search .search-btn', function() { + var posTxt = $('#map .search .pos-txt').val(); + addrAnalyze(posTxt); + }); + }); + + layui.use(['form', 'layer', 'laytpl'], function() { + var form = layui.form; + var layer = layui.layer; + var laytpl = layui.laytpl; + + // 鐐瑰嚮楗肩姸鍥鹃厤缃� + $('#faCog').click(function() { + searchUserBieState(); // 鏌ヨ褰撳墠楗肩姸鍥剧殑閰嶇疆鐘舵�� + }); + + var layerMsg; + + // 鐐瑰嚮閰嶇疆椤瑰閫夋 + $('body').on('click', '#tplTblOpts .tpl-tbl-opts-header input[type=checkbox]', function(event) { + layer.close(layerMsg); + var iptList = $('#tplTblOpts .tpl-tbl-opts-header input[type=checkbox]'); + var num = 0; + iptList.each(function() { + if($(this).is(':checked')) { + num++; + } + }); + if(num>4) { + layerMsg = layer.msg("鏈�澶氶�夋嫨鍥涗釜锛�", { + type: 1 + }); + $(this).prop('checked', false); + } + + }); + + + var pie = GLOBAL.Index.Pie; + var pieType = pie.pieType; + var pieConfTpl = getTpl('iframe/pie-config.html'); + //鏌ヨ褰撳墠鐢ㄦ埛璁剧疆楗肩姸鍥剧殑浣胯兘鐘舵�� + function searchUserBieState(){ + $.ajax({ + type:"post", + url: "Echarts_usrAction!serchByCondition", + async:true, + dataType:'json', + data:null, + success: function(data){ + var model = eval('('+data.result+')'); + if(model.code == 1) { + var result = model.data; + var formatData = formatPieRsData(result[0]); + laytpl(pieConfTpl).render(formatData, function(html) { + layer.open({ + id: 'pie', + title: '楗肩姸鍥鹃厤缃�', + maxHeight: 450, + content: html, + yes: function(index) { + var iptList = $('#tplTblOpts .tpl-tbl-opts-header input[type=checkbox]'); + var iptArr = []; + iptList.each(function() { + if($(this).is(':checked')) { + iptArr.push(1); + }else { + iptArr.push(0); + } + }); + + var temp = structUpdatePie(iptArr); + layer.load(); + updateUserBieState(temp); + } + }); + }); + } + + } + }); + } + + // 鏍煎紡鍖栨煡璇㈢粨鏋� + function formatPieRsData(result) { + var data={}; + data.tblData=[]; + // 閬嶅巻pieType鐨勭被鍨� + for(var i=0; i<pieType.length; i++) { + var tmp = {}; + var num = i+1; + var key = 'echarts'+num+'_enable'; + tmp.name = pieType[i].name; + tmp.status = result[key]; + data.tblData.push(tmp); + } + + return data; + } + + + // 鏋勯�犳洿鏂伴ゼ鐘跺浘鍙傛暟 + function structUpdatePie(arr) { + var rs = { + echarts1_enable:0, + echarts2_enable:0, + echarts3_enable:0, + echarts4_enable:0, + echarts5_enable:0, + echarts6_enable:0, + echarts7_enable:0, + echarts8_enable:0, + echarts9_enable:0, + echarts10_enable:0 + }; + + // 閬嶅巻arr缁檙s鍊奸噸瀹氫箟 + for(var i=0; i<arr.length; i++) { + var num = i+1; + var key = 'echarts'+num+'_enable'; + rs[key] = arr[i]; + } + + return rs; + } + + // 鏇存柊褰撳墠鐢ㄦ埛璁剧疆楗肩姸鍥剧殑浣胯兘鐘舵�� + function updateUserBieState(temp, dialog, load){ + // 鏇存柊鍚庡彴鏁版嵁 + $.ajax({ + type:"post", + url: "Echarts_usrAction!add", + async:true, + dataType:'json', + data:'json='+JSON.stringify(temp), + success: function(data){ + layer.closeAll(); + + var model = eval('('+data.result+')'); + if(model.code == 1) { + layer.msg('閰嶇疆鎴愬姛锛侊紒锛�'); + }else { + layer.msg('閰嶇疆澶辫触锛侊紒锛�'); + } + } + }); + } + + }); </script> </html> -- Gitblit v1.9.1