<script>
var pointArray = '';
$(document.body).ready(function(){
$('.popover-show').popover('destroy');
//生成按钮
var rightbottom = '<div class="zbtngroup">
<button id="startbutton" class="btn btn-sm btn-start" type="button" onclick="javascript:zstartget(this)">开始</button>';
rightbottom += '<button class="btn btn-primary btn-sm btn-end" type="button" onclick="javascript:zendget(this)">完成</button>';
/* rightbottom += '<button class="btn btn-success btn-sm" type="button" onclick="javascript:zsavepoint(this)">保存</button>'; */
rightbottom += '<button class="btn btn-warning btn-sm btn-off" type="button" onclick="javascript:zcancalget(this)">取消</button></div>';
//点击按钮弹出提示
rightbottom += '<ul class="ztimeline"><li><div data-container="body" data-toggle="popover" data-placement="bottom" data-content="请在地图上选取巡检点">1</div></li>';
rightbottom += '<li><span></span><div data-container="body" data-toggle="popover" data-placement="bottom" data-content="请填写任务信息">2</div></li>';
rightbottom += '<li><span></span><div data-container="body" data-toggle="popover" data-placement="bottom" data-content="保存完成">3</div></li></ul>';
$("#rightBotTable").empty().append($(rightbottom)).css("backgroundColor", "#EFEFEF");
$("#tableArrow").children("a").off("click").on("click", {wid: 300, heig: 160}, toggleArrow);
//按键样式以及功能禁灰
$('.btn-end').addClass('disabled'); // Disables visually
$('.btn-end').prop('disabled', true); // Disables visually + functionally
$('.btn-off').addClass('disabled'); // Disables visually
$('.btn-off').prop('disabled', true); // Disables visually + functionally
//点击开始按钮触发事件
function zstartget(e){
$('.popover-show').popover('destroy');
$($("ul.ztimeline li").children("div").get(1)).removeClass("popover-show");
$($("ul.ztimeline li").children("div").get(2)).removeClass("popover-show");
$($("ul.ztimeline li").children("div").get(0)).css("border", "2px solid #7B9D6F").css("color", "#7B9D6F").addClass("popover-show");
$($("ul.ztimeline li").children("div").get(2)).css("border", "2px solid #E27F7B").css("color", "#E27F7B");
$($("ul.ztimeline li").children("div").get(1)).css("border", "2px solid #E27F7B").css("color", "#E27F7B");
$($("ul.ztimeline li").children("span").get(0)).css("borderTop", "2px solid #7B9D6F");
$($("ul.ztimeline li").children("span").get(1)).css("borderTop", "2px solid #E27F7B");
$('.popover-show').popover('show');
//按键样式以及功能禁灰
$('.btn-start').addClass('disabled'); // Disables visually
$('.btn-start').prop('disabled', true); // Disables visually + functionally
$('.btn-end').removeClass('disabled'); // Disables visually
$('.btn-end').prop('disabled', false); // Disables visually + functionally
require(['BMapPickPoint'], function (BMapPickPoint){
BMapPickPoint.pick();
});
}
//点击完成按钮触发事件
function zendget(){
$('.btn-end').addClass('disabled'); // Disables visually
$('.btn-end').prop('disabled',true ); // Disables visually + functionally
$('.btn-off').removeClass('disabled'); // Disables visually
$('.btn-off').prop('disabled', false); // Disables visually + functionally
$('.popover-show').popover('destroy');
$($("ul.ztimeline li").children("div").get(1)).css("border", "2px solid #7B9D6F").css("color", "#7B9D6F").addClass("popover-show");
$($("ul.ztimeline li").children("div").get(2)).css("border", "2px solid #E27F7B").css("color", "#E27F7B").removeClass("popover-show");
$($("ul.ztimeline li").children("div").get(0)).css("border", "2px solid #7B9D6F").css("color", "#7B9D6F").removeClass("popover-show");
$($("ul.ztimeline li").children("span").get(0)).css("borderTop", "2px solid #7B9D6F");
$($("ul.ztimeline li").children("span").get(1)).css("borderTop", "2px solid #7B9D6F");
$('.popover-show').popover('show');
require(['BMapPickPoint', 'BMapWalking'], function (BMapPickPoint, BMapWalking){
pointArray = BMapPickPoint.removepick();
BMapWalking.route(pointArray, false, false, function(){
setTimeout(function(){
$('#getPointModal').modal({
keyboard: true, //点击esc时关闭模态对话框
backdrop: false //false关闭后边黑色蒙版
})
/* 弹出浮动窗口时加载loading动画 */
$("#getPointModal .modal-body").css("height", "43vh").css("textAlign", "center");
$('<div class="modalloading"></div>').appendTo($("#userModal .modal-body"));
$("div.modalloading").css("marginTop", 1 * $("#getPointModal .modal-body").height() * 0.4);
$("#getPointModal .modal-body").load('${pageContext.request.contextPath}/TaskController/taskModalAdd.ht', {"taskroute" : getString(pointArray)}, function(response, status, xhr){
/* 移除loading动画 */
$("#getPointModal .modal-body").remove(".modalloading");
$("#getPointModal").modal("show").find(".modal-dialog")
.css("marginLeft", "auto")
.css("marginRight", "auto").css("marginBottom", "0px");
bindButton(); //重新绑定确认按钮的点击事件
});
},2000)
});
});
}
//保存选取的点
function zsavepoint(){
$('.popover-show').popover('destroy');
$($("ul.ztimeline li").children("div").get(2)).css("border", "2px solid #7B9D6F").css("color", "#7B9D6F").addClass("popover-show");
$($("ul.ztimeline li").children("div").get(0)).css("border", "2px solid #7B9D6F").css("color", "#7B9D6F").removeClass("popover-show");
$($("ul.ztimeline li").children("div").get(1)).css("border", "2px solid #7B9D6F").css("color", "#7B9D6F").removeClass("popover-show");
$($("ul.ztimeline li").children("span").get(0)).css("borderTop", "2px solid #7B9D6F");
$($("ul.ztimeline li").children("span").get(1)).css("borderTop", "2px solid #7B9D6F");
$('.popover-show').popover('show');
}
//点击取消按钮触发事件
function zcancalget(){
$('.popover-show').popover('destroy');
pointArray = '';
$($("ul.ztimeline li").children("div")).css("border", "2px solid #E27F7B").css("color", "#E27F7B");
$($("ul.ztimeline li").children("span")).css("borderTop", "2px solid #E27F7B");
$('.btn-off').addClass('disabled'); // Disables visually
$('.btn-off').prop('disabled',true ); // Disables visually + functionally
}
</script>