From 9ddd943af4a3b650b5fa877eff8d4f2ce643448a Mon Sep 17 00:00:00 2001
From: hdw <496960745@qq.com>
Date: 星期一, 19 十一月 2018 16:40:35 +0800
Subject: [PATCH] 视频上传
---
gx_tieta/WebRoot/control.jsp | 165 -----------
gx_tieta/WebRoot/iframe/homeinfo.html | 199 ++++++++++++++
gx_tieta/WebRoot/index.jsp | 169 -----------
gx_tieta/WebRoot/pages/js/pages/homeInfo.js | 182 +++++++++++++
gx_tieta/WebRoot/pages/css/mylayui.css | 95 ++++++
5 files changed, 477 insertions(+), 333 deletions(-)
diff --git a/gx_tieta/WebRoot/control.jsp b/gx_tieta/WebRoot/control.jsp
index 192efa0..67e1692 100644
--- a/gx_tieta/WebRoot/control.jsp
+++ b/gx_tieta/WebRoot/control.jsp
@@ -1156,6 +1156,7 @@
<!-- 寮曞叆鐢佃矾鍥� -->
<script type="text/javascript" src="js/elecircle.js"></script>
<script type="text/javascript" src="js/elecircle.content.js"></script>
+ <script type="text/javascript" src="pages/js/pages/homeInfo.js"></script>
<script type="text/javascript">
var permits;
<% Object obj=session.getAttribute("permits");
@@ -4973,170 +4974,6 @@
}
});
- }
-
- // 鏄剧ず鏈烘埧淇℃伅
- function showHomeInfo(sid) {
- var temp = {
- StationId: sid
- };
-
- // 鏌ヨ鍩虹珯鐨勪俊鎭�
- $.ajax({
- type: 'post',
- async: true,
- url: 'BattInfAction!serchBattAllInfoByStationId',
- data: 'json='+JSON.stringify(temp),
- dataType: 'json',
- success: function(result) {
- var rs = JSON.parse(result.result);
- if(rs.code == 1) {
- var data = rs.data;
- //console.log(data);
- var rsData = formatHomeInfo(data);
- $('#homeInfoIframeData').data('data', rsData);
- // 鏄剧ず闈㈡澘
- layer.open({
- type: 2,
- title: '<i class="fa fa-home"></i>鍩虹珯淇℃伅',
- area: ['960px', '524px'],
- fixed: false, //涓嶅浐瀹�
- maxmin: true,
- content: 'iframe/homeinfo.html'
- });
- }else {
- layer.msg('鏆傛棤鍩虹珯淇℃伅锛�');
- }
-
- }
- });
- }
-
- // 鏍煎紡鍖栨満鎴夸俊鎭暟鎹�
- function formatHomeInfo(data) {
- var groupDefaults = {
- homeid: '',
- homename: '',
- homeip: '',
- groupid: '',
- groupname: '',
- ordernum: '',
- brand: '',
- model: '',
- monproperty: '',
- startusetime: '',
- chargecurr: '',
- chargevol: '',
- equipeinfo: '',
- person: ''
- };
-
- var homeDefaults = {
-
- };
- var rs = {
- tabc:[]
- };
- var tabc = rs.tabc;
- // 閬嶅巻data鐢熸垚鏈烘埧鐨勫��
- for(var i=0; i<data.length; i++) {
- var _data = data[i];
- var tmp = {};
- tmp.title = '鐢垫睜缁�'+(i+1)+'淇℃伅';
- tmp.type = 'group';
- tmp.content = $.extend({}, groupDefaults);
- tmp.tshow = '';
- tmp.cshow = '';
- if(i==0) {
- tmp.tshow = 'layui-this';
- tmp.cshow = 'layui-show';
- }
- // 璁剧疆content鐨勫��
- var content = tmp.content;
- content.homeid = _data.StationId; // 鏈烘埧id
- content.homename = _data.StationName; // 鏈烘埧鍚嶇О
- content.homeip = _data.StationIp; // 鏈烘埧ip
- content.groupid = _data.BattGroupId; // 鐢垫睜缁刬d
- 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+'锛汭D锛�'+_data.FBSDeviceId
- +'锛汭P锛�'+_data.FbsDeviceIp+'锛汢Index锛�'+_data.GroupIndexInFBSDevice;
- content.equipeinfo = equipeinfo;
- content.person = '';
-
- tabc.push(tmp);
- }
- var StationId_ex = data[0].StationId_ex;
- var homeData = data[0].binf_ex;
- var tmp = {};
- tmp.title = '鍩虹珯淇℃伅';
- tmp.type = 'home';
- tmp.content = $.extend({}, homeDefaults);
- tmp.tshow = '';
- tmp.cshow = '';
- // 璁剧疆content鐨勫��
- var content = tmp.content;
- content.stationid = StationId_ex;
- content.stationname = homeData.stationName;
- content.homeid = homeData.stationId;
- content.organize = homeData.affiliation;
- content.datasource = homeData.dataSources;
- content.addrstyle = homeData.stationType;
- var position = '缁忓害锛�'+homeData.longitude+'锛涚含搴︼細'+homeData.latitude;
- content.position = position;
- content.addr = homeData.stationAddr;
- var blockedState = homeData.blockedState?'鏄�': '鍚�';
- var stationstatus = '绔欏潃绛夌骇锛�'+homeData.stationLevel+'锛涚淮鎶ょ姸鎬侊細'+homeData.maintenanceState+'锛涘皝閿佺姸鎬侊細'+blockedState;
- content.stationstatus = stationstatus;
- content.maintain = homeData.maintenanceCompany;
- var environment = '涓氬姟鍦烘櫙锛�'+homeData.businessScenario+'锛涜鐩栧満鏅細'+homeData.CoverScenario+'锛涚珯鍧�鍦板舰锛�'+homeData.siteTerrain;
- content.environment = environment;
- var isShare = homeData.isShare?'鏄�':'鍚�';
- var addrpower = '浜ф潈鎬ц川锛�'+homeData.propertyRights+'锛涳紙鍘燂級浜ф潈鍗曚綅锛�'+homeData.propertyUnit+'锛涙槸鍚﹀叡浜細'+isShare;
- content.addrpower = addrpower;
- content.usecompany = homeData.useUnit;
- content.physicsaddrnum = homeData.siteCode;
- content.hisphysicsaddrnum = homeData.historySiteCode;
- content.addrinsidenum = homeData.siteInternalNumber;
- content.addrpinyin = homeData.sitePinyinReferred;
- content.chinesename = homeData.siteChineseReferred; // 涓枃绠�绉�
- content.isopenbusiness = homeData.isOpenBusiness;
- content.entryperson = homeData.schoolPersonnel;
- content.entrytime = homeData.entryTime;
- content.revisedperson = homeData.modifyPeople;
- content.revisedtime = homeData.modifyTime;
- content.remark = homeData.note;
- var addrMark = homeData.siteReceivesMark?'鏄�':'鍚�';
- var isEffe = homeData.siteValidity?'鏄�':'鍚�';
- var isactive = '绔欏潃鎺ユ敹鏍囪锛�'+addrMark+'锛涙槸鍚︽湁鏁堬細'+isEffe;
- content.isactive = isactive;
- content.yidongaddrname = homeData.siteNameCMCC;
- content.dianxinaddrname = homeData.siteNameCTC;
- content.liantongaddrname = homeData.siteNameCUCC;
- content.brand = homeData.producer;
- content.endurtime = homeData.lastTimeLong;
- content.endurstyle = homeData.lastTimeType;
- content.endurstarttime = homeData.lastTimeDate;
- content.shareinfo = homeData.shareInfo;
- var buystauts = "绉诲姩璐拱:"+(homeData.electPowerCMCC==1?'鏄�':'鍚�')+";鐢典俊璐拱:"+(homeData.electPowerCTC==1?'鏄�':'鍚�')+";鑱旈�氳喘涔�:"+(homeData.electPowerCUCC==1?'鏄�':'鍚�');
- content.buystatus = buystauts;
- var ischarge = homeData.isCanElectPower==1?'鏄�':'鍚�';
- content.ischarge = ischarge;
- content.distance = homeData.upperStationRoute;
- content.degree = homeData.upperStationDifficult;
- content.repair = homeData.clienteleErrorService;
-
- tabc.push(tmp);
- // 杩斿洖缁撴灉闆�
- return rs;
}
</script>
<script type="text/javascript" src="js/Title.js"></script>
diff --git a/gx_tieta/WebRoot/iframe/homeinfo.html b/gx_tieta/WebRoot/iframe/homeinfo.html
index 975c99c..abe495d 100644
--- a/gx_tieta/WebRoot/iframe/homeinfo.html
+++ b/gx_tieta/WebRoot/iframe/homeinfo.html
@@ -9,6 +9,7 @@
<link rel="stylesheet" href="../src/css/layui.css">
<link rel="stylesheet" href="../css/common.css">
<link rel="stylesheet" href="../pages/css/mylayui.css">
+ <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.css">
<style>
body.homeinfo-tab .layui-tab {
margin: 0;
@@ -18,6 +19,9 @@
}
body.homeinfo-tab .layui-tab-content {
padding: 0;
+ }
+ body.homeinfo-tab .layui-tab-content .layui-tab-item.layui-show {
+ height: 100%;
}
</style>
</head>
@@ -29,6 +33,7 @@
</div>
<script src="../js/jquery-1.8.3.js"></script>
<script src="../src/layui.js"></script>
+ <script src="../ckplayer/ckplayer.js"></script>
<script type="text/html" id="homeTab">
<ul class="layui-tab-title">
{{# layui.each(d.tabc, function(index, item){ }}
@@ -106,7 +111,7 @@
</tbody>
</table>
</div>
- {{# }else{ }}
+ {{# }else if(item.type == 'home'){ }}
<div class="layui-tab-item {{ item.cshow }}">
<table class="hdw-tbl">
<thead>
@@ -271,19 +276,130 @@
</tbody>
</table>
</div>
- {{# } }}
+ {{# }else if(item.type == 'env'){ }}
+ <div class="layui-tab-item">
+ <div id="video" style="width: 100%;height: 100%;"></div>
+ <div id="videos" class="video-list video-slideHide">
+ <div class="video-list-container">
+ <div class="video-slideToggle"><i class="fa fa-chevron-right"></i></div>
+ <div class="video-list-content">
+ <div class="video-item video-item-active"><a href="javascript:;">瑙嗛1.mp4</a></div>
+ <div class="video-item"><a href="javascript:;">瑙嗛2.mp4</a></div>
+ <div class="video-item"><a href="javascript:;">瑙嗛3.mp4</a></div>
+ </div>
+ <div class="video-list-bg"></div>
+ </div>
+ </div>
+ </div>
+ {{# }else if(item.type == 'upload'){ }}
+ <div class="layui-tab-item">
+ <div class="upload-form-container">
+ <br>
+ <div class="layui-form mrl8">
+ <div class="layui-form-item">
+ <button type="button" class="layui-btn" id="test5"><i class="layui-icon"> </i>閫夋嫨涓婁紶瑙嗛</button>
+ <div class="layui-input-inline">
+ <input type="text" name="title" autocomplete="off" placeholder="璇疯緭鍏ヨ棰戝悕绉�" class="layui-input">
+ </div>
+ </div>
+ </div>
+ <div class="layui-progress layui-progress-big mrl8 mrr8" lay-showPercent="yes" lay-filter="uploadProgress">
+ <div class="layui-progress-bar layui-bg-blue" lay-percent="0%"></div>
+ </div>
+ <div class="bottom-btn">
+ <button type="button" class="layui-btn layui-btn-normal" id="upload">纭涓婁紶</button>
+ </div>
+ </div>
+ {{# } }}
+
{{# }); }}
</div>
</script>
<script>
- layui.use(['element', 'laytpl'], function() {
+ layui.use(['element', 'laytpl', 'upload'], function() {
var element = layui.element;
var laytpl = layui.laytpl;
+ var upload = layui.upload;
var tabTpl = $('#homeTab').html();
var homeInfo = parent.$('#homeInfoIframeData').data('data');
//console.log(homeInfo);
updatehomeInfoTab(homeInfo);
+
+ // 閲嶆柊娓叉煋
+ element.render('progress','uploadProgress');
+
+ // 瑙嗛娴忚妯″潡
+ var videoObject = {
+ container: '#video', //瀹瑰櫒鐨処D鎴朿lassName
+ variable: 'player', //鎾斁鍑芥暟鍚嶇О
+ loop: false, //鎾斁缁撴潫鏄惁寰幆鎾斁
+ autoplay: false,//鏄惁鑷姩鎾斁
+ //poster: 'material/poster.jpg', //灏侀潰鍥剧墖
+ preview: {},
+ drag: 'start', //鎷栧姩鐨勫睘鎬�
+ video: [
+ ['', 'video/mp4']
+ ]
+ };
+
+ var player;
+ element.on('tab(homeInfoTab)', function(data){
+ if(!player) {
+ player = new ckplayer(videoObject);
+ }
+ });
+
+ // 鐐瑰嚮鏄剧ず瑙嗛鍒楄〃
+ $('#homeInfoTab').on('click', '.video-slideToggle', function() {
+ var videos = $(this).parent().parent();
+ videos.toggleClass('video-slideHide');
+ });
+
+ // 鏈烘埧id
+ var sid = homeInfo.sid;
+
+ // 鑾峰彇瑙嗛鍒楄〃
+ getVideoList(sid);
+
+ // 鐐瑰嚮瑙嗛鍒楄〃
+ var gFileName = '';
+ $('#homeInfoTab').on('click', '.video-item', function(){
+ var videoInfo = $(this).data('data');
+ $('#homeInfoTab .video-item').removeClass('video-item-active');
+ $(this).addClass('video-item-active');
+ videoObject.video = [[videoInfo.fileUrl, 'video/mp4']];
+ player = new ckplayer(videoObject);
+ });
+
+
+ // 涓婁紶瑙嗛妯″潡
+ var videoInfoTbl = $('#videoInfoTbl');
+ // 娓叉煋骞跺垵濮嬪寲涓婁紶鎸夐挳
+ var uploadVideo = upload.render({
+ elem: '#test5'
+ ,url: 'MyFileAction!uploadStationFile'
+ ,auto: false
+ ,bindAction: '#upload'
+ ,multiple: true
+ ,number: 1
+ ,data: {
+ json:JSON.stringify( {
+ StationId: sid
+ })
+ }
+ ,accept: 'video' //瑙嗛
+ ,progress: function(e , percent) {
+ element.progress('uploadProgress',percent + '%');
+ }
+ ,done: function(res, index, upload) {
+ var rs = JSON.parse(res.result);
+ if(rs.code == 1) {
+ element.progress('uploadProgress', '涓婁紶鎴愬姛锛�');
+ }
+ }
+ });
+
// 鏍规嵁鎸囧畾鏍煎紡data鐨勫�兼洿鏂皌ab鐨勫唴瀹�
function updatehomeInfoTab(data) {
laytpl(tabTpl).render(data, function(html) {
@@ -291,6 +407,83 @@
element.render('tab', 'homeInfoTab');
});
}
+
+
+
+ // 鑾峰彇瑙嗛鍒楄〃
+ function getVideoList(sid, fileName,update) {
+ var tmp = {
+ StationId: sid,
+ StationName: '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);
+ if(rs.code==1) {
+ var data = rs.data;
+ var rsList = [];
+ for(var i=0; i<data.length; i++) {
+ var _data = data[i];
+ var tmp = {};
+ tmp.fileName = _data.fileName;
+ tmp.fileUrl = '../../stationsrc/'+sid+'/video/'+_data.fileName;
+ rsList.push(tmp);
+ }
+
+ // 鏇存柊鍒楄〃骞惰幏鍙栧綋鍓嶆挱鏀剧殑瑙嗛
+ var videoUrl = createVideosList(videoContainer, rsList, fileName);
+ // 鏄惁鏇存柊瑙嗛鍒楄〃
+ if(update) {
+
+ }else{
+ videoObject.video = [[videoUrl, 'video/mp4']];
+ }
+ }else {
+ createVideosList(videoContainer, [], fileName);
+ }
+
+ }
+ });
+ }
+
+ // 鐢熸垚瑙嗛鍒楄〃
+ function createVideosList(container, list, acName) {
+ // 娓呯┖container
+ container.text("");
+ // 鍒ゆ柇鏄惁瀛樺湪瑙嗛鍒楄〃
+ if(list.length == 0) {
+ return '';
+ }
+ // 閬嶅巻list
+ var acIndex = 0;
+ for(var i=0; i<list.length; i++) {
+ var _list = list[i];
+ var videoItem = $('<div class="video-item"><a href="javascript:;">'+_list.fileName+'</a></div>');
+
+ // 璁剧疆淇℃伅鍐呭
+ videoItem.data('data', _list);
+ // 璁剧疆琚縺娲荤殑瑙嗛鍚嶇О
+ if(_list.fileName == acName) {
+ acIndex = i;
+ }
+
+ container.append(videoItem);
+ }
+
+ // 婵�娲昏閫変腑鐨勮棰�
+ container.find('.video-item').eq(acIndex).addClass('video-item-active');
+ // 璁剧疆鍏ㄥ眬鐨勬鍦ㄦ挱鏀剧殑瑙嗛鐨勫悕绉�
+ gFileName = list[acIndex].fileName;
+
+ return list[acIndex].fileUrl;
+ }
});
</script>
</body>
diff --git a/gx_tieta/WebRoot/index.jsp b/gx_tieta/WebRoot/index.jsp
index ceae720..229ea51 100644
--- a/gx_tieta/WebRoot/index.jsp
+++ b/gx_tieta/WebRoot/index.jsp
@@ -403,6 +403,7 @@
<script type="text/javascript" src="js/loading.js"></script>
<script type="text/javascript" src="src/layui.js"></script>
<script type="text/javascript" src="src/layui.all.js"></script>
+ <script type="text/javascript" src="pages/js/pages/homeInfo.js"></script>
<script type="text/javascript">
var permits;
<% Object obj=session.getAttribute("permits");
@@ -2468,7 +2469,8 @@
var content = '<div style="padding:6px;"><span>钃勭數姹犵粍鍛婅鏁扮洰锛�</span>'+data.code+'<a style="margin-left: 14px" href="javascript:loadToWarnPage();">璇︽儏>></a></div>'+
'<div style="padding:6px;"><span>钃勭數姹犵粍钀藉悗鏁扮洰锛�</span>'+data.sum+'<a style="margin-left: 14px" href="javascript:loadToBehindPage();">璇︽儏>></a></div>'+
'<div style="padding:6px;"><span>钃勭數姹犵粍寤舵椂鏁扮洰锛�</span>'+data.newsum+'<a style="margin-left: 14px" href="javascript:loadToDischargeDelay();">璇︽儏>></a></div>'+
- '<div style="padding:6px"><a href="javascript:loadToRealTime();">瀹炴椂鏁版嵁</a><a style="margin-left: 20px" href="javascript:loadToOldTime();">鍘嗗彶鏁版嵁</a><a style="margin-left: 20px" href="javascript:showHomeInfo();">鍩虹珯淇℃伅</a></div>'+
+ '<div style="padding:6px"><a href="javascript:loadToRealTime();">瀹炴椂鏁版嵁</a><a style="margin-left: 20px" href="javascript:loadToOldTime();">鍘嗗彶鏁版嵁</a>'+
+ '<a style="margin-left: 20px" href="javascript:showHomeInfo('+data.data.StationId+');">鍩虹珯淇℃伅</a></div>'+
'<div style="padding:6px;"><span>鍦板潃锛�</span>'+data.data.Address+'</div>'+
'<input type="hidden" class="ipt-hide home" value="'+data.data.StationName+'">'+
'<input type="hidden" class="ipt-hide province" value="'+data.data.stationName1+'">'+
@@ -2675,171 +2677,6 @@
function loadToHomeInfo() {
var stationId = $('.ipt-hide').eq(1).val();
//window.open('homeinfor.jsp?stationId='+stationId);
- }
-
- // 鏄剧ず鏈烘埧淇℃伅
- function showHomeInfo() {
- var sid = $('.ipt-hide.sid').val();
- var temp = {
- StationId: sid
- };
-
- // 鏌ヨ鍩虹珯鐨勪俊鎭�
- $.ajax({
- type: 'post',
- async: true,
- url: 'BattInfAction!serchBattAllInfoByStationId',
- data: 'json='+JSON.stringify(temp),
- dataType: 'json',
- success: function(result) {
- var rs = JSON.parse(result.result);
- if(rs.code == 1) {
- var data = rs.data;
- //console.log(data);
- var rsData = formatHomeInfo(data);
- $('#homeInfoIframeData').data('data', rsData);
- // 鏄剧ず闈㈡澘
- layer.open({
- type: 2,
- title: '<i class="fa fa-home"></i>鍩虹珯淇℃伅',
- area: ['960px', '524px'],
- fixed: false, //涓嶅浐瀹�
- maxmin: true,
- content: 'iframe/homeinfo.html'
- });
- }else {
- layer.msg('鏆傛棤鍩虹珯淇℃伅锛�');
- }
-
- }
- });
- }
-
- // 鏍煎紡鍖栨満鎴夸俊鎭暟鎹�
- function formatHomeInfo(data) {
- var groupDefaults = {
- homeid: '',
- homename: '',
- homeip: '',
- groupid: '',
- groupname: '',
- ordernum: '',
- brand: '',
- model: '',
- monproperty: '',
- startusetime: '',
- chargecurr: '',
- chargevol: '',
- equipeinfo: '',
- person: ''
- };
-
- var homeDefaults = {
-
- };
- var rs = {
- tabc:[]
- };
- var tabc = rs.tabc;
- // 閬嶅巻data鐢熸垚鏈烘埧鐨勫��
- for(var i=0; i<data.length; i++) {
- var _data = data[i];
- var tmp = {};
- tmp.title = '鐢垫睜缁�'+(i+1)+'淇℃伅';
- tmp.type = 'group';
- tmp.content = $.extend({}, groupDefaults);
- tmp.tshow = '';
- tmp.cshow = '';
- if(i==0) {
- tmp.tshow = 'layui-this';
- tmp.cshow = 'layui-show';
- }
- // 璁剧疆content鐨勫��
- var content = tmp.content;
- content.homeid = _data.StationId; // 鏈烘埧id
- content.homename = _data.StationName; // 鏈烘埧鍚嶇О
- content.homeip = _data.StationIp; // 鏈烘埧ip
- content.groupid = _data.BattGroupId; // 鐢垫睜缁刬d
- 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+'锛汭D锛�'+_data.FBSDeviceId
- +'锛汭P锛�'+_data.FbsDeviceIp+'锛汢Index锛�'+_data.GroupIndexInFBSDevice;
- content.equipeinfo = equipeinfo;
- content.person = '';
-
- tabc.push(tmp);
- }
- var StationId_ex = data[0].StationId_ex;
- var homeData = data[0].binf_ex;
- var tmp = {};
- tmp.title = '鍩虹珯淇℃伅';
- tmp.type = 'home';
- tmp.content = $.extend({}, homeDefaults);
- tmp.tshow = '';
- tmp.cshow = '';
- // 璁剧疆content鐨勫��
- var content = tmp.content;
- content.stationid = StationId_ex;
- content.stationname = homeData.stationName;
- content.homeid = homeData.stationId;
- content.organize = homeData.affiliation;
- content.datasource = homeData.dataSources;
- content.addrstyle = homeData.stationType;
- var position = '缁忓害锛�'+homeData.longitude+'锛涚含搴︼細'+homeData.latitude;
- content.position = position;
- content.addr = homeData.stationAddr;
- var blockedState = homeData.blockedState?'鏄�': '鍚�';
- var stationstatus = '绔欏潃绛夌骇锛�'+homeData.stationLevel+'锛涚淮鎶ょ姸鎬侊細'+homeData.maintenanceState+'锛涘皝閿佺姸鎬侊細'+blockedState;
- content.stationstatus = stationstatus;
- content.maintain = homeData.maintenanceCompany;
- var environment = '涓氬姟鍦烘櫙锛�'+homeData.businessScenario+'锛涜鐩栧満鏅細'+homeData.CoverScenario+'锛涚珯鍧�鍦板舰锛�'+homeData.siteTerrain;
- content.environment = environment;
- var isShare = homeData.isShare?'鏄�':'鍚�';
- var addrpower = '浜ф潈鎬ц川锛�'+homeData.propertyRights+'锛涳紙鍘燂級浜ф潈鍗曚綅锛�'+homeData.propertyUnit+'锛涙槸鍚﹀叡浜細'+isShare;
- content.addrpower = addrpower;
- content.usecompany = homeData.useUnit;
- content.physicsaddrnum = homeData.siteCode;
- content.hisphysicsaddrnum = homeData.historySiteCode;
- content.addrinsidenum = homeData.siteInternalNumber;
- content.addrpinyin = homeData.sitePinyinReferred;
- content.chinesename = homeData.siteChineseReferred; // 涓枃绠�绉�
- content.isopenbusiness = homeData.isOpenBusiness;
- content.entryperson = homeData.schoolPersonnel;
- content.entrytime = homeData.entryTime;
- content.revisedperson = homeData.modifyPeople;
- content.revisedtime = homeData.modifyTime;
- content.remark = homeData.note;
- var addrMark = homeData.siteReceivesMark?'鏄�':'鍚�';
- var isEffe = homeData.siteValidity?'鏄�':'鍚�';
- var isactive = '绔欏潃鎺ユ敹鏍囪锛�'+addrMark+'锛涙槸鍚︽湁鏁堬細'+isEffe;
- content.isactive = isactive;
- content.yidongaddrname = homeData.siteNameCMCC;
- content.dianxinaddrname = homeData.siteNameCTC;
- content.liantongaddrname = homeData.siteNameCUCC;
- content.brand = homeData.producer;
- content.endurtime = homeData.lastTimeLong;
- content.endurstyle = homeData.lastTimeType;
- content.endurstarttime = homeData.lastTimeDate;
- content.shareinfo = homeData.shareInfo;
- var buystauts = "绉诲姩璐拱:"+(homeData.electPowerCMCC==1?'鏄�':'鍚�')+";鐢典俊璐拱:"+(homeData.electPowerCTC==1?'鏄�':'鍚�')+";鑱旈�氳喘涔�:"+(homeData.electPowerCUCC==1?'鏄�':'鍚�');
- content.buystatus = buystauts;
- var ischarge = homeData.isCanElectPower==1?'鏄�':'鍚�';
- content.ischarge = ischarge;
- content.distance = homeData.upperStationRoute;
- content.degree = homeData.upperStationDifficult;
- content.repair = homeData.clienteleErrorService;
-
- tabc.push(tmp);
- // 杩斿洖缁撴灉闆�
- return rs;
}
// 鑾峰彇echarts瀵硅薄鐨刼pt
diff --git a/gx_tieta/WebRoot/pages/css/mylayui.css b/gx_tieta/WebRoot/pages/css/mylayui.css
index db394bc..0ff5647 100644
--- a/gx_tieta/WebRoot/pages/css/mylayui.css
+++ b/gx_tieta/WebRoot/pages/css/mylayui.css
@@ -217,4 +217,99 @@
}
.map-info-detail .layui-colla-content {
padding: 0;
+}
+/* video set */
+.video-list {
+ position:absolute;
+ top: 0;
+ bottom: 0;
+ width: 240px;
+ right: 0;
+ background-color: none;
+ z-index: 99999;
+}
+.video-list.video-slideHide {
+ right: -240px;
+}
+.video-list .video-list-container {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+.video-list-container .video-list-bg {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ opacity: .9;
+ background-color: #1E1A21;
+ z-index: -1;
+}
+.video-list-container .video-slideToggle {
+ position: absolute;
+ left: 0;
+ top: 50%;
+ margin-top: -10px;
+ padding: 4px 2px;
+ background-color: #303036;
+ opacity: .65;
+ color: #d0d0d6;
+ font-size: 18px;
+}
+.video-list.video-slideHide .video-slideToggle {
+ transform:rotate(180deg);
+ -ms-transform:rotate(180deg); /* IE 9 */
+ -moz-transform:rotate(180deg); /* Firefox */
+ -webkit-transform:rotate(180deg); /* Safari 鍜� Chrome */
+ -o-transform:rotate(180deg); /* Opera */
+ left: -18px;
+}
+.video-list-container .video-slideToggle:hover {
+ color: #FFFFFF;
+}
+.video-list-container .video-slideToggle i{
+ vertical-align: middle;
+}
+.video-list-container .video-list-content {
+ width:100%;
+ height: 100%;
+ overflow:hidden;
+ overflow-y: auto;
+}
+.video-list-container .video-list-content .video-item a{
+ display: block;
+ white-space: nowrap;
+ text-indent: 1em;
+ padding: 6px 0;
+ color: #d0d0d6;
+}
+.video-list-container .video-list-content .video-item a:hover {
+ background-color: #000000;
+ color: #FFFFFF;
+ opacity: .8;
+}
+.video-list-container .video-list-content .video-item.video-item-active a{
+ background-color: #000000;
+ color: #FFFFFF;
+ opacity: .8;
+}
+.video-list-container .video-list-content::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮�*/
+ width: 10px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
+ height: 1px;
+}
+.video-list-container .video-list-content::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
+ border-radius: 10px;
+ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+ background: #EDEDED;
+}
+.video-list-container .video-list-content::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬�*/
+ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+ border-radius: 10px;
+ background: #303036;
+}
+.upload-form-container .bottom-btn {
+ position: absolute;
+ right: 8px;
+ margin-top: 8px;
}
\ No newline at end of file
diff --git a/gx_tieta/WebRoot/pages/js/pages/homeInfo.js b/gx_tieta/WebRoot/pages/js/pages/homeInfo.js
new file mode 100644
index 0000000..d6ab551
--- /dev/null
+++ b/gx_tieta/WebRoot/pages/js/pages/homeInfo.js
@@ -0,0 +1,182 @@
+// 鏄剧ず鏈烘埧淇℃伅
+function showHomeInfo(sid) {
+ var temp = {
+ StationId: sid
+ };
+
+ // 鏌ヨ鍩虹珯鐨勪俊鎭�
+ $.ajax({
+ type: 'post',
+ async: true,
+ url: 'BattInfAction!serchBattAllInfoByStationId',
+ data: 'json='+JSON.stringify(temp),
+ dataType: 'json',
+ success: function(result) {
+ var rs = JSON.parse(result.result);
+ if(rs.code == 1) {
+ var data = rs.data;
+ //console.log(data);
+ var rsData = formatHomeInfo(data);
+ $('#homeInfoIframeData').data('data', rsData);
+ // 鏄剧ず闈㈡澘
+ layer.open({
+ type: 2,
+ title: '<i class="fa fa-home"></i>鍩虹珯淇℃伅',
+ area: ['960px', '524px'],
+ fixed: false, //涓嶅浐瀹�
+ maxmin: true,
+ content: 'iframe/homeinfo.html'
+ });
+ }else {
+ layer.msg('鏆傛棤鍩虹珯淇℃伅锛�');
+ }
+
+ }
+ });
+}
+
+// 鏍煎紡鍖栨満鎴夸俊鎭暟鎹�
+function formatHomeInfo(data) {
+ var groupDefaults = {
+ homeid: '',
+ homename: '',
+ homeip: '',
+ groupid: '',
+ groupname: '',
+ ordernum: '',
+ brand: '',
+ model: '',
+ monproperty: '',
+ startusetime: '',
+ chargecurr: '',
+ chargevol: '',
+ equipeinfo: '',
+ person: ''
+ };
+
+ var homeDefaults = {
+
+ };
+ var rs = {
+ 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; // 鐢垫睜缁刬d
+ 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+'锛汭D锛�'+_data.FBSDeviceId
+ +'锛汭P锛�'+_data.FbsDeviceIp+'锛汢Index锛�'+_data.GroupIndexInFBSDevice;
+ content.equipeinfo = equipeinfo;
+ content.person = '';
+
+ tabc.push(tmp);
+ }
+ var StationId_ex = data[0].StationId_ex;
+ var homeData = data[0].binf_ex;
+ var tmp = {};
+ tmp.title = '鍩虹珯淇℃伅';
+ tmp.type = 'home';
+ tmp.content = $.extend({}, homeDefaults);
+ tmp.tshow = '';
+ tmp.cshow = '';
+ // 璁剧疆content鐨勫��
+ var content = tmp.content;
+ content.stationid = StationId_ex;
+ content.stationname = homeData.stationName;
+ content.homeid = homeData.stationId;
+ content.organize = homeData.affiliation;
+ content.datasource = homeData.dataSources;
+ content.addrstyle = homeData.stationType;
+ var position = '缁忓害锛�'+homeData.longitude+'锛涚含搴︼細'+homeData.latitude;
+ content.position = position;
+ content.addr = homeData.stationAddr;
+ var blockedState = homeData.blockedState?'鏄�': '鍚�';
+ var stationstatus = '绔欏潃绛夌骇锛�'+homeData.stationLevel+'锛涚淮鎶ょ姸鎬侊細'+homeData.maintenanceState+'锛涘皝閿佺姸鎬侊細'+blockedState;
+ content.stationstatus = stationstatus;
+ content.maintain = homeData.maintenanceCompany;
+ var environment = '涓氬姟鍦烘櫙锛�'+homeData.businessScenario+'锛涜鐩栧満鏅細'+homeData.CoverScenario+'锛涚珯鍧�鍦板舰锛�'+homeData.siteTerrain;
+ content.environment = environment;
+ var isShare = homeData.isShare?'鏄�':'鍚�';
+ var addrpower = '浜ф潈鎬ц川锛�'+homeData.propertyRights+'锛涳紙鍘燂級浜ф潈鍗曚綅锛�'+homeData.propertyUnit+'锛涙槸鍚﹀叡浜細'+isShare;
+ content.addrpower = addrpower;
+ content.usecompany = homeData.useUnit;
+ content.physicsaddrnum = homeData.siteCode;
+ content.hisphysicsaddrnum = homeData.historySiteCode;
+ content.addrinsidenum = homeData.siteInternalNumber;
+ content.addrpinyin = homeData.sitePinyinReferred;
+ content.chinesename = homeData.siteChineseReferred; // 涓枃绠�绉�
+ content.isopenbusiness = homeData.isOpenBusiness;
+ content.entryperson = homeData.schoolPersonnel;
+ content.entrytime = homeData.entryTime;
+ content.revisedperson = homeData.modifyPeople;
+ content.revisedtime = homeData.modifyTime;
+ content.remark = homeData.note;
+ var addrMark = homeData.siteReceivesMark?'鏄�':'鍚�';
+ var isEffe = homeData.siteValidity?'鏄�':'鍚�';
+ var isactive = '绔欏潃鎺ユ敹鏍囪锛�'+addrMark+'锛涙槸鍚︽湁鏁堬細'+isEffe;
+ content.isactive = isactive;
+ content.yidongaddrname = homeData.siteNameCMCC;
+ content.dianxinaddrname = homeData.siteNameCTC;
+ content.liantongaddrname = homeData.siteNameCUCC;
+ content.brand = homeData.producer;
+ content.endurtime = homeData.lastTimeLong;
+ content.endurstyle = homeData.lastTimeType;
+ content.endurstarttime = homeData.lastTimeDate;
+ content.shareinfo = homeData.shareInfo;
+ var buystauts = "绉诲姩璐拱:"+(homeData.electPowerCMCC==1?'鏄�':'鍚�')+";鐢典俊璐拱:"+(homeData.electPowerCTC==1?'鏄�':'鍚�')+";鑱旈�氳喘涔�:"+(homeData.electPowerCUCC==1?'鏄�':'鍚�');
+ content.buystatus = buystauts;
+ var ischarge = homeData.isCanElectPower==1?'鏄�':'鍚�';
+ content.ischarge = ischarge;
+ content.distance = homeData.upperStationRoute;
+ content.degree = homeData.upperStationDifficult;
+ content.repair = homeData.clienteleErrorService;
+
+ // 鏄惁娣诲姞鍩虹珯淇℃伅
+ if(content.stationid != '0') {
+ tabc.push(tmp);
+ }
+
+ // 鏈烘埧鐜瑙嗛
+ var tmp = {};
+ tmp.type = 'env';
+ tmp.title = '鍩虹珯鐜鐭棰�';
+ tabc.push(tmp);
+
+ // 涓婁紶瑙嗛
+ var tmp = {};
+ tmp.type = 'upload';
+ tmp.title = '涓婁紶鐭棰�';
+ tabc.push(tmp);
+
+
+ // 杩斿洖缁撴灉闆�
+ return rs;
+}
\ No newline at end of file
--
Gitblit v1.9.1