New file |
| | |
| | | <!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> |