| | |
| | |
|
| | | <div class="nav-map small">
|
| | | <!-- 地图内容筛选 -->
|
| | | <div class="map-info-panel-left">
|
| | | <div class="map-info-panel-left w300">
|
| | | <div class="map-info-panel-content">
|
| | | <div class="map-info">
|
| | | <span>限制显示区域: </span><span class="k-point red" id="mapVsArea">中国</span>
|
| | | <span class="mr5">机房显示类型:</span><span class="k-point red" id="mapIconStyle">全部</span>
|
| | | <span class="map-info-btn-icon" id="showMapInfoDetail" title="详情"><i class="fa fa-angle-double-down"></i></span>
|
| | | <div class="map-info" id="showMapInfoDetail">
|
| | | <span>地图工具</span>
|
| | | <span class="map-info-btn-icon" title="详情"><i class="fa fa-angle-double-down"></i></span>
|
| | | </div>
|
| | | <div class="map-info-detail">
|
| | | <table>
|
| | | <tbody>
|
| | | <tr>
|
| | | <td class="w8em alg-c">限制显示区域:</td>
|
| | | <td>
|
| | | <select name="mapVsAreaSel" id="mapVsAreaSel">
|
| | | <option>中国</option>
|
| | | <option>中国-广西</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="w8em alg-c">机房显示类型:</td>
|
| | | <td>
|
| | | <select name="mapIconStyleSel" id="mapIconStyleSel">
|
| | | <option>全部</option>
|
| | | </select>
|
| | | </td>
|
| | | </tr>
|
| | | </tbody>
|
| | | </table>
|
| | | <div class="map-info-footer alg-r">
|
| | | <button type="button" class="mr10 map-panel-hide" value="确定" id="mapPanelEn">确定</button>
|
| | | <button type="button" class="mr10 map-panel-hide" value="隐藏">隐藏</button>
|
| | | <div class="layui-collapse" lay-filter="test" lay-accordion="">
|
| | | <div class="layui-colla-item">
|
| | | <h2 class="layui-colla-title">定位机房</h2>
|
| | | <div class="layui-colla-content layui-show">
|
| | | <table>
|
| | | <tbody>
|
| | | <tr>
|
| | | <td class="w5em alg-c f-bold">机房名称:</td>
|
| | | <td><input type="text" id="mapToolSearch"></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td colspan="2" class="alg-r btn-container">
|
| | | <button type="button" value="搜索" id="mapToolSearchBtn" class="mrr8">搜索</button>
|
| | | </td>
|
| | | </tr>
|
| | | </tbody>
|
| | | </table>
|
| | | </div>
|
| | | </div>
|
| | | <div class="layui-colla-item" id="permitAddHome">
|
| | | <h2 class="layui-colla-title">添加机房</h2>
|
| | | <div class="layui-colla-content">
|
| | | <table id="mapToolAddHome">
|
| | | <tbody>
|
| | | <tr>
|
| | | <td class="w4em alg-c f-bold">经度:</td>
|
| | | <td><input type="text" class="lng"></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="w4em alg-c f-bold">纬度:</td>
|
| | | <td><input type="text" class="lat"></td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td class="w4em alg-c f-bold">类型:</td>
|
| | | <td>
|
| | | <input type="radio" class="pointStyle" name="pointStyle" value="0" checked><span class="mrr8">GPS</span>
|
| | | <input type="radio" class="pointStyle" name="pointStyle" value="1"><span class="mrr8">百度</span>
|
| | | <input type="radio" class="pointStyle" name="pointStyle" value="2"><span class="mrr8">腾讯/高德</span>
|
| | | </td>
|
| | | </tr>
|
| | | <tr>
|
| | | <td colspan="2" class="alg-r btn-container">
|
| | | <button type="button" value="添加" id="mapToolAddHomeBtn" class="mrr8">添加</button>
|
| | | </td>
|
| | | </tr>
|
| | | </tbody>
|
| | | </table>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | |
| | | </div>
|
| | | </div>
|
| | | <input type="hidden" id="user_logo" value="<%=user_logo %>">
|
| | | <div id="homeInfoIframeData"></div>
|
| | | <!--清除浮动-->
|
| | | <div class="clear"></div>
|
| | | <script type="text/javascript" src="pages/js/base.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" src="src/layui.all.js"></script>
|
| | | <script type="text/javascript">
|
| | | var permits;
|
| | | <% Object obj=session.getAttribute("permits");
|
| | |
| | | var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
|
| | | var input = $('<input type="checkbox" data-img="item-poff" checked="checked">');
|
| | | var icon = $('<img src="'+mapImages.powercut+'">');
|
| | | var span = $('<span>机房停电</span>');
|
| | | var span = $('<span>停电机房</span>');
|
| | | iconList.append(input);
|
| | | iconList.append(span);
|
| | | iconList.append(icon);
|
| | |
| | | }
|
| | | }
|
| | |
|
| | | // 更新地图图标
|
| | | function updateMapDotIcon(map, dotList, isTop) {
|
| | | // 遍历查询内容生成对应的图标
|
| | | for(var i = 0; i<dotList.length; i++) {
|
| | | var isShow = checkMapImgStyle(dotList[i].msg);
|
| | | var dotIcon = new BMap.Icon(getMapStateImg(mapImages, dotList[i].msg), new BMap.Size(36, 30)); // 设置图片
|
| | | var mk = getMapMarker(map, dotList[i].title);
|
| | | if(mk) {
|
| | | // 设置地图图标
|
| | | mk.setIcon(dotIcon);
|
| | | |
| | | // 将已经安装的显示在顶部
|
| | | if(isTop) {
|
| | | mk.setTop(true);
|
| | | }
|
| | | |
| | | // 隐藏marker点
|
| | | isShow?mk.show():mk.hide();
|
| | | }
|
| | | }
|
| | | }
|
| | | |
| | | // 获取地图图标
|
| | | function getMapMarker(map, msg) {
|
| | | var rs = false;
|
| | | var allOverlay = map.getOverlays();
|
| | | for (var i = 0; i < allOverlay.length; i++){
|
| | | try{
|
| | | if(allOverlay[i].getLabel().content == msg){
|
| | | rs = allOverlay[i];
|
| | | return rs;
|
| | | }
|
| | | }catch(e) {
|
| | | |
| | | }
|
| | | |
| | | }
|
| | | |
| | | return rs;
|
| | | |
| | | }
|
| | | |
| | | // 删除地图上的指定点
|
| | | function deletePoint(map, msg){
|
| | | var allOverlay = map.getOverlays();
|
| | |
| | | });
|
| | | magImgStyles.push('');
|
| | | // 根据当前内容更新地图图标
|
| | | searchStation();
|
| | | //searchStation();
|
| | | }
|
| | |
|
| | | // 检测当前图标是否符合
|
| | |
| | | bmap.queryInRect(map, createMapDot);
|
| | | updateStation();
|
| | |
|
| | | // 更新小工具搜索机房功能
|
| | | updateSearchSource(allStation);
|
| | | |
| | | // 是否第一次执行
|
| | | if(setRect) {
|
| | | map.addEventListener("moveend", bmap.queryInRect.bind({},map, createMapDot)); // 拖动
|
| | |
| | | }
|
| | | }
|
| | |
|
| | | createMapDot(map, updateStationData, true);
|
| | | updateMapDotIcon(map, updateStationData, true);
|
| | | // 更新分页信息
|
| | | mapPages.pageCurr++;
|
| | | if(mapPages.pageCurr>mapPages.pageNum || updateStationData.length<mapPages.pageSize) {
|
| | |
| | |
|
| | | // 查询机房面板信息
|
| | | function searchPanelInfo(data) {
|
| | | var point = data.point;
|
| | | var point = new BMap.Point(data.point.lng, data.point.lat);
|
| | | var stationInfo = getStaionByPoint(point);
|
| | | if(!stationInfo) {
|
| | | alert('面板信息查询失败!');
|
| | |
| | | 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"><a href="javascript:loadToRealTime();">实时数据</a><a style="margin-left: 20px" href="javascript:loadToOldTime();">历史数据</a><a style="margin-left: 20px" href="javascript:showHomeInfo();">基站信息</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 county" value="'+data.data.stationName5+'">'+ |
| | | '<input type="hidden" class="ipt-hide sid" value="'+data.data.StationId+'">'+
|
| | | '<input type="hidden" class="ipt-hide city" value="'+data.data.stationName2+'">';
|
| | |
|
| | | var list = {
|
| | |
| | | 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);
|
| | | var county = $('.ipt-hide.county').val();
|
| | | var url = skipUrl('control.jsp',province,city,county,home);
|
| | | window.open(url);
|
| | | //window.open('control.jsp?province='+province+'&city='+city+'&home='+home);
|
| | | }
|
| | |
|
| | | // 定位到历史数据页面
|
| | |
| | | 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);
|
| | | var county = $('.ipt-hide.county').val();
|
| | | var url = skipUrl('charge-test.jsp',province,city,county,home);
|
| | | window.open(url);
|
| | | //window.open('charge-test.jsp?province='+province+'&city='+city+'&home='+home);
|
| | | }
|
| | |
|
| | | //定位到告警页面
|
| | | function loadToWarnPage() {
|
| | | var home = $('.ipt-hide.home').val();
|
| | | var province = $('.ipt-hide.province').val();
|
| | | var city = $('.ipt-hide.city').val();
|
| | | var county = $('.ipt-hide.county').val();
|
| | | var url = skipUrl('elewarn.jsp',province,city,county,home);
|
| | | window.open(url);
|
| | | // console.info($('.ipt-hide').val());
|
| | | var stationId = $('.ipt-hide').eq(1).val();
|
| | | window.open('elewarn.jsp?stationId='+stationId);
|
| | | //var stationId = $('.ipt-hide').eq(1).val();
|
| | | //window.open('elewarn.jsp?stationId='+stationId);
|
| | | }
|
| | |
|
| | | // 定位到落后单体页面
|
| | | function loadToBehindPage() {
|
| | | var home = $('.ipt-hide.home').val();
|
| | | var province = $('.ipt-hide.province').val();
|
| | | var city = $('.ipt-hide.city').val();
|
| | | var county = $('.ipt-hide.county').val();
|
| | | var url = skipUrl('taskplan.jsp',province,city,county,home);
|
| | | window.open(url);
|
| | | // console.info($('.ipt-hide').val());
|
| | | var stationId = $('.ipt-hide').eq(1).val();
|
| | | window.open('taskplan.jsp?stationId='+stationId);
|
| | | //var stationId = $('.ipt-hide').eq(1).val();
|
| | | //window.open('taskplan.jsp?stationId='+stationId);
|
| | | }
|
| | |
|
| | | // 定位到放电延时页面
|
| | | function loadToDischargeDelay() {
|
| | | var stationId = $('.ipt-hide').eq(1).val();
|
| | | window.open('dischargeplan.jsp?stationId='+stationId);
|
| | | var home = $('.ipt-hide.home').val();
|
| | | var province = $('.ipt-hide.province').val();
|
| | | var city = $('.ipt-hide.city').val();
|
| | | var county = $('.ipt-hide.county').val();
|
| | | var url = skipUrl('dischargeplan.jsp',province,city,county,home);
|
| | | window.open(url);
|
| | | |
| | | //var stationId = $('.ipt-hide').eq(1).val();
|
| | | //window.open('dischargeplan.jsp?stationId='+stationId);
|
| | | }
|
| | |
|
| | | // 定位到机房详细信息页面
|
| | | function loadToHomeInfo() {
|
| | | var stationId = $('.ipt-hide').eq(1).val();
|
| | | //window.open('homeinfor.jsp?stationId='+stationId);
|
| | | }
|
| | | |
| | | // 显示机房信息
|
| | | function showHomeInfo() {
|
| | | var sid = $('.ipt-hide.sid').val();
|
| | | var temp = {
|
| | | StationId: sid
|
| | | };
|
| | | |
| | | // 查询基站的信息
|
| | | $.ajax({
|
| | | type: 'post',
|
| | | async: true,
|
| | | url: 'BattInfAction!serchBattAllInfoByStationId',
|
| | | data: 'json='+JSON.stringify(temp),
|
| | | dataType: 'json',
|
| | | success: function(result) {
|
| | | var rs = JSON.parse(result.result);
|
| | | if(rs.code == 1) {
|
| | | var data = rs.data;
|
| | | //console.log(data);
|
| | | var rsData = formatHomeInfo(data);
|
| | | $('#homeInfoIframeData').data('data', rsData);
|
| | | // 显示面板
|
| | | layer.open({
|
| | | type: 2,
|
| | | title: '<i class="fa fa-home"></i>基站信息',
|
| | | area: ['960px', '524px'],
|
| | | fixed: false, //不固定
|
| | | maxmin: true,
|
| | | content: 'iframe/homeinfo.html'
|
| | | });
|
| | | }else {
|
| | | layer.msg('暂无基站信息!');
|
| | | }
|
| | | |
| | | }
|
| | | });
|
| | | }
|
| | | |
| | | // 格式化机房信息数据
|
| | | function formatHomeInfo(data) {
|
| | | var groupDefaults = {
|
| | | homeid: '',
|
| | | homename: '',
|
| | | homeip: '',
|
| | | groupid: '',
|
| | | groupname: '',
|
| | | ordernum: '',
|
| | | brand: '',
|
| | | model: '',
|
| | | monproperty: '',
|
| | | startusetime: '',
|
| | | chargecurr: '',
|
| | | chargevol: '',
|
| | | equipeinfo: '',
|
| | | person: ''
|
| | | };
|
| | | |
| | | var homeDefaults = {
|
| | | |
| | | };
|
| | | var rs = {
|
| | | tabc:[]
|
| | | };
|
| | | var tabc = rs.tabc;
|
| | | // 遍历data生成机房的值
|
| | | for(var i=0; i<data.length; i++) {
|
| | | var _data = data[i];
|
| | | var tmp = {};
|
| | | tmp.title = '电池组'+(i+1)+'信息';
|
| | | tmp.type = 'group';
|
| | | tmp.content = $.extend({}, groupDefaults);
|
| | | tmp.tshow = '';
|
| | | tmp.cshow = '';
|
| | | if(i==0) {
|
| | | tmp.tshow = 'layui-this';
|
| | | tmp.cshow = 'layui-show';
|
| | | }
|
| | | // 设置content的值
|
| | | var content = tmp.content;
|
| | | content.homeid = _data.StationId; // 机房id
|
| | | content.homename = _data.StationName; // 机房名称
|
| | | content.homeip = _data.StationIp; // 机房ip
|
| | | content.groupid = _data.BattGroupId; // 电池组id
|
| | | content.groupname = _data.BattGroupName; // 电池组名称
|
| | | content.ordernum = _data.GroupIndexInFBSDevice+1;// 电池组编号
|
| | | content.brand = _data.BattProducer; // 电池品牌
|
| | | content.model = _data.BattModel;
|
| | | var monproperty = '标称容量:'+_data.MonCapStd+'AH'+';标称单体电压:'+_data.MonVolStd+'V'+';标称内阻:'+_data.MonResStd.toFixed(3)+'mΩ'
|
| | | +';标称温度:'+_data.MonTmpStd+'℃'+';单体数量:'+_data.MonCount+'节'; |
| | | content.monproperty = monproperty;
|
| | | content.startusetime = new Date(_data.BattInUseDate).format('yyyy-MM-dd');
|
| | | content.chargecurr = _data.BattFloatCurrent;
|
| | | content.chargevol = _data.FloatVolLevel;
|
| | | var equipeinfo = '型号:'+_data.FBSDeviceName+';ID:'+_data.FBSDeviceId
|
| | | +';IP:'+_data.FbsDeviceIp+';BIndex:'+_data.GroupIndexInFBSDevice;
|
| | | content.equipeinfo = equipeinfo;
|
| | | content.person = '';
|
| | | |
| | | tabc.push(tmp);
|
| | | }
|
| | | var StationId_ex = data[0].StationId_ex;
|
| | | var homeData = data[0].binf_ex;
|
| | | var tmp = {};
|
| | | tmp.title = '基站信息';
|
| | | tmp.type = 'home';
|
| | | tmp.content = $.extend({}, homeDefaults);
|
| | | tmp.tshow = '';
|
| | | tmp.cshow = '';
|
| | | // 设置content的值
|
| | | var content = tmp.content;
|
| | | content.stationid = StationId_ex;
|
| | | content.stationname = homeData.stationName;
|
| | | content.homeid = homeData.stationId;
|
| | | content.organize = homeData.affiliation;
|
| | | content.datasource = homeData.dataSources;
|
| | | content.addrstyle = homeData.stationType;
|
| | | var position = '经度:'+homeData.longitude+';纬度:'+homeData.latitude;
|
| | | content.position = position;
|
| | | content.addr = homeData.stationAddr;
|
| | | var blockedState = homeData.blockedState?'是': '否';
|
| | | var stationstatus = '站址等级:'+homeData.stationLevel+';维护状态:'+homeData.maintenanceState+';封锁状态:'+blockedState;
|
| | | content.stationstatus = stationstatus;
|
| | | content.maintain = homeData.maintenanceCompany;
|
| | | var environment = '业务场景:'+homeData.businessScenario+';覆盖场景:'+homeData.CoverScenario+';站址地形:'+homeData.siteTerrain;
|
| | | content.environment = environment;
|
| | | var isShare = homeData.isShare?'是':'否';
|
| | | var addrpower = '产权性质:'+homeData.propertyRights+';(原)产权单位:'+homeData.propertyUnit+';是否共享:'+isShare;
|
| | | content.addrpower = addrpower;
|
| | | content.usecompany = homeData.useUnit;
|
| | | content.physicsaddrnum = homeData.siteCode;
|
| | | content.hisphysicsaddrnum = homeData.historySiteCode;
|
| | | content.addrinsidenum = homeData.siteInternalNumber;
|
| | | content.addrpinyin = homeData.sitePinyinReferred;
|
| | | content.chinesename = homeData.siteChineseReferred; // 中文简称
|
| | | content.isopenbusiness = homeData.isOpenBusiness;
|
| | | content.entryperson = homeData.schoolPersonnel;
|
| | | content.entrytime = homeData.entryTime;
|
| | | content.revisedperson = homeData.modifyPeople;
|
| | | content.revisedtime = homeData.modifyTime;
|
| | | content.remark = homeData.note;
|
| | | var addrMark = homeData.siteReceivesMark?'是':'否';
|
| | | var isEffe = homeData.siteValidity?'是':'否';
|
| | | var isactive = '站址接收标记:'+addrMark+';是否有效:'+isEffe;
|
| | | content.isactive = isactive;
|
| | | content.yidongaddrname = homeData.siteNameCMCC;
|
| | | content.dianxinaddrname = homeData.siteNameCTC;
|
| | | content.liantongaddrname = homeData.siteNameCUCC;
|
| | | content.brand = homeData.producer;
|
| | | content.endurtime = homeData.lastTimeLong;
|
| | | content.endurstyle = homeData.lastTimeType;
|
| | | content.endurstarttime = homeData.lastTimeDate;
|
| | | content.shareinfo = homeData.shareInfo;
|
| | | var buystauts = "移动购买:"+(homeData.electPowerCMCC==1?'是':'否')+";电信购买:"+(homeData.electPowerCTC==1?'是':'否')+";联通购买:"+(homeData.electPowerCUCC==1?'是':'否');
|
| | | content.buystatus = buystauts;
|
| | | var ischarge = homeData.isCanElectPower==1?'是':'否';
|
| | | content.ischarge = ischarge;
|
| | | content.distance = homeData.upperStationRoute;
|
| | | content.degree = homeData.upperStationDifficult;
|
| | | content.repair = homeData.clienteleErrorService;
|
| | | |
| | | tabc.push(tmp);
|
| | | // 返回结果集
|
| | | return rs;
|
| | | }
|
| | |
|
| | | // 获取echarts对象的opt
|
| | |
| | | rs.defaults = "User_ChartAction!serchByInfo?json={Chart_file:'"+user_logo+"',Chart_name:chart_install}";
|
| | | return rs;
|
| | | }
|
| | | /* $(function(){
|
| | | setTimeout(function(){
|
| | | var _script = document.createElement('script'); |
| | | _script.type = "text/javascript"; |
| | | _key = "55UbnVOR7XovezZC4jFvTqNDPAamsuoo";//百度地图可以申请到 |
| | | _script.src = "http://api.map.baidu.com/location/ip?ak="+_key+"&coor=bd09ll&ip=&callback=f";//拼接URL |
| | | document.head.appendChild(_script); |
| | | |
| | | }, 2000);
|
| | | |
| | | });
|
| | | var pointX; |
| | | var pointY; |
| | | function f(data){ |
| | | pointX = data.content.point.x; |
| | | pointY = data.content.point.y; |
| | | console.info("你所在城市:"+data.content.address); |
| | | console.info("你城市经度:"+pointX); |
| | | console.info("你的城市纬度:"+pointY);
|
| | | var point = new BMap.Point(pointX, pointY);
|
| | | map.centerAndZoom(point, 10); // 用城市名设置地图中心点 |
| | | } */
|
| | | |
| | | |
| | | /* $(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("<s:text name='All'/>(<s:text name='Common'/>"+data.data.length+"<s:text name='Species'/>)"); |
| | | $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>');
|
| | | }
|
| | | findStationNamebyStationname1(); |
| | | });
|
| | | });
|
| | |
|
| | | //当维护区的值变换时更新机房站点
|
| | | $('#station_name1').change(function(){
|
| | | findStationNamebyStationname1();
|
| | | });
|
| | | |
| | | //根据维护区查询站点
|
| | | function findStationNamebyStationname1(){
|
| | | var user = {
|
| | | UNote:$("#station_name1 option:selected").val()
|
| | | };
|
| | | //var selectvalue=$("#station_name1 option:selected").val();
|
| | | //alert(selectvalue);
|
| | | $.post("User_battgroup_baojigroup_battgroupAction!serchStationNameInGroup","json="+JSON.stringify(user),function(data){
|
| | | //console.info(data);
|
| | | data=data.result;
|
| | | data=eval("("+data+")");
|
| | | if(data.code==1 && data.data.length>0){
|
| | | var $select = $("#station_name");
|
| | | $select.text('');
|
| | | for(var i=0;i<=data.data.length;i++){
|
| | | var $option=$("<option></option>");
|
| | | if(i==0){
|
| | | $option.html("<s:text name='All'/>(<s:text name='Common'/>"+data.data.length+"<s:text name='Species'/>)"); |
| | | $option.attr("value", ""); |
| | | }else{
|
| | | $option.text(data.data[i-1]);
|
| | | $option.attr("value",data.data[i-1]); |
| | | } |
| | | $select.append($option);
|
| | | }
|
| | | }else{
|
| | | $("#station_name").text('').html('<option>暂无可测机房站点</option>');
|
| | | }
|
| | | findserchByBattGroupNamebystationname();
|
| | | });
|
| | | } */
|
| | | |
| | | //查询所有的维护区
|
| | | function searchAllProvince(){
|
| | | $.ajax({
|
| | |
| | | });
|
| | | });
|
| | |
|
| | | layui.use(['form', 'layer', 'laytpl'], function() {
|
| | | layui.use(['form', 'layer', 'laytpl', 'element'], function() {
|
| | | var form = layui.form;
|
| | | var layer = layui.layer;
|
| | | var laytpl = layui.laytpl;
|
| | | var element = layui.element;
|
| | |
|
| | | // 点击饼状图配置
|
| | | $('#faCog').click(function() {
|
| | |
| | | });
|
| | | }
|
| | |
|
| | | // 地图左上方面板模块
|
| | | var mapViewArea = GLOBAL.BMap.mapViewArea; // 地图显示区域的信息
|
| | | // 点击面板上方的小图标显示设定信息
|
| | | // 根据权限更新地图工具内容
|
| | | var permitAddHome = getPermit('batt_map_edit_permit', permits); // 添加机房的权限
|
| | | // 没有添加机房的权限
|
| | | if(!permitAddHome) {
|
| | | $('#permitAddHome').remove();
|
| | | }
|
| | | |
| | | // 地图左上方面板模块-点击面板上方的小图标显示设定信息
|
| | | $('#showMapInfoDetail').click(function() {
|
| | | $('.map-info-detail').slideToggle();
|
| | | });
|
| | |
| | | $('.map-info-detail').slideUp();
|
| | | });
|
| | |
|
| | | // 遍历mapViewArea获取mapVsAreaSel下拉框的值
|
| | | var mapVsAreaSel = $('#mapVsAreaSel');
|
| | | var mapVsAreaSelOpts = [];
|
| | | for(var i=0; i<mapViewArea.length; i++) {
|
| | | var _data = mapViewArea[i];
|
| | | var tmp = getOptionsData(_data.name, _data.area, _data);
|
| | | mapVsAreaSelOpts.push(tmp);
|
| | | }
|
| | | // 生成面板中的mapVsAreaSel
|
| | | createOptions(mapVsAreaSel, mapVsAreaSelOpts);
|
| | | // 显示默认区域-中国
|
| | | setMapViewArea(mapViewArea[0]);
|
| | | centerMapByPoint(map); // 根据当前用户设定的位置显示中心点
|
| | | // 点击面板确定按钮
|
| | | $('#mapPanelEn').click(function() {
|
| | | var areaData = mapVsAreaSel.find('option:selected').data('attr');
|
| | | |
| | | // 设置头部可视区域的文本
|
| | | $('#mapVsArea').text(areaData.name);
|
| | | |
| | | // 设置可视区域
|
| | | setMapViewArea(areaData);
|
| | | // 内容改变初始话$('#mapToolSearchBtn').data('homeInfo')的值
|
| | | $( "#mapToolSearch" ).on('input propertychange', function(){
|
| | | $('#mapToolSearchBtn').data('homeInfo', 0);
|
| | | });
|
| | | // 定义机房查询信息
|
| | | $( "#mapToolSearch" ).autocomplete({
|
| | | source: [],
|
| | | select: function(event, ui) {
|
| | | $('#mapToolSearchBtn').data('homeInfo', ui.item); // 设置机房信息内容
|
| | | }
|
| | | });
|
| | |
|
| | | // 设置地图的可视区域
|
| | | function setMapViewArea(data) {
|
| | | var left = new BMap.Point(data.left.lng, data.left.lat);
|
| | | var right = new BMap.Point(data.right.lng, data.right.lat);
|
| | | var b = new BMap.Bounds(left, right);
|
| | | |
| | | var cLng = (data.left.lng+data.right.lng)/2;
|
| | | var cLat = (data.left.lat+data.right.lat)/2;
|
| | | var f = new BMap.Point(cLng, cLat);
|
| | | map.panTo(f, {
|
| | | noAnimation: "no"
|
| | | });
|
| | | |
| | | |
| | | try {
|
| | | BMapLib.AreaRestriction.setBounds(map, b);
|
| | | } catch (e) {
|
| | | alert(e);
|
| | | // 点击查看homeInfo的值
|
| | | $('#mapToolSearchBtn').click(function() {
|
| | | var homeInfo = $(this).data('homeInfo');
|
| | | if(homeInfo) {
|
| | | searchPanelInfo(homeInfo);
|
| | | $(this).data('homeInfo', 0);
|
| | | $( "#mapToolSearch" ).val('');
|
| | | }else {
|
| | | layer.msg('请重新输入机房信息!');
|
| | | $( "#mapToolSearch" ).val("");
|
| | | }
|
| | | });
|
| | | |
| | | /* 地图工具添加地图图标 */
|
| | | var mapToolAddHome = $('#mapToolAddHome');
|
| | | var mapToolAddHomeBtn = $('#mapToolAddHomeBtn');
|
| | | |
| | | // 点击地图工具添加地图按钮
|
| | | mapToolAddHomeBtn.click(function() {
|
| | | var lng = mapToolAddHome.find('.lng').val().trim();
|
| | | var lat = mapToolAddHome.find('.lat').val().trim();
|
| | | var pointStyles = mapToolAddHome.find('.pointStyle');
|
| | | var pointStyle = 0;
|
| | | pointStyles.each(function() {
|
| | | if($(this).is(':checked')) {
|
| | | pointStyle = $(this).val();
|
| | | }
|
| | | });
|
| | | if(lng && lat) {
|
| | | var point = getBaiduPoint(lng, lat, pointStyle);
|
| | | var pt = new BMap.Point(point.lon, point.lat);
|
| | | addCommonDot(map, pt);
|
| | | map.centerAndZoom(pt, 18); // 用城市名设置地图中心点
|
| | | }else {
|
| | | layer.msg('请输入经纬度');
|
| | | }
|
| | | |
| | | });
|
| | | |
| | | // 获取百度地图的经纬度
|
| | | function getBaiduPoint(lng, lat, type) {
|
| | | var point = {};
|
| | | lng = Number(lng);
|
| | | lat = Number(lat);
|
| | | var _type = Number(type);
|
| | | switch(_type) {
|
| | | case 0: // GPS原始坐标
|
| | | point = GPS.wgs2bd(lat, lng);
|
| | | break;
|
| | | case 1: // 百度地图坐标
|
| | | point = {
|
| | | lon: lng,
|
| | | lat: lat
|
| | | };
|
| | | break;
|
| | | case 2: // 腾讯/高德
|
| | | point = GPS.bd_encrypt(lat, lng);
|
| | | break;
|
| | | }
|
| | | |
| | | return point;
|
| | | }
|
| | | });
|
| | | |
| | | // 更新地图工具搜索机房
|
| | | function updateSearchSource(data) {
|
| | | var homeSource = [];
|
| | | for(var i=0; i<data.length; i++) {
|
| | | var _data = data[i];
|
| | | var tmp = {
|
| | | label: _data.title+'('+_data.sId+')',
|
| | | point: {
|
| | | lng: _data.lng,
|
| | | lat: _data.lat
|
| | | }
|
| | | };
|
| | | homeSource.push(tmp);
|
| | | }
|
| | | |
| | | $( "#mapToolSearch" ).autocomplete('option', 'source', homeSource);
|
| | | }
|
| | | </script>
|
| | | </html>
|