视频上传

hdw

2018-11-19 9ddd943af4a3b650b5fa877eff8d4f2ce643448a

视频上传

 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;            // 电池组id

                content.groupname = _data.BattGroupName;        // 电池组名称

                content.ordernum = _data.GroupIndexInFBSDevice+1;// 电池组编号

                content.brand = _data.BattProducer;                // 电池品牌

                content.model = _data.BattModel;

                var monproperty = '标称容量：'+_data.MonCapStd+'AH'+'；标称单体电压：'+_data.MonVolStd+'V'+'；标称内阻：'+_data.MonResStd.toFixed(3)+'mΩ'

                                +'；标称温度：'+_data.MonTmpStd+'℃'+'；单体数量：'+_data.MonCount+'节'; 
                content.monproperty = monproperty;

                content.startusetime = new Date(_data.BattInUseDate).format('yyyy-MM-dd');

                content.chargecurr = _data.BattFloatCurrent;

                content.chargevol = _data.FloatVolLevel;

                var equipeinfo = '型号：'+_data.FBSDeviceName+'；ID：'+_data.FBSDeviceId

                                +'；IP：'+_data.FbsDeviceIp+'；BIndex：'+_data.GroupIndexInFBSDevice;

                content.equipeinfo = equipeinfo;

                content.person = '';

				
                tabc.push(tmp);

            }

            var StationId_ex = data[0].StationId_ex;

            var homeData = data[0].binf_ex;

            var tmp = {};

            tmp.title = '基站信息';

            tmp.type = 'home';

            tmp.content = $.extend({}, homeDefaults);

            tmp.tshow = '';

            tmp.cshow = '';

            // 设置content的值

            var content = tmp.content;

            content.stationid = StationId_ex;

            content.stationname = homeData.stationName;

            content.homeid = homeData.stationId;

            content.organize = homeData.affiliation;

            content.datasource = homeData.dataSources;

            content.addrstyle = homeData.stationType;

            var position = '经度：'+homeData.longitude+'；纬度：'+homeData.latitude;

            content.position = position;

            content.addr = homeData.stationAddr;

            var blockedState = homeData.blockedState?'是': '否';

            var stationstatus = '站址等级：'+homeData.stationLevel+'；维护状态：'+homeData.maintenanceState+'；封锁状态：'+blockedState;

            content.stationstatus = stationstatus;

            content.maintain = homeData.maintenanceCompany;

            var environment = '业务场景：'+homeData.businessScenario+'；覆盖场景：'+homeData.CoverScenario+'；站址地形：'+homeData.siteTerrain;

            content.environment = environment;

            var isShare = homeData.isShare?'是':'否';

            var addrpower = '产权性质：'+homeData.propertyRights+'；（原）产权单位：'+homeData.propertyUnit+'；是否共享：'+isShare;

            content.addrpower = addrpower;

            content.usecompany = homeData.useUnit;

            content.physicsaddrnum = homeData.siteCode;

            content.hisphysicsaddrnum = homeData.historySiteCode;

            content.addrinsidenum = homeData.siteInternalNumber;

            content.addrpinyin = homeData.sitePinyinReferred;

            content.chinesename = homeData.siteChineseReferred;                    // 中文简称

            content.isopenbusiness = homeData.isOpenBusiness;

            content.entryperson = homeData.schoolPersonnel;

            content.entrytime = homeData.entryTime;

            content.revisedperson = homeData.modifyPeople;

            content.revisedtime = homeData.modifyTime;

            content.remark = homeData.note;

            var addrMark = homeData.siteReceivesMark?'是':'否';

            var isEffe = homeData.siteValidity?'是':'否';

            var isactive = '站址接收标记：'+addrMark+'；是否有效：'+isEffe;

            content.isactive = isactive;

            content.yidongaddrname = homeData.siteNameCMCC;

            content.dianxinaddrname = homeData.siteNameCTC;

            content.liantongaddrname = homeData.siteNameCUCC;

            content.brand = homeData.producer;

            content.endurtime = homeData.lastTimeLong;

            content.endurstyle = homeData.lastTimeType;

            content.endurstarttime = homeData.lastTimeDate;

            content.shareinfo = homeData.shareInfo;

            var buystauts = "移动购买:"+(homeData.electPowerCMCC==1?'是':'否')+";电信购买:"+(homeData.electPowerCTC==1?'是':'否')+";联通购买:"+(homeData.electPowerCUCC==1?'是':'否');

            content.buystatus = buystauts;

            var ischarge = homeData.isCanElectPower==1?'是':'否';

            content.ischarge = ischarge;

            content.distance = homeData.upperStationRoute;

            content.degree = homeData.upperStationDifficult;

            content.repair = homeData.clienteleErrorService;

			
            tabc.push(tmp);

            // 返回结果集

            return rs;

        }

    </script>

    <script type="text/javascript" src="js/Title.js"></script>


 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', //容器的ID或className

                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的值更新tab的内容

            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>


 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;            // 电池组id

            content.groupname = _data.BattGroupName;        // 电池组名称

            content.ordernum = _data.GroupIndexInFBSDevice+1;// 电池组编号

            content.brand = _data.BattProducer;                // 电池品牌

            content.model = _data.BattModel;

            var monproperty = '标称容量：'+_data.MonCapStd+'AH'+'；标称单体电压：'+_data.MonVolStd+'V'+'；标称内阻：'+_data.MonResStd.toFixed(3)+'mΩ'

                            +'；标称温度：'+_data.MonTmpStd+'℃'+'；单体数量：'+_data.MonCount+'节'; 
            content.monproperty = monproperty;

            content.startusetime = new Date(_data.BattInUseDate).format('yyyy-MM-dd');

            content.chargecurr = _data.BattFloatCurrent;

            content.chargevol = _data.FloatVolLevel;

            var equipeinfo = '型号：'+_data.FBSDeviceName+'；ID：'+_data.FBSDeviceId

                            +'；IP：'+_data.FbsDeviceIp+'；BIndex：'+_data.GroupIndexInFBSDevice;

            content.equipeinfo = equipeinfo;

            content.person = '';

			
            tabc.push(tmp);

        }

        var StationId_ex = data[0].StationId_ex;

        var homeData = data[0].binf_ex;

        var tmp = {};

        tmp.title = '基站信息';

        tmp.type = 'home';

        tmp.content = $.extend({}, homeDefaults);

        tmp.tshow = '';

        tmp.cshow = '';

        // 设置content的值

        var content = tmp.content;

        content.stationid = StationId_ex;

        content.stationname = homeData.stationName;

        content.homeid = homeData.stationId;

        content.organize = homeData.affiliation;

        content.datasource = homeData.dataSources;

        content.addrstyle = homeData.stationType;

        var position = '经度：'+homeData.longitude+'；纬度：'+homeData.latitude;

        content.position = position;

        content.addr = homeData.stationAddr;

        var blockedState = homeData.blockedState?'是': '否';

        var stationstatus = '站址等级：'+homeData.stationLevel+'；维护状态：'+homeData.maintenanceState+'；封锁状态：'+blockedState;

        content.stationstatus = stationstatus;

        content.maintain = homeData.maintenanceCompany;

        var environment = '业务场景：'+homeData.businessScenario+'；覆盖场景：'+homeData.CoverScenario+'；站址地形：'+homeData.siteTerrain;

        content.environment = environment;

        var isShare = homeData.isShare?'是':'否';

        var addrpower = '产权性质：'+homeData.propertyRights+'；（原）产权单位：'+homeData.propertyUnit+'；是否共享：'+isShare;

        content.addrpower = addrpower;

        content.usecompany = homeData.useUnit;

        content.physicsaddrnum = homeData.siteCode;

        content.hisphysicsaddrnum = homeData.historySiteCode;

        content.addrinsidenum = homeData.siteInternalNumber;

        content.addrpinyin = homeData.sitePinyinReferred;

        content.chinesename = homeData.siteChineseReferred;                    // 中文简称

        content.isopenbusiness = homeData.isOpenBusiness;

        content.entryperson = homeData.schoolPersonnel;

        content.entrytime = homeData.entryTime;

        content.revisedperson = homeData.modifyPeople;

        content.revisedtime = homeData.modifyTime;

        content.remark = homeData.note;

        var addrMark = homeData.siteReceivesMark?'是':'否';

        var isEffe = homeData.siteValidity?'是':'否';

        var isactive = '站址接收标记：'+addrMark+'；是否有效：'+isEffe;

        content.isactive = isactive;

        content.yidongaddrname = homeData.siteNameCMCC;

        content.dianxinaddrname = homeData.siteNameCTC;

        content.liantongaddrname = homeData.siteNameCUCC;

        content.brand = homeData.producer;

        content.endurtime = homeData.lastTimeLong;

        content.endurstyle = homeData.lastTimeType;

        content.endurstarttime = homeData.lastTimeDate;

        content.shareinfo = homeData.shareInfo;

        var buystauts = "移动购买:"+(homeData.electPowerCMCC==1?'是':'否')+";电信购买:"+(homeData.electPowerCTC==1?'是':'否')+";联通购买:"+(homeData.electPowerCUCC==1?'是':'否');

        content.buystatus = buystauts;

        var ischarge = homeData.isCanElectPower==1?'是':'否';

        content.ischarge = ischarge;

        content.distance = homeData.upperStationRoute;

        content.degree = homeData.upperStationDifficult;

        content.repair = homeData.clienteleErrorService;

		
        tabc.push(tmp);

        // 返回结果集

        return rs;

    }

    

    // 获取echarts对象的opt 


 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;

}

 gx_tieta/WebRoot/pages/js/pages/homeInfo.js

