<!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="../app/css/module.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%;
|
}
|
#imgCarousel .carousel-item div {
|
text-align: center;
|
}
|
#imgCarousel img {
|
width: 100%;
|
height: auto;
|
}
|
</style>
|
</head>
|
<body class="full-height homeinfo-tab" style="overflow:hidden;">
|
<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-bottom60">
|
<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 h" id="video">
|
<div class="rel-full">
|
<div class="ck-video-container h" id="ckVideo">
|
<div class="ck-video" id="myVideo"></div>
|
<div class="ck-video-list slide-hide">
|
<div class="ck-video-list-rel">
|
<div class="ck-video-list-container">
|
<ul>
|
<li><a href="javascript:;" class="active-this"><i class="fa fa-video-camera"></i><span>视频1.mp4</span></a></li>
|
<li><a href="javascript:;"><i class="fa fa-video-camera"></i><span>视频2.mp4</span></a></li>
|
</ul>
|
</div>
|
<div class="ck-video-bg"></div>
|
<div class="ck-video-slide"><i class="fa fa-angle-right"></i></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="abs" id="imgs">
|
<div class="rel-full">
|
<div class="layui-carousel" id="imgCarousel" lay-filter="imgCarousel">
|
<div carousel-item="" class="carousel-item" id="carouselItems"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div id="pageFooter" class="page-footer" style="position:absolute; bottom: 0;width: 100%; height: 59px; 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 h59" data-href="#homeInfo"><i class="fa fa-home mrt8 mrb4"></i><br><span>机房信息</span></a>
|
</div>
|
</div>
|
<div class="layui-col-xs4 layui-col-md4">
|
<div class="hdw-btn">
|
<a href="javascript:;" class="h59" data-href="#video"><i class="fa fa-video-camera mrt8 mrb4"></i><br><span>视频</span></a>
|
</div>
|
</div>
|
<div class="layui-col-xs4 layui-col-md4">
|
<div class="hdw-btn">
|
<a href="javascript:;" class="h59" data-href="#imgs"><i class="fa fa-image mrt8 mrb4"></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="../../ckplayer/ckplayer.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', 'carousel'], 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 carousel = layui.carousel; // 获取carousel模块
|
var ckVideo = new CkVideo('#ckVideo', '#myVideo'); // 实例化CkVideo
|
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;
|
}
|
|
// 获取视频列表
|
getVideoList(homeInfo.homeId);
|
function getVideoList(sid) {
|
var tmp = {
|
StationId: sid,
|
VideoOrImage: 'video'
|
};
|
var videoContainer = $('#videos .video-list-content');
|
// 请求视频播放列表
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'MyFileAction!searchStationSource',
|
data: 'json='+JSON.stringify(tmp),
|
dataType: 'json',
|
success: function(result) {
|
var rs = JSON.parse(result.result);
|
//console.log(rs);
|
if(rs.code==1) {
|
var data = rs.data;
|
ckVideo.init(data, sid);
|
}else {
|
ckVideo.init([], sid);
|
}
|
|
}
|
});
|
}
|
|
|
// 机房环境图片集模块
|
var imgCarouselopts = {
|
elem: '#imgCarousel',
|
arrow: 'always',
|
width: '100%',
|
height: '100%',
|
autoplay: false
|
};
|
|
//常规轮播
|
var homeEnvImgs = carousel.render(imgCarouselopts);
|
// 查询轮播图资源
|
var imgsContainer = $('#carouselItems');
|
searchCarouselImgs(homeInfo.homeId, homeEnvImgs, imgCarouselopts, imgsContainer);
|
function searchCarouselImgs(sid, carousel, options, imgsContainer) {
|
var tmp = {
|
StationId: sid,
|
VideoOrImage: 'image'
|
};
|
// 请求视频播放列表
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'MyFileAction!searchStationSource',
|
data: 'json='+JSON.stringify(tmp),
|
dataType: 'json',
|
success: function(result) {
|
var rs = JSON.parse(result.result);
|
//console.log(rs);
|
var rsList = [];
|
if(rs.code==1) {
|
var data = rs.data;
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var tmp = {};
|
tmp.fileName = _data.fileName;
|
tmp.fileUrl = '../../../stationsrc/'+sid+'/image/'+_data.fileName;
|
rsList.push(tmp);
|
}
|
}else {
|
var tmp = {};
|
tmp.fileName = 'none.jpg';
|
tmp.fileUrl = '../../images/none.jpg';
|
rsList.push(tmp);
|
}
|
updateCarouselImgs(homeEnvImgs, imgCarouselopts, imgsContainer, rsList);
|
}
|
});
|
}
|
|
// 更新图片轮播图
|
function updateCarouselImgs(carousel, options, container, imgs) {
|
// 清空容器
|
container.text('');
|
// 遍历imgs
|
for(var i=0; i<imgs.length; i++) {
|
var _imgs = imgs[i];
|
var item = $('<div><img src="'+_imgs.fileUrl+'"></div>');
|
container.append(item);
|
}
|
|
carousel.reload(options);
|
}
|
|
|
});
|
</script>
|
</body>
|
</html>
|
