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 = [2014,2019,2020];
|
let ThisId = sgworld.ProjectTree.FindItem("专题数据\\地质矿产专题遥感解译产品\\矿山地质环境产品\\格尔木索拉吉尔铜矿\\2020");
|
|
if (ThisId != "") {
|
sgworld.ProjectTree.SetVisibility(ThisId, true);
|
sgworld.Navigate.FlyTo(ThisId);
|
};
|
|
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 += '<div class="eline" style="margin-left:' + m * lineWidth +
|
'px;width:' + lineWidth + 'px" ></div><div class="point" data-year="' + arr[m] + '" style="margin-left:' + (m + 1) *
|
lineWidth + 'px"></div>';
|
mmessageHtml += '<div class="pmessage" style="margin-left:' + ((m + 1) * lineWidth - messageLefWidth) + 'px">' + arr[
|
m] +
|
'</div>';
|
|
}
|
if (arr.length > 0) {
|
timeZlineHTml += '<div class="eline" style="margin-left:' + (arr.length * lineWidth) +
|
'px"></div>';
|
}
|
$(".timeZline").empty();
|
$(".timeZline").append(timeZlineHTml + '<div class="eline" style="margin-left:' + m * lineWidth + 'px;width:' + lineWidth + 'px" >)</div>');
|
$(".mmessage").empty();
|
$(".mmessage").append(mmessageHtml);
|
|
|
$(".timeZline").find(".point").eq(checkPoint).append("<img src='img/zhou.png' />");
|
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("<img src='img/zhou.png' />");
|
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("<img src='img/zhou.png' />");
|
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("<img src='img/zhou.png' />");
|
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("<img src='img/zhou.png' />");
|
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;
|
}
|
|
}
|
|
|
}
|
