| | |
| | | <label for="exampleFormControlInput1">选择开始时间:</label> <input |
| | | type="text" id="begin" class="form-control form-control-lg" |
| | | style="width: 60%; height: 40px; font-size: 12px; padding: 0 0;" /> |
| | | <input type="button" style="font-size: 4px;width: 19%;background-color: #5c1ac3;color: #fff;border-color: #5c1ac3;" id="yixiaoshi" onclick="yushe(value)" value="一小时"/> |
| | | <input type="button" style="font-size: 4px;width: 19%;background-color: #5c1ac3;color: #fff;border-color: #5c1ac3;" id="banxiaoshi" onclick="yushe(value)" value="半小时"/> |
| | | <input type="button" style="font-size: 4px;width: 19%;background-color: #5c1ac3;color: #fff;border-color: #5c1ac3;" id="shifenzhong" onclick="yushe(value)" value="10分钟"/> |
| | | </div> |
| | | <div style="margin-left: 24px; padding: 6px; width: 100%;"> |
| | | <label for="exampleFormControlInput1">选择结束时间:</label> <input |
| | |
| | | style="width: 60%; height: 40px; font-size: 12px; padding: 0 0;" /> |
| | | </div> |
| | | <div style="margin-left: 24px; padding: 6px; width: 100%;"> |
| | | <label for="exampleFormControlInput1">选择范围(围栏):</label> <select |
| | | id="fanwei" class="form-control form-control-lg" |
| | | style="width: 60%; font-size: 12px; padding: 5px 5px"> |
| | | <option value="空">不限范围</option> |
| | | <c:forEach items="${fenceList}" var="fence"> |
| | | <option value="${fence.name}">${fence.name}</option> |
| | | </c:forEach> |
| | | </select> |
| | | </div> |
| | | <div style="margin-left: 24px; padding: 6px; width: 100%;"> |
| | | <label for="exampleFormControlInput1">播放速度:</label> <select |
| | | id="bofangsudu" class="form-control form-control-lg" |
| | | style="width: 60%; font-size: 12px; padding: 5px 5px"> |
| | |
| | | |
| | | } |
| | | }); |
| | | |
| | | function yushe(value){ |
| | | var now = ""; |
| | | |
| | | if (value == "一小时") { |
| | | now = new Date(new Date().getTime() - 1 * 60 * 60 * 1000); |
| | | } else if (value == "半小时") { |
| | | now = new Date(new Date().getTime() - 0.5 * 60 * 60 * 1000); |
| | | } else if (value == "10分钟") { |
| | | now = new Date(new Date().getTime() - 0.166 * 60 * 60 * 1000); |
| | | } |
| | | |
| | | var year = now.getFullYear(); //年 |
| | | var month = now.getMonth() + 1; //月 |
| | | var day = now.getDate(); //日 |
| | | |
| | | var hh = now.getHours(); //时 |
| | | var mm = now.getMinutes(); //分 |
| | | var ss = now.getSeconds(); //分 |
| | | |
| | | var clock = year + "-"; |
| | | |
| | | if(month < 10) |
| | | clock += "0"; |
| | | |
| | | clock += month + "-"; |
| | | |
| | | if(day < 10) |
| | | clock += "0"; |
| | | |
| | | clock += day + " "; |
| | | |
| | | if(hh < 10) |
| | | clock += "0"; |
| | | |
| | | clock += hh + ":"; |
| | | if (mm < 10) |
| | | clock += '0'; |
| | | clock += mm + ":"; |
| | | |
| | | if (ss < 10) |
| | | clock += '0'; |
| | | clock += ss; |
| | | document.getElementById("begin").value = clock; |
| | | yushe2(); |
| | | } |
| | | function yushe2(){ |
| | | var now = new Date(); |
| | | |
| | | var year = now.getFullYear(); //年 |
| | | var month = now.getMonth() + 1; //月 |
| | | var day = now.getDate(); //日 |
| | | |
| | | var hh = now.getHours(); //时 |
| | | var mm = now.getMinutes(); //分 |
| | | var ss = now.getSeconds(); //分 |
| | | |
| | | var clock = year + "-"; |
| | | |
| | | if(month < 10) |
| | | clock += "0"; |
| | | |
| | | clock += month + "-"; |
| | | |
| | | if(day < 10) |
| | | clock += "0"; |
| | | |
| | | clock += day + " "; |
| | | |
| | | if(hh < 10) |
| | | clock += "0"; |
| | | |
| | | clock += hh + ":"; |
| | | if (mm < 10) |
| | | clock += '0'; |
| | | clock += mm + ":"; |
| | | |
| | | if (ss < 10) |
| | | clock += '0'; |
| | | clock += ss; |
| | | document.getElementById("end").value = clock; |
| | | } |
| | | |
| | | function floorChange() { |
| | | // when change floor num, the map will also change. |
| | | var select_layer = document.getElementById("chooselayer"); |
| | |
| | | document.getElementById("draw").style.display = 'none'; |
| | | document.getElementById("baidumap").style.display = ''; |
| | | document.getElementById("search").style.display = 'none'; |
| | | document.getElementById("fanwei").style.display = 'none'; |
| | | document.getElementById("pause").style.display = 'none'; |
| | | document.getElementById("continue").style.display = 'none'; |
| | | document.getElementById("search2").style.display = ''; |
| | |
| | | document.getElementById("wrap").style.display = ""; |
| | | document.getElementById("draw").style.display = ''; |
| | | document.getElementById("search").style.display = ''; |
| | | document.getElementById("fanwei").style.display = ''; |
| | | document.getElementById("pause").style.display = ''; |
| | | document.getElementById("continue").style.display = ''; |
| | | document.getElementById("search2").style.display = 'none'; |
| | |
| | | var begin = document.getElementById("begin").value; |
| | | var end = document.getElementById("end").value; |
| | | var floor = document.getElementById("chooselayer").value; |
| | | var fence = document.getElementById("fanwei").value; |
| | | var tagTrack = []; |
| | | if (tag) { |
| | | if (begin && end) { |
| | |
| | | begin_value: begin, |
| | | end_value: end, |
| | | floor_value: floor, |
| | | fence: fence, |
| | | }, |
| | | success: function (data) { |
| | | tagTrack = data; |
| | |
| | | var tagid; |
| | | var zuobiao; |
| | | var i = 0; |
| | | |
| | | |
| | | function diaoyongbaidumap() { |
| | | // this.playFlag; //当前是否在播放 |
| | | // this.playTrack; //当前需要播放的总node |