~whychwj/haha.git

parent: 4672b10f | 补丁 | 提交 | ignore whitespace

Merge branch 'dev_lxw' of https://didiyu@gitlab.com/whyclxw1/gx_tieta.git i...

didiyu

2018-12-14 950053113b1c6c33828a335b68b56839379f8308

Merge branch 'dev_lxw' of https://didiyu@gitlab.com/whyclxw1/gx_tieta.git into dev_lxw

2个文件已添加

5个文件已修改

	gx_tieta/WebRoot/mobil/app/css/common.css	5 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	gx_tieta/WebRoot/mobil/app/css/map.css	17 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	gx_tieta/WebRoot/mobil/app/image/table_th_bg.gif	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	gx_tieta/WebRoot/mobil/app/js/common.js	24 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	gx_tieta/WebRoot/mobil/iframe/searchHome.html	6 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	gx_tieta/WebRoot/mobil/iframe/seenhomeinfo.html	526 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	gx_tieta/WebRoot/mobil/map.html	386 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 gx_tieta/WebRoot/mobil/app/css/common.css

@@ -8,7 +8,7 @@
    overflow: hidden;

}

.overflowY {

    overflow-y: auto;

    overflow-y: auto !important;

}

.overflowX {

    overflow-x: auto;

@@ -34,6 +34,9 @@
.abs.abs-top40 {

    top: 40px;

}

.abs.abs-top41 {

    top: 41px;

}

.abs.abs-top80 {

    top: 80px;

}


 gx_tieta/WebRoot/mobil/app/css/map.css

@@ -96,4 +96,21 @@
}

.home-list .home-item .home-item-txt {

    margin-left: 8px;

}



/* hdw-tbl-style */

.hdw-tbl {

    width: 100%;

    border-collapse: collapse;

}

.hdw-tbl th, .hdw-tbl td {

    border: 1px solid #cccccc;

}

.hdw-tbl th {

    font-size: 14px;

    padding: 4px 10px;

    background: url('../image/table_th_bg.gif') repeat-x; 
}

.hdw-tbl td {

    padding: 4px 0 4px 8px;

}

 gx_tieta/WebRoot/mobil/app/image/table_th_bg.gif


 gx_tieta/WebRoot/mobil/app/js/common.js

@@ -81,4 +81,26 @@
        var str = reg.replace(ptn, '\\'+'$&');

        return str;

    }

}
};



//格式化时间

Date.prototype.format =function(format)

{

    var o = {

    "M+" : this.getMonth()+1, //month

    "d+" : this.getDate(),    //day

    "h+" : this.getHours(),   //hour

    "m+" : this.getMinutes(), //minute

    "s+" : this.getSeconds(), //second

    "q+" : Math.floor((this.getMonth()+3)/3),  //quarter

    "S" : this.getMilliseconds() //millisecond

    };

    if(/(y+)/.test(format)) format=format.replace(RegExp.$1,

    (this.getFullYear()+"").substr(4- RegExp.$1.length));

    for(var k in o)if(new RegExp("("+ k +")").test(format))

    format = format.replace(RegExp.$1,

    RegExp.$1.length==1? o[k] :

    ("00"+ o[k]).substr((""+ o[k]).length));

    return format;

};




 gx_tieta/WebRoot/mobil/iframe/searchHome.html

