| | |
| | | <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>
|
| | |
| | | </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>
|
| | |
| | | </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>
|
| | |
| | | </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层的索引
|
| | |
| | | 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) {
|
| | |
| | | });
|
| | | }
|
| | | ,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', '上传成功!');
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | |
| | | ,accept: 'image'
|
| | | ,multiple: true
|
| | | ,data: {
|
| | | |
| | | json:JSON.stringify( {
|
| | | StationId: homeInfo.homeId,
|
| | | VideoOrImage: 'image'
|
| | | })
|
| | | }
|
| | | ,auto: false
|
| | | ,bindAction: '#uploadImgs'
|
| | |
| | | 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>
|