hdw
2018-12-13 eb5f33c8ffdb60db5613353b8dadeb81dff7f798
gx_tieta/WebRoot/mobil/iframe/homeinfo.html
@@ -29,30 +29,30 @@
                            <div class="layui-form-item">
                                <label class="layui-form-label">经度</label>
                                <div class="layui-input-block">
                                    <input type="text" disabled="" name="title" autocomplete="off" class="layui-input layui-bg-gray">
                                    <input type="text" disabled="" name="title" autocomplete="off" class="layui-input gray1" id="lng">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">纬度</label>
                                <div class="layui-input-block">
                                    <input type="text" disabled="" name="title" autocomplete="off" class="layui-input layui-bg-gray">
                                    <input type="text" disabled="" name="title" autocomplete="off" class="layui-input gray1" id="lat">
                                </div>
                            </div>
                            <div class="layui-form-item layui-form-text">
                                <label class="layui-form-label">地址信息</label>
                                <div class="layui-input-block">
                                    <textarea class="layui-textarea"></textarea>
                                    <textarea class="layui-textarea" id="addr"></textarea>
                                </div>
                            </div>
                            <div class="layui-form-item layui-form-text">
                                <label class="layui-form-label">机房名称</label>
                                <div class="layui-input-block">
                                    <textarea class="layui-textarea layui-bg-gray" disabled=""></textarea>
                                    <textarea class="layui-textarea gray1" disabled="" id="homeName"></textarea>
                                </div>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-*-12 t-align-right">
                                    <button class="layui-btn layui-btn-normal layui-btn-sm">提交机房信息</button>
                                    <button class="layui-btn layui-btn-normal layui-btn-sm" id="addHome">提交机房信息</button>
                                </div>
                            </div>
                        </div>
@@ -82,12 +82,12 @@
                                    </div>
                                </div>
                                <div class="layui-col-12 mrt5">
                                    <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                        <div class="layui-progress-bar" lay-percent="70%"></div>
                                    <div class="layui-progress layui-progress-big" lay-showpercent="yes" lay-filter="uploadProgress">
                                        <div class="layui-progress-bar" lay-percent="0%"></div>
                                    </div>
                                </div>
                                <div class="layui-col-12 t-align-right mrt5">
                                    <button class="layui-btn layui-btn-normal layui-btn-sm">视频上传</button>
                                    <button class="layui-btn layui-btn-normal layui-btn-sm" id="uploadVideo">视频上传</button>
                                </div>
                            </div>
                        </div>
@@ -117,7 +117,7 @@
                                </div>
                            </div>
                            <div class="layui-col-12 t-align-right mrt5">
                                <button class="layui-btn layui-btn-normal layui-btn-sm">图片上传</button>
                                <button class="layui-btn layui-btn-normal layui-btn-sm" id="uploadImgs">图片上传</button>
                            </div>
                        </div>
                    </div>
@@ -144,19 +144,40 @@
            </div>
        </div>
    </div>
    <input type="hidden" id="homeId">
    <script type="text/html" id="homeInfoTpl">
        
    </script>
    <script src="../js/jquery-1.8.3.js"></script>
    <script src="../src/layui.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'], function() {
        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 homeInfo = parent.$('#homeInfoIframe').data('homeInfo');
            setHomeInfo(homeInfo);
            // 设置机房信息的内容
            function setHomeInfo(data) {
               $('#lng').val(data.lng);      // 经度
               $('#lat').val(data.lat);      // 纬度
               $('#addr').val(data.addr);      // 地址
               $('#homeName').val(data.homeName);      // 机房名称
               $('#homeId').val(data.homeId);
               console.log(data);
            }
            // 点击设置机房
            $('#addHome').click(function() {
               getAddHomeInfo(homeInfo);
            });
            
            // 关闭form
            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
@@ -173,11 +194,14 @@
                elem: '#videoSelect'
                ,url: 'MyFileAction!uploadStationFile'
                ,auto: false
                ,bindAction: '#upload'
                ,bindAction: '#uploadVideo'
                ,multiple: true
                ,number: 1
                ,data: {
                    json:JSON.stringify( {
                        StationId: homeInfo.homeId,
                        VideoOrImage: 'video'
                    })
                }
                ,accept: 'video' //视频
                ,choose: function(obj) {
@@ -207,10 +231,14 @@
                   });
                }
                ,progress: function(e , percent) {
                   console.log(percent);
               element.progress('uploadProgress',percent  + '%');
            }
                ,done: function(res, index, upload) {
                   var rs = JSON.parse(res.result);
                   if(rs.code == 1) {
                      element.progress('uploadProgress', '上传成功!');
                   }
                }
            });
@@ -223,7 +251,10 @@
             ,accept: 'image'
             ,multiple: true
             ,data: {
                    json:JSON.stringify( {
                        StationId: homeInfo.homeId,
                        VideoOrImage: 'image'
                    })
                }
             ,auto: false
             ,bindAction: '#uploadImgs'
@@ -264,13 +295,54 @@
                var rs = JSON.parse(res.result);
                if(rs.code == 1) {
                   layer.msg('上传成功!');
                   searchCarouselImgs(sid, homeEnvImgs, imgCarouselopts, imgsContainer);
                }else {
                   layer.msg('上传失败!');
                }
                layer.close(uploadImgsLoad);
             }
          });
          // 获取添加机房的机房信息
         function getAddHomeInfo(data) {
            var lng = data.lng;                        // 获取经度
            var lat = data.lat;                        // 获取纬度
            var wgsPoint = GPS.bd2wgs(lat, lng);         // 百度地图坐标转化为GPS
            var addr = $('#addr').val();               // 获取地址
            var homeName = data.homeName;      // 机房名称
            var homeId = data.homeId;         // 机房ID
            if(homeId !=0 && confirm("确认将"+homeName+"机房设置到该位置吗?")){
               var temp = {
                  StationId:homeId,         //机房编号
                  StationName:homeName,      //机房名称
                  Address:addr,            //机房物理信息
                  longitude: wgsPoint.lon,            // 经度
                  latitude: wgsPoint.lat,            // 纬度
                  information:"",            //备注
               };
               var json = JSON.stringify(temp);
               //console.info(json);
               $.ajax({
                    type: "post",
                    url: "BattMap_informationAction!add",
                    async:true,
                    dataType:'text',
                    data:"json="+json,
                    success: function(data){
                     data = eval('('+data+')');
                     var model = eval('('+data.result+')');
                     if(model.code == 1){
                        alert("设置成功");
                        map.clearOverlays();
                        searchStation();
                        searchProvince();
                     }else{
                        alert("设置失败");
                     }
                    }
               });
            }
         }
        });
    </script>
</body>