@@ -74,10 +74,14 @@
            });

            

            // 点击查询获取homeInfo的值

            var homeLocation = parent.$('#homeLocation');

            $('#searchBtn').on('click', function() {

                var homeInfo = $('#searchInput').data('homeInfo');

                if(homeInfo) {

                    console.log(homeInfo);

                    // console.log(homeInfo);

                    homeLocation.data('homeInfo', homeInfo);

                    homeLocation.click();

                    parent.layer.close(index);

                }else {

                    layer.msg('请选择下方的机房');

                }


 gx_tieta/WebRoot/mobil/iframe/seenhomeinfo.html

New file
@@ -0,0 +1,526 @@
<!DOCTYPE html>

<html lang="en" class="full-height">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, user-scalable=no">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>百度地图</title>

    <link rel="stylesheet" href="../css/basic.css">

    <link rel="stylesheet" href="../src/css/layui.css">

    <link rel="stylesheet" href="../app/css/common.css">

    <link rel="stylesheet" href="../app/css/map.css">

    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.css">

    <style>

        body.homeinfo-tab .layui-tab {

            margin: 0;

        }

        body.homeinfo-tab .layui-tab-card{

            border: none;

        }

        body.homeinfo-tab .layui-tab-content {

            padding: 0;

        }

        body.homeinfo-tab .layui-tab-content .layui-tab-item.layui-show {

            height: 100%;

        }

    </style>

</head>

<body class="full-height homeinfo-tab">

    <div class="rel-full">

        <div class="page-header bg-gay3">

            <div class="layui-row h40">

                <div class="layui-col-xs3 layui-col-md1 full-height">

                    <button class="layui-btn layui-btn-primary layui-btn-sm mrt5 mrl8" id="closeIframe"><i class="fa fa-close mrr4"></i>关闭</button>

                </div>

                <div class="layui-col-xs6 layui-col-md10 full-height line-height40">机房信息录入</div>

                <div class="layui-col-xs3 layui-col-md1 full-height line-height40 t-align-right"></div>

            </div>

        </div>

        <div class="page-content abs abs-top40 abs-bottom45">

            <div class="rel-full">

                <div class="abs footer-menu-content-show" id="homeInfo">

                    <div class="rel-full">

                        <div class="layui-tab layui-tab-card" lay-filter="homeInfoTab" id="homeInfoTab" style="height: 100%;"></div>

                    </div>

                </div>

                <div class="abs" id="video">

                    <div class="rel-full">

                        视频信息

                    </div>

                </div>

                <div class="abs" id="imgs">

                    <div class="rel-full">

                        图片信息

                    </div>

                </div>

            </div>

        </div>

        <div id="pageFooter" class="page-footer" style="position:absolute; bottom: 0;width: 100%; height: 44px; background-color: #FFFFFF; border-top: 1px solid #eeeeee">

            <div class="layui-row">

                <div class="layui-col-xs4 layui-col-md4">

                    <div class="hdw-btn">

                        <a href="javascript:;" class="this-active h44" data-href="#homeInfo"><i class="fa fa-home mrt4"></i><br><span>机房信息</span></a>

                    </div>

                </div>

                <div class="layui-col-xs4 layui-col-md4">

                    <div class="hdw-btn">

                        <a href="javascript:;" class="h44" data-href="#video"><i class="fa fa-video-camera mrt4"></i><br><span>视频</span></a>

                    </div>

                </div>

                <div class="layui-col-xs4 layui-col-md4">

                    <div class="hdw-btn">

                        <a href="javascript:;" class="h44" data-href="#imgs"><i class="fa fa-image mrt4"></i><br><span>图片</span></a>

                    </div>

                </div>

            </div>

        </div>

    </div>

    <input type="hidden" id="homeId">

    <script type="text/html" id="homeTab">

        <ul class="layui-tab-title">

            {{# layui.each(d.tabc, function(index, item){ }}

                <li class="{{ item.tshow }}">{{ item.title }}</li>

            {{# }); }}

        </ul>

        <div class="layui-tab-content abs abs-top41 overflowY">

            {{# layui.each(d.tabc, function(index, item){ }}

                {{# if(item.type == 'group'){ }}

                <div class="layui-tab-item {{ item.cshow }}">

                    <table class="hdw-tbl mrb8">

                        <thead>

                            <tr>

                                <th style="width:5em">参数名称</th>

                                <th>参数值</th>

                            </tr>

                        </thead>

                        <tbody>

                            <tr>

                                <td>机房ID</td>

                                <td>{{ item.content.homeid }}</td>

                            </tr>

                            <tr>

                                <td>机房名称</td>

                                <td>{{ item.content.homename }}</td>

                            </tr>

                            <tr>

                                <td>机房IP</td>

                                <td>{{ item.content.homeip }}</td>

                            </tr>

                            <tr>

                                <td>电池组ID</td>

                                <td>{{ item.content.groupid }}</td>

                            </tr>

                            <tr>

                                <td>电池组名称</td>

                                <td>{{ item.content.groupname }}</td>

                            </tr>

                            <tr>

                                <td>电池组序号</td>

                                <td>{{ item.content.ordernum }}</td>

                            </tr>

                            <tr>

                                <td>电池组品牌</td>

                                <td>{{ item.content.brand }}</td>

                            </tr>

                            <tr>

                                <td>电池组型号</td>

                                <td>{{ item.content.model }}</td>

                            </tr>

                            <tr>

                                <td>单体电池属性</td>

                                <td>{{ item.content.monproperty }}</td>

                            </tr>

                            <tr>

                                <td>投入使用日期（y-M-d）</td>

                                <td>{{ item.content.startusetime }}</td>

                            </tr>

                            <tr>

                                <td>电池浮充电流阀值（A）</td>

                                <td>{{ item.content.chargecurr }}</td>

                            </tr>

                            <tr>

                                <td>电池均充电压阀值（V）</td>

                                <td>{{ item.content.chargevol }}</td>

                            </tr>

                            <tr>

                                <td>充放电设备信息</td>

                                <td>{{ item.content.equipeinfo }}</td>

                            </tr>

                            <tr>

                                <td>负责人</td>

                                <td>{{ item.content.person }}</td>

                            </tr>

                            <tr>

                                <td>安装人员</td>

                                <td>{{ item.content.install_user }}</td>

                            </tr>

                        </tbody>

                    </table>

                </div>

                {{# }else if(item.type == 'home'){ }}

                <div class="layui-tab-item {{ item.cshow }}">

                    <table class="hdw-tbl mrb8">

                        <thead>

                            <tr>

                                <th style="white-space:nowrap">参数名称</th>

                                <th>参数值</th>

                            </tr>

                        </thead>

                        <tbody>

                            <tr>

                                <td>站点ID</td>

                                <td>{{ item.content.stationid }}</td>

                            </tr>

                            <tr>

                                <td>站点名称</td>

                                <td>{{ item.content.stationname }}</td>

                            </tr>

                            <tr>

                                <td>机房ID</td>

                                <td>{{ item.content.homeid }}</td>

                            </tr>

                            <tr>

                                <td>所属组织</td>

                                <td>{{ item.content.organize }}</td>

                            </tr>

                            <tr>

                                <td>数据来源</td>

                                <td>{{ item.content.datasource }}</td>

                            </tr>

                            <tr>

                                <td>站址类型</td>

                                <td>{{ item.content.addrstyle }}</td>

                            </tr>

                            <tr>

                                <td>经纬度</td>

                                <td>{{ item.content.position }}</td>

                            </tr>

                            <tr>

                                <td>所在地址</td>

                                <td>{{ item.content.addr }}</td>

                            </tr>

                            <tr>

                                <td>站址状态</td>

                                <td>{{ item.content.stationstatus }}</td>

                            </tr>

                            <tr>

                                <td>维护单位</td>

                                <td>{{ item.content.maintain }}</td>

                            </tr>

                            <tr>

                                <td>站址场景</td>

                                <td>{{ item.content.environment }}</td>

                            </tr>

                            <tr>

                                <td>站址产权</td>

                                <td>{{ item.content.addrpower }}</td>

                            </tr>

                            <tr>

                                <td>使用单位</td>

                                <td>{{ item.content.usecompany }}</td>

                            </tr>

                            <tr>

                                <td>物理站址编码</td>

                                <td>{{ item.content.physicsaddrnum }}</td>

                            </tr>

                            <tr>

                                <td>历史物理站址编码</td>

                                <td>{{ item.content.hisphysicsaddrnum }}</td>

                            </tr>

                            <tr>

                                <td>站址内部编码</td>

                                <td>{{ item.content.addrinsidenum }}</td>

                            </tr>

                            <tr>

                                <td>站址拼音简称</td>

                                <td>{{ item.content.addrpinyin }}</td>

                            </tr>

                            <tr>

                                <td>中文简称</td>

                                <td>{{ item.content.chinesename }}</td>

                            </tr>

                            <tr>

                                <td>是否开通业务</td>

                                <td>{{ item.content.isopenbusiness }}</td>

                            </tr>

                            <tr>

                                <td>录入人员</td>

                                <td>{{ item.content.entryperson }}</td>

                            </tr>

                            <tr>

                                <td>录入时间</td>

                                <td>{{ item.content.entrytime }}</td>

                            </tr>

                            <tr>

                                <td>修改人</td>

                                <td>{{ item.content.revisedperson }}</td>

                            </tr>

                            <tr>

                                <td>修改时间</td>

                                <td>{{ item.content.revisedtime }}</td>

                            </tr>

                            <tr>

                                <td>备注</td>

                                <td>{{ item.content.remark }}</td>

                            </tr>

                            <tr>

                                <td>站址接收标记及是否有效</td>

                                <td>{{ item.content.isactive }}</td>

                            </tr>

                            <tr>

                                <td>移动站址名称</td>

                                <td>{{ item.content.yidongaddrname }}</td>

                            </tr>

                            <tr>

                                <td>电信站址名称</td>

                                <td>{{ item.content.dianxinaddrname }}</td>

                            </tr>

                            <tr>

                                <td>联通站址名称</td>

                                <td>{{ item.content.liantongaddrname }}</td>

                            </tr>

                            <tr>

                                <td>品牌</td>

                                <td>{{ item.content.brand }}</td>

                            </tr>

                            <tr>

                                <td>续航测算时间</td>

                                <td>{{ item.content.endurtime }}</td>

                            </tr>

                            <tr>

                                <td>续航测算类型</td>

                                <td>{{ item.content.endurstyle }}</td>

                            </tr>

                            <tr>

                                <td>续航发生时间</td>

                                <td>{{ item.content.endurstarttime }}</td>

                            </tr>

                            <tr>

                                <td>共享情况</td>

                                <td>{{ item.content.shareinfo }}</td>

                            </tr>

                            <tr>

                                <td>运营商购买发电服务状态</td>

                                <td>{{ item.content.buystatus }}</td>

                            </tr>

                            <tr>

                                <td>是否具备发电条件</td>

                                <td>{{ item.content.ischarge }}</td>

                            </tr>

                            <tr>

                                <td>上站路程</td>

                                <td>{{ item.content.distance }}</td>

                            </tr>

                            <tr>

                                <td>上站难易程度</td>

                                <td>{{ item.content.degree }}</td>

                            </tr>

                            <tr>

                                <td>客户问题库未完成蓄电池维修</td>

                                <td>{{ item.content.repair }}</td>

                            </tr>

                        </tbody>

                    </table>

                </div>

                {{# } }}

            {{# }); }}

        </div>

    </script>

    <script src="../js/jquery-1.8.3.js"></script>

    <script src="../../src/layui.js"></script>

    <script src="../app/js/common.js"></script>

    <script src="../../pages/js/GPS.js"></script>

    <script type="text/javascript">

        // layui模块

        layui.use(['layer', 'laytpl', 'form', 'upload', 'element'], function() {

            var layer = layui.layer;        // 获取layer模块

            var laytpl = layui.laytpl;      // 获取laytpl模块

            var form = layui.form;          // 获取form模块

            var upload = layui.upload;      // 获取upload模块

            var element = layui.element;    // 获取element模块

            var footerMenu = new FooterMenu($('#pageFooter'));  // 实例化底部导航栏

            var homeInfo = parent.$('#homeInfoIframe').data('homeInfo'); // 机房信息

            var homeInfoTpl = $('#homeTab').html();        // 机房信息模板

            showHomeInfo(homeInfo.homeId);

            // 关闭form

            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引

            $('#closeIframe').click(function() {        // 设置点击按钮关闭当前iframe

                parent.layer.close(index);

            });

            
            
            // 显示机房信息

            function showHomeInfo(sid) {

                var temp = {

                    StationId: sid

                };

                var load = layer.load(1);

                // 查询基站的信息

                $.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;

                            var rsData = formatHomeInfo(data);

                            console.log(rsData);

                            laytpl(homeInfoTpl).render(rsData, function(html) {

                                $('#homeInfoTab').html(html);

                                element.render('tab', 'homeInfoTab');

                            });

                        }else {

                            layer.msg('暂无基站信息！');

                        }

						
                    },

                    complete: function() {

                        layer.close(load);

                    }

                });

            }

			
            // 格式化机房信息数据

            function formatHomeInfo(data) {

                //console.log(data);

                var groupDefaults = {

                    homeid: '',

                    homename: '',

                    homeip: '',

                    groupid: '',

                    groupname: '',

                    ordernum: '',

                    brand: '',

                    model: '',

                    monproperty: '',

                    startusetime: '',

                    chargecurr: '',

                    chargevol: '',

                    equipeinfo: '',

                    person: '',

                    install_user: ''

                };

				
                var homeDefaults = {

					
                };

                var rs = {

                    sid: 0,

                    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;

                    rs.sid = _data.StationId;                // 机房id

                    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 = '';

                    content.install_user = _data.install_user;

					
                    tabc.push(tmp);

                }

                var StationId_ex = data[0].StationId_ex;

                var install_user = data[0].install_user;

                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;

                content.install_user = install_user;

				
                // 是否添加基站信息

                if(content.stationid != '0') {

                    tabc.push(tmp);

                }

				
                // 返回结果集

                return rs;

            }

        });

    </script>

</body>

</html>

 gx_tieta/WebRoot/mobil/map.html

@@ -39,7 +39,29 @@
            /* 定义位置 */

            margin-left: 200px;

        }

        .map-panel-btn:hover {

		
        .map-panel-seen-btn {

            font-size: 12px;

            text-decoration: none!important;

            font-family: Helvetica, Arial, sans serif;

            padding: 4px 12px;

            border-radius: 3px;

            -moz-border-radius: 3px;

            box-shadow: inset 0px 0px 2px #fff;

            -o-box-shadow: inset 0px 0px 2px #fff;

            -webkit-box-shadow: inset 0px 0px 2px #fff;

            -moz-box-shadow: inset 0px 0px 2px #fff;

            /*定义颜色和样式*/

            color: #41788c;

            border: 1px solid #6fb1c7;

            background-image: -moz-linear-gradient(#aae5f7, #73d0f1);

            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));

            background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);

            background-image: -o-linear-gradient(#aae5f7, #73d0f1);

            text-shadow: 1px 1px 1px #bfeafb;

            background-color: #73d0f1;

        }

        .map-panel-btn:hover, .map-panel-seen-btn:hover {

            border: 1px solid #4690ad;

            background-image: -moz-linear-gradient(#73d0f1, #aae5f7);

            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));

@@ -85,10 +107,13 @@
    </div>

    <!-- 存储机房信息列表 -->

    <div id="searchHomeIframe"></div>

    <!-- 机房定位 -->

    <div id="homeLocation"></div>

    <!-- 存在机房信息 -->

    <div id="homeInfoIframe"></div>

    <script src="js/jquery-1.8.3.js"></script>

    <script src="src/layui.all.js"></script>

    <script src="../pages/js/GPS.js"></script>

    <script>

        //  百度地图模块

        var map = new BMap.Map('map');

@@ -116,7 +141,7 @@
                       mk.enableDragging();        // 设置可拖动

                       map.addOverlay(mk);            // 将覆盖物添加到地图中

                       mk.setLabel(label);            // 给覆盖物添加label提示

                    map.panTo(r.point, 20);        // 将地图移动到添加的点位置

                    map.panTo(r.point);        // 将地图移动到添加的点位置

                    map.setZoom(20);            // 设置地图的缩放等级

                    

                    // 给maker点绑定点击事件

@@ -135,10 +160,13 @@
            var allOverlay = map.getOverlays();

            for (var i = 0; i < allOverlay.length -1; i++){

                if(allOverlay[i].getLabel) {

                    if(allOverlay[i].getLabel().content == str){

                        map.removeOverlay(allOverlay[i]);

                        return false;

                    if(allOverlay[i].getLabel()) {

                        if(allOverlay[i].getLabel().content == str){

                            map.removeOverlay(allOverlay[i]);

                            return false;

                        }

                    }

					
                }

                

            }

@@ -301,6 +329,354 @@
            

        }

        

        // 显示地图图标

        var allStation = [];

        searchStation();

        function searchStation(){

            var temp = createSearchParam();

            var json = JSON.stringify(temp);

            var load = layer.load(1);

            // 查询后台

            $.ajax({ 	
                type: "post", 				
                url: "BattMap_informationAction!searchUserManageStation",				
                async: true,				
                dataType:'text',

                data:"json="+json,		
                success: function(data){

                    data = eval('('+data+')');

                    // 获取结果集

                    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++){

                            var _list = list[i];

                            allStation.push(formatAllStation(_list));

                        }

						
                        createMapDot(map, allStation);

                        queryInRect(map);

                        map.addEventListener("moveend", queryInRect.bind({},map));  // 拖动

                        map.addEventListener("zoomend", queryInRect.bind({},map)); // 缩放

                    }

                },

                complete:function() {

                    layer.close(load);

                }

            });

        }

		
        //构造查询条件

        function createSearchParam(){

            var bmd = {

                adata:{

                    alm_cleared_type:$('#alarm-station').length == 0?0:$('#alarm-station').is(":checked")?0:100,

                    alm_id:$('#low-station').length==0?1:$('#low-station').is(":checked")?1:100,

                },

                bplan:{

                    discharge_reason:$('#delayed-station').length==0?3:$('#delayed-station').is(":checked")?3:100,

                }

            };

			
            return bmd;

        }

		
        // 格式化查询结果

        function formatAllStation(list) {

            var obj = new Object();

            // GPS坐标转化为百度坐标

            var point = GPS.wgs2bd(list.latitude, list.longitude);

            // 构造结果集

            obj.lng = point.lon;

            obj.lat = point.lat;

            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 createMapDot(map, dotList) {

            // 遍历查询内容生成对应的图标

            for(var i = 0; i<dotList.length; i++) {

                var pt = new BMap.Point(dotList[i].lng, dotList[i].lat);

                var mk = new BMap.Marker(pt);    // 定义marker点

                // 向mk点添加label

                var home_name = new BMap.Label(dotList[i].title, {offset:new BMap.Size(20,-10)});

                home_name.setStyle({display: 'none', padding: '4px 2px'});    // 设置不可见

                mk.setLabel(home_name);        // 设置label

				
                mk.addEventListener('click', function(e) {

                    var target = e.target;

                    //showMapPanel(target, dotList);

                    searchPanelInfo(target.point);

                });

				
				
                map.addOverlay(mk);            // 添加覆盖物

                mk.hide();

            }

        }

		
        // 查询机房面板信息

        function searchPanelInfo(param) {

            var point = new BMap.Point(param.lng, param.lat);

            var stationInfo = getStaionByPoint(point);

            if(!stationInfo) {

                alert('面板信息查询失败！');

                return;

            }

            var temp = {

                StationId: stationInfo.sId

            };

            var load = layer.load(1);

            // 查询面板信息

            $.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 0; width:50%; float:left;"><span>蓄电池组告警数目：</span>'+data.code+'</div>'+

                                '<div style="padding:6px 0; width:50%; float:left;"><span>蓄电池组落后数目：</span>'+data.sum+'</div>'+

                                '<div style="clear:both"></div>'+

                                '<div style="padding: 6px 4px">经度：<span class="lng">'+data.data.longitude+'</span>，纬度：<span class="lat">'+data.data.latitude+'</span></div>'+

                                '<div style="padding:6px;"><span>地址：</span>'+data.data.Address+'</div>'+

                                '<br>'+

                                '<div class="t-align-right">'+

                                    '<a href="javascript:seenHomeInfo();" class="map-panel-seen-btn mrl8">查看</a>'+

                                    '<a href="javascript:editHomeInfo();" class="map-panel-seen-btn mrl8">修改</a>'+

                                    '<a href="javascript:delHomeInfo();" class="map-panel-seen-btn mrl8">删除</a>'+

                                '</div>'+

                                '<input type="hidden" class="ipt-hide lng" value="'+data.data.longitude+'">'+

                                '<input type="hidden" class="ipt-hide lat" value="'+data.data.latitude+'">'+

                                '<input type="hidden" class="ipt-hide addr" value="'+data.data.Address+'">'+

                                '<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 = {

                            title: data.data.StationName,

                            content: content

                        };

						
                        showMapPanelByPoint(point, list);

                    }

                },

                complete: function() {

                    layer.close(load);

                }

            });	
        }

		
        // 修改机房信息面板

        function editHomeInfo() {

            var lng = $('.ipt-hide.lng').val();                            // 获取经度

            var lat = $('.ipt-hide.lat').val();                            // 获取纬度

            var addr = $('.ipt-hide.addr').val();                        // 获取地址

            var homeId = $('.ipt-hide.sid').val();                        // 机房Id

            var homeName = $('.ipt-hide.home').val();                    // 机房名称

            var temp = {

                homeId: homeId

                ,homeName: homeName

                ,addr: addr

                ,lng: lng

                ,lat: lat

            }

            // 显示暂无可设站点

            if(homeId == 0) {

                layer.msg(homeName);

                return;

            }

            // 存储值

            $('#homeInfoIframe').data('homeInfo', temp);

			
            iframePopup = layer.open({

                type: 2

                ,closeBtn: 0

                ,title: false

                ,area: ['100%', '100%']

                ,full: true

                ,anim: 4

                ,content: 'iframe/homeinfo.html'

            });

        }

		
        // 删除地图图标

        function delHomeInfo() {

            layer.msg('暂无权限删除！')

        }

		
        // 查看机房信息

        function seenHomeInfo() {

            var lng = $('.ipt-hide.lng').val();                            // 获取经度

            var lat = $('.ipt-hide.lat').val();                            // 获取纬度

            var addr = $('.ipt-hide.addr').val();                        // 获取地址

            var homeId = $('.ipt-hide.sid').val();                        // 机房Id

            var homeName = $('.ipt-hide.home').val();                    // 机房名称

            var temp = {

                homeId: homeId

                ,homeName: homeName

                ,addr: addr

                ,lng: lng

                ,lat: lat

            }

            // 显示暂无可设站点

            if(homeId == 0) {

                layer.msg(homeName);

                return;

            }

            // 存储值

            $('#homeInfoIframe').data('homeInfo', temp);

			
            iframePopup = layer.open({

                type: 2

                ,closeBtn: 0

                ,title: false

                ,area: ['100%', '100%']

                ,full: true

                ,anim: 4

                ,content: 'iframe/seenhomeinfo.html'

            });

        }

		
        // 显示地图提示面板

        function showMapPanelByPoint(point, dataList) {

            var searchInforWin = null;

            var opts = {

                title  : dataList.title+'<a href="javascript:loadToHomeInfo();" style="margin-left: 1em;text-decoration:none;cursor:not-allowed">详情>></a>',      //标题未开启

                width  : '290',             //宽度

                height : 150,              //高度

                panel  : "panel",         //检索结果面板

                enableAutoPan : true,     //自动平移

                enableSendToPhone:false,

                searchTypes   :[

                    // BMAPLIB_TAB_SEARCH,   //周边检索

                    // BMAPLIB_TAB_TO_HERE,  //到这里去

                    // BMAPLIB_TAB_FROM_HERE //从这里出发

                ]

            };

	
            searchInforWin = new BMapLib.SearchInfoWindow(map, dataList.content, opts);

            searchInforWin.open(point);

        }

		
        // 根据经纬度获取机房的信息

        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 queryInRect(map) {

            var cp = map.getBounds(); // 返回map可视区域，以地理坐标表示  
            var sw = cp.getSouthWest(); // 返回矩形区域的西南角  
            var ne = cp.getNorthEast(); // 返回矩形区域的东北角

            var mkList = map.getOverlays();  
            var zoom = map.getZoom(); //当前缩放级别 
            showDotList(mkList, sw, ne, zoom);

        }

		
        // 获取dots的集合

        function showDotList(mkList, sw, ne, zoom) {

            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<mkList.length; i++) {

                    var mk = mkList[i];

                    var point = mk.getPosition?mk.getPosition():null;

                    if(point) {

                        var lat = point.lat;

                        var lng = point.lng;

                        // 判断当前的maker点是否显示

                        if(lng<maxLng && lng>minLng && lat<maxLat && lat>minLat && zoom>10) {

                            // console.log(123)

                            mk.show();

                        }else {

                            mk.hide();

                        }

	            		
                    }

                }

                return rs;

        }

		
        // 根据后台数据显示地图的中心坐标

        centerMapByPoint(map);

        function centerMapByPoint(map) {

            // 请求后台根据数据更改地图中心坐标

            $.ajax({ 	
                type: "post", 				
                url: "Positiomap_usrAction!serchByCondition",				
                async:true,				
                dataType:'text',

                data:null,		
                success: function(rs){

                    rs = eval('('+rs+')');

                    var model =  eval('('+rs.result+')');

                    if(model.code == 1) {

                        var data = model.data[0];

                        var _point = new BMap.Point(data.map_longitude,data.map_latitude);

                        map.centerAndZoom(_point, data.map_level);    // 用城市名设置地图中心点

                    }

                   }			
            });

        }

		
		
        // 机房定位面板

        $('#homeLocation').on('click', function() {

            var homeInfo = $(this).data('homeInfo');

            locationByHomeName(map, homeInfo.home);

        });

		
		
        // 根据机房名称定位机房

        function locationByHomeName(map, name) {

            var mkList = map.getOverlays();

            // console.log(mkList);

            for(var i=0; i<mkList.length; i++) {

                var mk = mkList[i];

                var _label = mk.getLabel?mk.getLabel()?mk.getLabel().content:'':'';

                // 判断机房名称

                if(_label == name) {

                    var point = mk.getPosition();

                    map.panTo(point);        // 将地图移动到添加的点位置

                    map.setZoom(20);            // 设置地图的缩放等级

                    searchPanelInfo(point);

                }

				
            }

        }

		
        //拦截安卓回退按钮

        history.pushState(null, null, location.href);

        window.addEventListener('popstate', function(event) {

			@@ -8,7 +8,7 @@
			overflow: hidden;
			}
			.overflowY {
			overflow-y: auto;
			overflow-y: auto !important;
			}
			.overflowX {
			overflow-x: auto;
			@@ -34,6 +34,9 @@
			.abs.abs-top40 {
			top: 40px;
			}
			.abs.abs-top41 {
			top: 41px;
			}
			.abs.abs-top80 {
			top: 80px;
			}

			@@ -96,4 +96,21 @@
			}
			.home-list .home-item .home-item-txt {
			margin-left: 8px;
			}

			/* hdw-tbl-style */
			.hdw-tbl {
			width: 100%;
			border-collapse: collapse;
			}
			.hdw-tbl th, .hdw-tbl td {
			border: 1px solid #cccccc;
			}
			.hdw-tbl th {
			font-size: 14px;
			padding: 4px 10px;
			background: url('../image/table_th_bg.gif') repeat-x;
			}
			.hdw-tbl td {
			padding: 4px 0 4px 8px;
			}

			@@ -81,4 +81,26 @@
			var str = reg.replace(ptn, '\\'+'$&');
			return str;
			}
			}
			};

			//格式化时间
			Date.prototype.format =function(format)
			{
			var o = {
			"M+" : this.getMonth()+1, //month
			"d+" : this.getDate(), //day
			"h+" : this.getHours(), //hour
			"m+" : this.getMinutes(), //minute
			"s+" : this.getSeconds(), //second
			"q+" : Math.floor((this.getMonth()+3)/3), //quarter
			"S" : this.getMilliseconds() //millisecond
			};
			if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
			(this.getFullYear()+"").substr(4- RegExp.$1.length));
			for(var k in o)if(new RegExp("("+ k +")").test(format))
			format = format.replace(RegExp.$1,
			RegExp.$1.length==1? o[k] :
			("00"+ o[k]).substr((""+ o[k]).length));
			return format;
			};

			@@ -74,10 +74,14 @@
			});

			// 点击查询获取homeInfo的值
			var homeLocation = parent.$('#homeLocation');
			$('#searchBtn').on('click', function() {
			var homeInfo = $('#searchInput').data('homeInfo');
			if(homeInfo) {
			console.log(homeInfo);
			// console.log(homeInfo);
			homeLocation.data('homeInfo', homeInfo);
			homeLocation.click();
			parent.layer.close(index);
			}else {
			layer.msg('请选择下方的机房');
			}

New file
			@@ -0,0 +1,526 @@
			<!DOCTYPE html>
			<html lang="en" class="full-height">
			<head>
			<meta charset="UTF-8">
			<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, user-scalable=no">
			<meta http-equiv="X-UA-Compatible" content="ie=edge">
			<title>百度地图</title>
			<link rel="stylesheet" href="../css/basic.css">
			<link rel="stylesheet" href="../src/css/layui.css">
			<link rel="stylesheet" href="../app/css/common.css">
			<link rel="stylesheet" href="../app/css/map.css">
			<link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.css">
			<style>
			body.homeinfo-tab .layui-tab {
			margin: 0;
			}
			body.homeinfo-tab .layui-tab-card{
			border: none;
			}
			body.homeinfo-tab .layui-tab-content {
			padding: 0;
			}
			body.homeinfo-tab .layui-tab-content .layui-tab-item.layui-show {
			height: 100%;
			}
			</style>
			</head>
			<body class="full-height homeinfo-tab">
			<div class="rel-full">
			<div class="page-header bg-gay3">
			<div class="layui-row h40">
			<div class="layui-col-xs3 layui-col-md1 full-height">
			<button class="layui-btn layui-btn-primary layui-btn-sm mrt5 mrl8" id="closeIframe"><i class="fa fa-close mrr4"></i>关闭</button>
			</div>
			<div class="layui-col-xs6 layui-col-md10 full-height line-height40">机房信息录入</div>
			<div class="layui-col-xs3 layui-col-md1 full-height line-height40 t-align-right"></div>
			</div>
			</div>
			<div class="page-content abs abs-top40 abs-bottom45">
			<div class="rel-full">
			<div class="abs footer-menu-content-show" id="homeInfo">
			<div class="rel-full">
			<div class="layui-tab layui-tab-card" lay-filter="homeInfoTab" id="homeInfoTab" style="height: 100%;"></div>
			</div>
			</div>
			<div class="abs" id="video">
			<div class="rel-full">
			视频信息
			</div>
			</div>
			<div class="abs" id="imgs">
			<div class="rel-full">
			图片信息
			</div>
			</div>
			</div>
			</div>
			<div id="pageFooter" class="page-footer" style="position:absolute; bottom: 0;width: 100%; height: 44px; background-color: #FFFFFF; border-top: 1px solid #eeeeee">
			<div class="layui-row">
			<div class="layui-col-xs4 layui-col-md4">
			<div class="hdw-btn">
			<a href="javascript:;" class="this-active h44" data-href="#homeInfo"><i class="fa fa-home mrt4"></i><br><span>机房信息</span></a>
			</div>
			</div>
			<div class="layui-col-xs4 layui-col-md4">
			<div class="hdw-btn">
			<a href="javascript:;" class="h44" data-href="#video"><i class="fa fa-video-camera mrt4"></i><br><span>视频</span></a>
			</div>
			</div>
			<div class="layui-col-xs4 layui-col-md4">
			<div class="hdw-btn">
			<a href="javascript:;" class="h44" data-href="#imgs"><i class="fa fa-image mrt4"></i><br><span>图片</span></a>
			</div>
			</div>
			</div>
			</div>
			</div>
			<input type="hidden" id="homeId">
			<script type="text/html" id="homeTab">
			<ul class="layui-tab-title">
			{{# layui.each(d.tabc, function(index, item){ }}
			<li class="{{ item.tshow }}">{{ item.title }}</li>
			{{# }); }}
			</ul>
			<div class="layui-tab-content abs abs-top41 overflowY">
			{{# layui.each(d.tabc, function(index, item){ }}
			{{# if(item.type == 'group'){ }}
			<div class="layui-tab-item {{ item.cshow }}">
			<table class="hdw-tbl mrb8">
			<thead>
			<tr>
			<th style="width:5em">参数名称</th>
			<th>参数值</th>
			</tr>
			</thead>
			<tbody>
			<tr>
			<td>机房ID</td>
			<td>{{ item.content.homeid }}</td>
			</tr>
			<tr>
			<td>机房名称</td>
			<td>{{ item.content.homename }}</td>
			</tr>
			<tr>
			<td>机房IP</td>
			<td>{{ item.content.homeip }}</td>
			</tr>
			<tr>
			<td>电池组ID</td>
			<td>{{ item.content.groupid }}</td>
			</tr>
			<tr>
			<td>电池组名称</td>
			<td>{{ item.content.groupname }}</td>
			</tr>
			<tr>
			<td>电池组序号</td>
			<td>{{ item.content.ordernum }}</td>
			</tr>
			<tr>
			<td>电池组品牌</td>
			<td>{{ item.content.brand }}</td>
			</tr>
			<tr>
			<td>电池组型号</td>
			<td>{{ item.content.model }}</td>
			</tr>
			<tr>
			<td>单体电池属性</td>
			<td>{{ item.content.monproperty }}</td>
			</tr>
			<tr>
			<td>投入使用日期（y-M-d）</td>
			<td>{{ item.content.startusetime }}</td>
			</tr>
			<tr>
			<td>电池浮充电流阀值（A）</td>
			<td>{{ item.content.chargecurr }}</td>
			</tr>
			<tr>
			<td>电池均充电压阀值（V）</td>
			<td>{{ item.content.chargevol }}</td>
			</tr>
			<tr>
			<td>充放电设备信息</td>
			<td>{{ item.content.equipeinfo }}</td>
			</tr>
			<tr>
			<td>负责人</td>
			<td>{{ item.content.person }}</td>
			</tr>
			<tr>
			<td>安装人员</td>
			<td>{{ item.content.install_user }}</td>
			</tr>
			</tbody>
			</table>
			</div>
			{{# }else if(item.type == 'home'){ }}
			<div class="layui-tab-item {{ item.cshow }}">
			<table class="hdw-tbl mrb8">
			<thead>
			<tr>
			<th style="white-space:nowrap">参数名称</th>
			<th>参数值</th>
			</tr>
			</thead>
			<tbody>
			<tr>
			<td>站点ID</td>
			<td>{{ item.content.stationid }}</td>
			</tr>
			<tr>
			<td>站点名称</td>
			<td>{{ item.content.stationname }}</td>
			</tr>
			<tr>
			<td>机房ID</td>
			<td>{{ item.content.homeid }}</td>
			</tr>
			<tr>
			<td>所属组织</td>
			<td>{{ item.content.organize }}</td>
			</tr>
			<tr>
			<td>数据来源</td>
			<td>{{ item.content.datasource }}</td>
			</tr>
			<tr>
			<td>站址类型</td>
			<td>{{ item.content.addrstyle }}</td>
			</tr>
			<tr>
			<td>经纬度</td>
			<td>{{ item.content.position }}</td>
			</tr>
			<tr>
			<td>所在地址</td>
			<td>{{ item.content.addr }}</td>
			</tr>
			<tr>
			<td>站址状态</td>
			<td>{{ item.content.stationstatus }}</td>
			</tr>
			<tr>
			<td>维护单位</td>
			<td>{{ item.content.maintain }}</td>
			</tr>
			<tr>
			<td>站址场景</td>
			<td>{{ item.content.environment }}</td>
			</tr>
			<tr>
			<td>站址产权</td>
			<td>{{ item.content.addrpower }}</td>
			</tr>
			<tr>
			<td>使用单位</td>
			<td>{{ item.content.usecompany }}</td>
			</tr>
			<tr>
			<td>物理站址编码</td>
			<td>{{ item.content.physicsaddrnum }}</td>
			</tr>
			<tr>
			<td>历史物理站址编码</td>
			<td>{{ item.content.hisphysicsaddrnum }}</td>
			</tr>
			<tr>
			<td>站址内部编码</td>
			<td>{{ item.content.addrinsidenum }}</td>
			</tr>
			<tr>
			<td>站址拼音简称</td>
			<td>{{ item.content.addrpinyin }}</td>
			</tr>
			<tr>
			<td>中文简称</td>
			<td>{{ item.content.chinesename }}</td>
			</tr>
			<tr>
			<td>是否开通业务</td>
			<td>{{ item.content.isopenbusiness }}</td>
			</tr>
			<tr>
			<td>录入人员</td>
			<td>{{ item.content.entryperson }}</td>
			</tr>
			<tr>
			<td>录入时间</td>
			<td>{{ item.content.entrytime }}</td>
			</tr>
			<tr>
			<td>修改人</td>
			<td>{{ item.content.revisedperson }}</td>
			</tr>
			<tr>
			<td>修改时间</td>
			<td>{{ item.content.revisedtime }}</td>
			</tr>
			<tr>
			<td>备注</td>
			<td>{{ item.content.remark }}</td>
			</tr>
			<tr>
			<td>站址接收标记及是否有效</td>
			<td>{{ item.content.isactive }}</td>
			</tr>
			<tr>
			<td>移动站址名称</td>
			<td>{{ item.content.yidongaddrname }}</td>
			</tr>
			<tr>
			<td>电信站址名称</td>
			<td>{{ item.content.dianxinaddrname }}</td>
			</tr>
			<tr>
			<td>联通站址名称</td>
			<td>{{ item.content.liantongaddrname }}</td>
			</tr>
			<tr>
			<td>品牌</td>
			<td>{{ item.content.brand }}</td>
			</tr>
			<tr>
			<td>续航测算时间</td>
			<td>{{ item.content.endurtime }}</td>
			</tr>
			<tr>
			<td>续航测算类型</td>
			<td>{{ item.content.endurstyle }}</td>
			</tr>
			<tr>
			<td>续航发生时间</td>
			<td>{{ item.content.endurstarttime }}</td>
			</tr>
			<tr>
			<td>共享情况</td>
			<td>{{ item.content.shareinfo }}</td>
			</tr>
			<tr>
			<td>运营商购买发电服务状态</td>
			<td>{{ item.content.buystatus }}</td>
			</tr>
			<tr>
			<td>是否具备发电条件</td>
			<td>{{ item.content.ischarge }}</td>
			</tr>
			<tr>
			<td>上站路程</td>
			<td>{{ item.content.distance }}</td>
			</tr>
			<tr>
			<td>上站难易程度</td>
			<td>{{ item.content.degree }}</td>
			</tr>
			<tr>
			<td>客户问题库未完成蓄电池维修</td>
			<td>{{ item.content.repair }}</td>
			</tr>
			</tbody>
			</table>
			</div>
			{{# } }}
			{{# }); }}
			</div>
			</script>
			<script src="../js/jquery-1.8.3.js"></script>
			<script src="../../src/layui.js"></script>
			<script src="../app/js/common.js"></script>
			<script src="../../pages/js/GPS.js"></script>
			<script type="text/javascript">
			// layui模块
			layui.use(['layer', 'laytpl', 'form', 'upload', 'element'], function() {
			var layer = layui.layer; // 获取layer模块
			var laytpl = layui.laytpl; // 获取laytpl模块
			var form = layui.form; // 获取form模块
			var upload = layui.upload; // 获取upload模块
			var element = layui.element; // 获取element模块
			var footerMenu = new FooterMenu($('#pageFooter')); // 实例化底部导航栏
			var homeInfo = parent.$('#homeInfoIframe').data('homeInfo'); // 机房信息
			var homeInfoTpl = $('#homeTab').html(); // 机房信息模板
			showHomeInfo(homeInfo.homeId);
			// 关闭form
			var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
			$('#closeIframe').click(function() { // 设置点击按钮关闭当前iframe
			parent.layer.close(index);
			});


			// 显示机房信息
			function showHomeInfo(sid) {
			var temp = {
			StationId: sid
			};
			var load = layer.load(1);
			// 查询基站的信息
			$.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;
			var rsData = formatHomeInfo(data);
			console.log(rsData);
			laytpl(homeInfoTpl).render(rsData, function(html) {
			$('#homeInfoTab').html(html);
			element.render('tab', 'homeInfoTab');
			});
			}else {
			layer.msg('暂无基站信息！');
			}

			},
			complete: function() {
			layer.close(load);
			}
			});
			}

			// 格式化机房信息数据
			function formatHomeInfo(data) {
			//console.log(data);
			var groupDefaults = {
			homeid: '',
			homename: '',
			homeip: '',
			groupid: '',
			groupname: '',
			ordernum: '',
			brand: '',
			model: '',
			monproperty: '',
			startusetime: '',
			chargecurr: '',
			chargevol: '',
			equipeinfo: '',
			person: '',
			install_user: ''
			};

			var homeDefaults = {

			};
			var rs = {
			sid: 0,
			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;
			rs.sid = _data.StationId; // 机房id
			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 = '';
			content.install_user = _data.install_user;

			tabc.push(tmp);
			}
			var StationId_ex = data[0].StationId_ex;
			var install_user = data[0].install_user;
			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;
			content.install_user = install_user;

			// 是否添加基站信息
			if(content.stationid != '0') {
			tabc.push(tmp);
			}

			// 返回结果集
			return rs;
			}
			});
			</script>
			</body>
			</html>

			@@ -39,7 +39,29 @@
			/* 定义位置 */
			margin-left: 200px;
			}
			.map-panel-btn:hover {

			.map-panel-seen-btn {
			font-size: 12px;
			text-decoration: none!important;
			font-family: Helvetica, Arial, sans serif;
			padding: 4px 12px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			box-shadow: inset 0px 0px 2px #fff;
			-o-box-shadow: inset 0px 0px 2px #fff;
			-webkit-box-shadow: inset 0px 0px 2px #fff;
			-moz-box-shadow: inset 0px 0px 2px #fff;
			/定义颜色和样式/
			color: #41788c;
			border: 1px solid #6fb1c7;
			background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
			background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
			background-image: -o-linear-gradient(#aae5f7, #73d0f1);
			text-shadow: 1px 1px 1px #bfeafb;
			background-color: #73d0f1;
			}
			.map-panel-btn:hover, .map-panel-seen-btn:hover {
			border: 1px solid #4690ad;
			background-image: -moz-linear-gradient(#73d0f1, #aae5f7);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
			@@ -85,10 +107,13 @@
			</div>
			<!-- 存储机房信息列表 -->
			<div id="searchHomeIframe"></div>
			<!-- 机房定位 -->
			<div id="homeLocation"></div>
			<!-- 存在机房信息 -->
			<div id="homeInfoIframe"></div>
			<script src="js/jquery-1.8.3.js"></script>
			<script src="src/layui.all.js"></script>
			<script src="../pages/js/GPS.js"></script>
			<script>
			// 百度地图模块
			var map = new BMap.Map('map');
			@@ -116,7 +141,7 @@
			mk.enableDragging(); // 设置可拖动
			map.addOverlay(mk); // 将覆盖物添加到地图中
			mk.setLabel(label); // 给覆盖物添加label提示
			map.panTo(r.point, 20); // 将地图移动到添加的点位置
			map.panTo(r.point); // 将地图移动到添加的点位置
			map.setZoom(20); // 设置地图的缩放等级

			// 给maker点绑定点击事件
			@@ -135,10 +160,13 @@
			var allOverlay = map.getOverlays();
			for (var i = 0; i < allOverlay.length -1; i++){
			if(allOverlay[i].getLabel) {
			if(allOverlay[i].getLabel().content == str){
			map.removeOverlay(allOverlay[i]);
			return false;
			if(allOverlay[i].getLabel()) {
			if(allOverlay[i].getLabel().content == str){
			map.removeOverlay(allOverlay[i]);
			return false;
			}
			}

			}

			}
			@@ -301,6 +329,354 @@

			}

			// 显示地图图标
			var allStation = [];
			searchStation();
			function searchStation(){
			var temp = createSearchParam();
			var json = JSON.stringify(temp);
			var load = layer.load(1);
			// 查询后台
			$.ajax({
			type: "post",
			url: "BattMap_informationAction!searchUserManageStation",
			async: true,
			dataType:'text',
			data:"json="+json,
			success: function(data){
			data = eval('('+data+')');
			// 获取结果集
			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++){
			var _list = list[i];
			allStation.push(formatAllStation(_list));
			}

			createMapDot(map, allStation);
			queryInRect(map);
			map.addEventListener("moveend", queryInRect.bind({},map)); // 拖动
			map.addEventListener("zoomend", queryInRect.bind({},map)); // 缩放
			}
			},
			complete:function() {
			layer.close(load);
			}
			});
			}

			//构造查询条件
			function createSearchParam(){
			var bmd = {
			adata:{
			alm_cleared_type:$('#alarm-station').length == 0?0:$('#alarm-station').is(":checked")?0:100,
			alm_id:$('#low-station').length==0?1:$('#low-station').is(":checked")?1:100,
			},
			bplan:{
			discharge_reason:$('#delayed-station').length==0?3:$('#delayed-station').is(":checked")?3:100,
			}
			};

			return bmd;
			}

			// 格式化查询结果
			function formatAllStation(list) {
			var obj = new Object();
			// GPS坐标转化为百度坐标
			var point = GPS.wgs2bd(list.latitude, list.longitude);
			// 构造结果集
			obj.lng = point.lon;
			obj.lat = point.lat;
			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 createMapDot(map, dotList) {
			// 遍历查询内容生成对应的图标
			for(var i = 0; i<dotList.length; i++) {
			var pt = new BMap.Point(dotList[i].lng, dotList[i].lat);
			var mk = new BMap.Marker(pt); // 定义marker点
			// 向mk点添加label
			var home_name = new BMap.Label(dotList[i].title, {offset:new BMap.Size(20,-10)});
			home_name.setStyle({display: 'none', padding: '4px 2px'}); // 设置不可见
			mk.setLabel(home_name); // 设置label

			mk.addEventListener('click', function(e) {
			var target = e.target;
			//showMapPanel(target, dotList);
			searchPanelInfo(target.point);
			});


			map.addOverlay(mk); // 添加覆盖物
			mk.hide();
			}
			}

			// 查询机房面板信息
			function searchPanelInfo(param) {
			var point = new BMap.Point(param.lng, param.lat);
			var stationInfo = getStaionByPoint(point);
			if(!stationInfo) {
			alert('面板信息查询失败！');
			return;
			}
			var temp = {
			StationId: stationInfo.sId
			};
			var load = layer.load(1);
			// 查询面板信息
			$.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 0; width:50%; float:left;"><span>蓄电池组告警数目：</span>'+data.code+'</div>'+
			'<div style="padding:6px 0; width:50%; float:left;"><span>蓄电池组落后数目：</span>'+data.sum+'</div>'+
			'<div style="clear:both"></div>'+
			'<div style="padding: 6px 4px">经度：<span class="lng">'+data.data.longitude+'</span>，纬度：<span class="lat">'+data.data.latitude+'</span></div>'+
			'<div style="padding:6px;"><span>地址：</span>'+data.data.Address+'</div>'+
			'<br>'+
			'<div class="t-align-right">'+
			'<a href="javascript:seenHomeInfo();" class="map-panel-seen-btn mrl8">查看</a>'+
			'<a href="javascript:editHomeInfo();" class="map-panel-seen-btn mrl8">修改</a>'+
			'<a href="javascript:delHomeInfo();" class="map-panel-seen-btn mrl8">删除</a>'+
			'</div>'+
			'<input type="hidden" class="ipt-hide lng" value="'+data.data.longitude+'">'+
			'<input type="hidden" class="ipt-hide lat" value="'+data.data.latitude+'">'+
			'<input type="hidden" class="ipt-hide addr" value="'+data.data.Address+'">'+
			'<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 = {
			title: data.data.StationName,
			content: content
			};

			showMapPanelByPoint(point, list);
			}
			},
			complete: function() {
			layer.close(load);
			}
			});
			}

			// 修改机房信息面板
			function editHomeInfo() {
			var lng = $('.ipt-hide.lng').val(); // 获取经度
			var lat = $('.ipt-hide.lat').val(); // 获取纬度
			var addr = $('.ipt-hide.addr').val(); // 获取地址
			var homeId = $('.ipt-hide.sid').val(); // 机房Id
			var homeName = $('.ipt-hide.home').val(); // 机房名称
			var temp = {
			homeId: homeId
			,homeName: homeName
			,addr: addr
			,lng: lng
			,lat: lat
			}
			// 显示暂无可设站点
			if(homeId == 0) {
			layer.msg(homeName);
			return;
			}
			// 存储值
			$('#homeInfoIframe').data('homeInfo', temp);

			iframePopup = layer.open({
			type: 2
			,closeBtn: 0
			,title: false
			,area: ['100%', '100%']
			,full: true
			,anim: 4
			,content: 'iframe/homeinfo.html'
			});
			}

			// 删除地图图标
			function delHomeInfo() {
			layer.msg('暂无权限删除！')
			}

			// 查看机房信息
			function seenHomeInfo() {
			var lng = $('.ipt-hide.lng').val(); // 获取经度
			var lat = $('.ipt-hide.lat').val(); // 获取纬度
			var addr = $('.ipt-hide.addr').val(); // 获取地址
			var homeId = $('.ipt-hide.sid').val(); // 机房Id
			var homeName = $('.ipt-hide.home').val(); // 机房名称
			var temp = {
			homeId: homeId
			,homeName: homeName
			,addr: addr
			,lng: lng
			,lat: lat
			}
			// 显示暂无可设站点
			if(homeId == 0) {
			layer.msg(homeName);
			return;
			}
			// 存储值
			$('#homeInfoIframe').data('homeInfo', temp);

			iframePopup = layer.open({
			type: 2
			,closeBtn: 0
			,title: false
			,area: ['100%', '100%']
			,full: true
			,anim: 4
			,content: 'iframe/seenhomeinfo.html'
			});
			}

			// 显示地图提示面板
			function showMapPanelByPoint(point, dataList) {
			var searchInforWin = null;
			var opts = {
			title : dataList.title+'<a href="javascript:loadToHomeInfo();" style="margin-left: 1em;text-decoration:none;cursor:not-allowed">详情>></a>', //标题未开启
			width : '290', //宽度
			height : 150, //高度
			panel : "panel", //检索结果面板
			enableAutoPan : true, //自动平移
			enableSendToPhone:false,
			searchTypes :[
			// BMAPLIB_TAB_SEARCH, //周边检索
			// BMAPLIB_TAB_TO_HERE, //到这里去
			// BMAPLIB_TAB_FROM_HERE //从这里出发
			]
			};

			searchInforWin = new BMapLib.SearchInfoWindow(map, dataList.content, opts);
			searchInforWin.open(point);
			}

			// 根据经纬度获取机房的信息
			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 queryInRect(map) {
			var cp = map.getBounds(); // 返回map可视区域，以地理坐标表示
			var sw = cp.getSouthWest(); // 返回矩形区域的西南角
			var ne = cp.getNorthEast(); // 返回矩形区域的东北角
			var mkList = map.getOverlays();
			var zoom = map.getZoom(); //当前缩放级别
			showDotList(mkList, sw, ne, zoom);
			}

			// 获取dots的集合
			function showDotList(mkList, sw, ne, zoom) {
			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<mkList.length; i++) {
			var mk = mkList[i];
			var point = mk.getPosition?mk.getPosition():null;
			if(point) {
			var lat = point.lat;
			var lng = point.lng;
			// 判断当前的maker点是否显示
			if(lng<maxLng && lng>minLng && lat<maxLat && lat>minLat && zoom>10) {
			// console.log(123)
			mk.show();
			}else {
			mk.hide();
			}

			}
			}
			return rs;
			}

			// 根据后台数据显示地图的中心坐标
			centerMapByPoint(map);
			function centerMapByPoint(map) {
			// 请求后台根据数据更改地图中心坐标
			$.ajax({
			type: "post",
			url: "Positiomap_usrAction!serchByCondition",
			async:true,
			dataType:'text',
			data:null,
			success: function(rs){
			rs = eval('('+rs+')');
			var model = eval('('+rs.result+')');
			if(model.code == 1) {
			var data = model.data[0];
			var _point = new BMap.Point(data.map_longitude,data.map_latitude);
			map.centerAndZoom(_point, data.map_level); // 用城市名设置地图中心点
			}
			}
			});
			}


			// 机房定位面板
			$('#homeLocation').on('click', function() {
			var homeInfo = $(this).data('homeInfo');
			locationByHomeName(map, homeInfo.home);
			});


			// 根据机房名称定位机房
			function locationByHomeName(map, name) {
			var mkList = map.getOverlays();
			// console.log(mkList);
			for(var i=0; i<mkList.length; i++) {
			var mk = mkList[i];
			var _label = mk.getLabel?mk.getLabel()?mk.getLabel().content:'':'';
			// 判断机房名称
			if(_label == name) {
			var point = mk.getPosition();
			map.panTo(point); // 将地图移动到添加的点位置
			map.setZoom(20); // 设置地图的缩放等级
			searchPanelInfo(point);
			}

			}
			}

			//拦截安卓回退按钮
			history.pushState(null, null, location.href);
			window.addEventListener('popstate', function(event) {