var rb = new rightBottomDatlog(); var lineWidth = 0; var leftNUmber = 0; var messageLefWidth = 5; var checkPoint = 0; sgworld = window.external.createSgworld(); var arr = []; var rturl = ""; $(function () { //var tableName = decodeURI(getUrlParam("Type")); //$.ajax({ // url: "../../Ashx/Secondcommon.ashx", // type: "post", // data: { Action: "GetTime", Table: tableName }, // dataType: "json", // async: true, // success: function (result) { // $.each(result, function (index, value) { // arr.push(value.Year); // }); // if (arr.length > 0) { // sgworld.ProjectTree.SetVisibility("",false); // window.external.createPmDialogDock("右下", url + "chart/chartDL.html?MaxTime=" + arr[arr.length - 1] + "&title=" + getUrlParam("title"), rb.width, rb.height, rb.top, rb.left, rb.bottom, rb.right); // window.external.InvokeScript("右上", "GetYX", arr[arr.length - 1]); // //let ThisId = sgworld.ProjectTree.FindItem(localStorage.getItem("pathName") + "\\" + arr[arr.length - 1]); // //sgworld.ProjectTree.SetVisibility(ThisId,true); // } // if (arr.length <= 1) { // //关闭当前时间轴 // setTimeout(function () { // window.external.closeDialog("左下"); // }, 100) // return false; // } else { // //文本赋值 // $(".tname").empty(); // $(".tname").append(decodeURI(getUrlParam("title"))); // $(".tyear").empty(); // $(".tyear").append("(" + (checkPoint + 1) + "/" + arr.length + ")" + arr[arr.length-1] + "年"); // checkPoint = arr.length - 1; init(); // } // } //}); }) function init() { arr = [2013, 2014, 2015, 2016, 2017, 2018, 2019]; let ThisId = sgworld.ProjectTree.FindItem("应用数据\\祁连矿区\\祁连影像\\祁连影像\\2019"); sgworld.ProjectTree.SetVisibility(ThisId,true); checkPoint = arr.length - 1; //如果数组为空 if (arr.length == 0) { //关闭时间轴弹窗 return false; } var w = document.getElementById('line').clientWidth; lineWidth = ((w - (w * 0.25)) / arr.length); var timeZlineHTml = ""; var mmessageHtml = ""; for (var m = 0; m < arr.length; m++) { timeZlineHTml += '
'; mmessageHtml += '
' + arr[ m] + '
'; } if (arr.length > 0) { timeZlineHTml += '
'; } $(".timeZline").empty(); $(".timeZline").append(timeZlineHTml + '
)
'); $(".mmessage").empty(); $(".mmessage").append(mmessageHtml); $(".timeZline").find(".point").eq(checkPoint).append(""); DivClick(); leftNUmber = -checkPoint * lineWidth; console.log("initNUmber:" + leftNUmber); //判断div长度是否能容纳时间轴的长度 var divWidth = $(".line").width(); if (divWidth >= arr.length * lineWidth) { return; } else { $(".timeZline").css("margin-left", "" + leftNUmber + "px"); $(".mmessage").css("margin-left", "" + leftNUmber - messageLefWidth + "px"); } //设置轴的宽度 $(".eline").width(lineWidth); } function DivClick() { var year = ""; $(".pre").click(function () { Pre(); }); $(".next").click(function () { Next(); }); //$(".bf").click(function() { // bf(); //}); //点击差号 //$(".tclose").click(function () { // window.external.closeDialog("左下"); //}); //上一步 function Pre() { //如果定时器在运行,清除定时器 if (setTime != null) { window.clearInterval(setTime); $(".bf").attr("src", "./img/bf.png"); if (checkPoint > 0) { checkPoint--; } setTime = null; } $(".tyear").empty(); bfstate = false; if (checkPoint == 0) { year = $(".timeZline").find(".point").eq(checkPoint).attr("data-year"); $(".tyear").append("(" + (checkPoint + 1) + "/" + arr.length + ")" + year + "年"); return false; } else { $(".point").empty(); $(".timeZline").find(".point").eq(checkPoint - 1).append(""); year = $(".timeZline").find(".point").eq(checkPoint - 1).attr("data-year"); $(".tyear").append("(" + checkPoint + "/" + arr.length + ")" + year + "年"); checkPoint = checkPoint - 1; } let ThisId = sgworld.ProjectTree.FindItem("应用数据\\祁连矿区\\祁连影像"); sgworld.ProjectTree.SetVisibility(ThisId, false); let ThisId1 = sgworld.ProjectTree.FindItem("应用数据\\祁连矿区\\祁连影像\\祁连影像\\" + year); sgworld.ProjectTree.SetVisibility(ThisId1, true); var divWidth = $(".line").width(); if (divWidth >= arr.length * lineWidth) { return false; } else { if (leftNUmber == 0 | leftNUmber > 0) { return false; } else { $(".timeZline").css("margin-left", "" + (leftNUmber + lineWidth) + "px"); $(".mmessage").css("margin-left", "" + (leftNUmber + lineWidth - messageLefWidth) + "px"); leftNUmber = leftNUmber + lineWidth; } } } //下一步 function Next() { if (setTime != null) { window.clearInterval(setTime); $(".bf").attr("src", "./img/bf.png"); if (checkPoint > 0) { checkPoint--; } setTime = null; } bfstate = false; $(".point").empty(); $(".tyear").empty(); if ((checkPoint + 1) >= (arr.length - 1)) { $(".timeZline").find(".point").eq(arr.length - 1).append(""); checkPoint = arr.length - 1; year = $(".timeZline").find(".point").eq(arr.length - 1).attr("data-year"); $(".tyear").append("(" + arr.length + "/" + arr.length + ")" + year + "年"); } else { $(".timeZline").find(".point").eq(checkPoint + 1).append(""); checkPoint = checkPoint + 1; year = $(".timeZline").find(".point").eq(checkPoint).attr("data-year"); $(".tyear").append("(" + (checkPoint + 1) + "/" + arr.length + ")" + year + "年"); } let ThisId = sgworld.ProjectTree.FindItem("应用数据\\祁连矿区\\祁连影像"); sgworld.ProjectTree.SetVisibility(ThisId, false); let ThisId1 = sgworld.ProjectTree.FindItem("应用数据\\祁连矿区\\祁连影像\\祁连影像\\" + year); sgworld.ProjectTree.SetVisibility(ThisId1, true); var divWidth = $(".line").width(); if (divWidth >= arr.length * lineWidth) { return false; } else { if ((Math.abs(leftNUmber) + $(".timeZline").width()) >= arr.length * (lineWidth)) { return false; } else { $(".timeZline").css("margin-left", "" + (leftNUmber - lineWidth) + "px"); $(".mmessage").css("margin-left", "" + (leftNUmber - lineWidth - messageLefWidth) + "px"); leftNUmber = leftNUmber - lineWidth; } } } var bfstate = false; var setTime = null; function bf() { if (bfstate == false) { //图标发生改变 $(".bf").attr("src", "./img/zt.png"); leftNUmber = lineWidth; checkPoint = 0; setTime = setInterval(function () { var temNumber = 0; $(".point").empty(); $(".tyear").empty(); if (checkPoint > (arr.length - 1)) { checkPoint = 0; } $(".timeZline").find(".point").eq(checkPoint).append(""); year = $(".timeZline").find(".point").eq(checkPoint).attr("data-year"); $(".tyear").append("(" + (checkPoint + 1) + "/" + arr.length + ")" + year + "年"); if ((Math.abs(leftNUmber) + $(".timeZline").width()) >= arr.length * (lineWidth)) { //alert("1:" + leftNUmber); leftNUmber = lineWidth; $(".timeZline").css("margin-left", "" + (leftNUmber - lineWidth) + "px"); $(".mmessage").css("margin-left", "" + (leftNUmber - lineWidth - messageLefWidth) + "px"); //temNumber = lineWidth; } else { // alert("2:" + leftNUmber); $(".timeZline").css("margin-left", "" + (leftNUmber - lineWidth) + "px"); $(".mmessage").css("margin-left", "" + (leftNUmber - lineWidth - messageLefWidth) + "px"); temNumber = leftNUmber - lineWidth; } window.external.closeDialog("右下"); window.external.createPmDialogDock("右下", url + "chart/chartDLTD.html?MaxTime=" + year, rb.width, rb.height, rb.top, rb.left, rb.bottom, rb.right); //localStorage.setItem("CheckPointYear", year); //sgworld.ProjectTree.SetVisibility("", false); //sgworld.ProjectTree.SetVisibility(sgworld.ProjectTree.FindItem(rturl + "\\" + year), true); leftNUmber = temNumber; checkPoint++; }, 3000); bfstate = true; } else { $(".bf").attr("src", "./img/bf.png"); if (setTime != null) { window.clearInterval(setTime); if (checkPoint > 0) { checkPoint--; } setTime = null; } bfstate = false; } } }