New file
@@ -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;            // 电池组id

        content.groupname = _data.BattGroupName;        // 电池组名称

        content.ordernum = _data.GroupIndexInFBSDevice+1;// 电池组编号

        content.brand = _data.BattProducer;                // 电池品牌

        content.model = _data.BattModel;

        var monproperty = '标称容量：'+_data.MonCapStd+'AH'+'；标称单体电压：'+_data.MonVolStd+'V'+'；标称内阻：'+_data.MonResStd.toFixed(3)+'mΩ'

                        +'；标称温度：'+_data.MonTmpStd+'℃'+'；单体数量：'+_data.MonCount+'节'; 
        content.monproperty = monproperty;

        content.startusetime = new Date(_data.BattInUseDate).format('yyyy-MM-dd');

        content.chargecurr = _data.BattFloatCurrent;

        content.chargevol = _data.FloatVolLevel;

        var equipeinfo = '型号：'+_data.FBSDeviceName+'；ID：'+_data.FBSDeviceId

                        +'；IP：'+_data.FbsDeviceIp+'；BIndex：'+_data.GroupIndexInFBSDevice;

        content.equipeinfo = equipeinfo;

        content.person = '';

		
        tabc.push(tmp);

    }

    var StationId_ex = data[0].StationId_ex;

    var homeData = data[0].binf_ex;

    var tmp = {};

    tmp.title = '基站信息';

    tmp.type = 'home';

    tmp.content = $.extend({}, homeDefaults);

    tmp.tshow = '';

    tmp.cshow = '';

    // 设置content的值

    var content = tmp.content;

    content.stationid = StationId_ex;

    content.stationname = homeData.stationName;

    content.homeid = homeData.stationId;

    content.organize = homeData.affiliation;

    content.datasource = homeData.dataSources;

    content.addrstyle = homeData.stationType;

    var position = '经度：'+homeData.longitude+'；纬度：'+homeData.latitude;

    content.position = position;

    content.addr = homeData.stationAddr;

    var blockedState = homeData.blockedState?'是': '否';

    var stationstatus = '站址等级：'+homeData.stationLevel+'；维护状态：'+homeData.maintenanceState+'；封锁状态：'+blockedState;

    content.stationstatus = stationstatus;

    content.maintain = homeData.maintenanceCompany;

    var environment = '业务场景：'+homeData.businessScenario+'；覆盖场景：'+homeData.CoverScenario+'；站址地形：'+homeData.siteTerrain;

    content.environment = environment;

    var isShare = homeData.isShare?'是':'否';

    var addrpower = '产权性质：'+homeData.propertyRights+'；（原）产权单位：'+homeData.propertyUnit+'；是否共享：'+isShare;

    content.addrpower = addrpower;

    content.usecompany = homeData.useUnit;

    content.physicsaddrnum = homeData.siteCode;

    content.hisphysicsaddrnum = homeData.historySiteCode;

    content.addrinsidenum = homeData.siteInternalNumber;

    content.addrpinyin = homeData.sitePinyinReferred;

    content.chinesename = homeData.siteChineseReferred;                    // 中文简称

    content.isopenbusiness = homeData.isOpenBusiness;

    content.entryperson = homeData.schoolPersonnel;

    content.entrytime = homeData.entryTime;

    content.revisedperson = homeData.modifyPeople;

    content.revisedtime = homeData.modifyTime;

    content.remark = homeData.note;

    var addrMark = homeData.siteReceivesMark?'是':'否';

    var isEffe = homeData.siteValidity?'是':'否';

    var isactive = '站址接收标记：'+addrMark+'；是否有效：'+isEffe;

    content.isactive = isactive;

    content.yidongaddrname = homeData.siteNameCMCC;

    content.dianxinaddrname = homeData.siteNameCTC;

    content.liantongaddrname = homeData.siteNameCUCC;

    content.brand = homeData.producer;

    content.endurtime = homeData.lastTimeLong;

    content.endurstyle = homeData.lastTimeType;

    content.endurstarttime = homeData.lastTimeDate;

    content.shareinfo = homeData.shareInfo;

    var buystauts = "移动购买:"+(homeData.electPowerCMCC==1?'是':'否')+";电信购买:"+(homeData.electPowerCTC==1?'是':'否')+";联通购买:"+(homeData.electPowerCUCC==1?'是':'否');

    content.buystatus = buystauts;

    var ischarge = homeData.isCanElectPower==1?'是':'否';

    content.ischarge = ischarge;

    content.distance = homeData.upperStationRoute;

    content.degree = homeData.upperStationDifficult;

    content.repair = homeData.clienteleErrorService;

	
    // 是否添加基站信息

    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;

}