|
@@ -802,122 +802,122 @@ Viewer.setDefaults({
|
|
|
// transition: false, //使用 CSS3 过度
|
|
// transition: false, //使用 CSS3 过度
|
|
|
fullscreen: false, //播放时是否全屏
|
|
fullscreen: false, //播放时是否全屏
|
|
|
keyboard: true, //是否支持键盘
|
|
keyboard: true, //是否支持键盘
|
|
|
- ready: function(e) {
|
|
|
|
|
- // console.log(e.type, '组件以初始化')
|
|
|
|
|
- },
|
|
|
|
|
- show: function(e) {
|
|
|
|
|
- // console.log(e.type, '图片显示开始')
|
|
|
|
|
- var iconBox = document.getElementById("iconBox");
|
|
|
|
|
- iconBox.style.display = "block";
|
|
|
|
|
- },
|
|
|
|
|
- shown: function(e) {
|
|
|
|
|
- // console.log(e.type, '图片显示结束')
|
|
|
|
|
- },
|
|
|
|
|
- hide: function(e) {
|
|
|
|
|
- // console.log(e.type, '图片隐藏完成')
|
|
|
|
|
- var domData = document.getElementById("reseau");
|
|
|
|
|
- var html = "";
|
|
|
|
|
- domData.innerHTML = html;
|
|
|
|
|
- var iconBox = document.getElementById("iconBox");
|
|
|
|
|
- iconBox.style.display = "none";
|
|
|
|
|
- },
|
|
|
|
|
- hidden: function(e) {
|
|
|
|
|
- // console.log(e.type, '图片隐藏结束')
|
|
|
|
|
- },
|
|
|
|
|
- view: function(e) {
|
|
|
|
|
- // console.log(e.type, "视图开始");
|
|
|
|
|
- },
|
|
|
|
|
- viewed: function(e) {
|
|
|
|
|
- var iconDom = document.getElementById("iconDom");
|
|
|
|
|
- var j = JSON.stringify(iconDom);
|
|
|
|
|
- var g = j.indexOf("icon2");
|
|
|
|
|
- if (g !== -1) {
|
|
|
|
|
- var b;
|
|
|
|
|
- var c;
|
|
|
|
|
- var a;
|
|
|
|
|
- // var a = e.path[0].ownerDocument.images[20].outerHTML
|
|
|
|
|
- var arr = [];
|
|
|
|
|
- arr = e.path[0].ownerDocument.images;
|
|
|
|
|
- for (var i = 0; i < arr.length; i++) {
|
|
|
|
|
- var k = arr[i].outerHTML.indexOf('style="');
|
|
|
|
|
- var j = arr[i].outerHTML.indexOf("margin-top:");
|
|
|
|
|
- if (k !== -1 && k !== -1) {
|
|
|
|
|
- a = arr[i].outerHTML;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- b = a.split('style="');
|
|
|
|
|
- c = b[1].split('">');
|
|
|
|
|
- var f = c[0];
|
|
|
|
|
- var t = f.replace("margin-top", "top");
|
|
|
|
|
- var y = t.replace("margin-left", "left");
|
|
|
|
|
- var x = y + "z-index:10000;";
|
|
|
|
|
- var domData = document.getElementById("reseau");
|
|
|
|
|
- var html =
|
|
|
|
|
- '<div class="griddingLine" v-show="iconShow">' +
|
|
|
|
|
- '<img src="../../../../static/images/gridding.png" alt="" class="" ' +
|
|
|
|
|
- 'style="' +
|
|
|
|
|
- x +
|
|
|
|
|
- '"' +
|
|
|
|
|
- " />" +
|
|
|
|
|
- "</div>";
|
|
|
|
|
- domData.innerHTML = html;
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- zoom: function(e) {
|
|
|
|
|
- // console.log(e.type, '图片缩放开始')
|
|
|
|
|
- var iconDom = document.getElementById("iconDom");
|
|
|
|
|
- var j = JSON.stringify(iconDom);
|
|
|
|
|
- var g = j.indexOf("icon2");
|
|
|
|
|
- console.log(g);
|
|
|
|
|
- if (g !== -1) {
|
|
|
|
|
- var b;
|
|
|
|
|
- var c;
|
|
|
|
|
- var a = e.detail.originalEvent.path[0].outerHTML;
|
|
|
|
|
- b = a.split('style="');
|
|
|
|
|
- c = b[1].split('">');
|
|
|
|
|
- var f = c[0];
|
|
|
|
|
- var t = f.replace("margin-top", "top");
|
|
|
|
|
- var y = t.replace("margin-left", "left");
|
|
|
|
|
- var x = y + "z-index:10000;";
|
|
|
|
|
- var domData = document.getElementById("reseau");
|
|
|
|
|
- var html =
|
|
|
|
|
- '<div class="griddingLine" v-show="iconShow">' +
|
|
|
|
|
- '<img src="../../../../static/images/gridding.png" alt="" class="" ' +
|
|
|
|
|
- 'style="' +
|
|
|
|
|
- x +
|
|
|
|
|
- '"' +
|
|
|
|
|
- " />" +
|
|
|
|
|
- "</div>";
|
|
|
|
|
- domData.innerHTML = html;
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- zoomed: function(e) {
|
|
|
|
|
- var iconDom = document.getElementById("iconDom");
|
|
|
|
|
- var j = JSON.stringify(iconDom);
|
|
|
|
|
- var g = j.indexOf("icon2");
|
|
|
|
|
- // console.log(g)
|
|
|
|
|
- if (g !== -1) {
|
|
|
|
|
- var b;
|
|
|
|
|
- var c;
|
|
|
|
|
- var a = e.detail.originalEvent.path[0].outerHTML;
|
|
|
|
|
- b = a.split('style="');
|
|
|
|
|
- c = b[1].split('">');
|
|
|
|
|
- var f = c[0];
|
|
|
|
|
- var t = f.replace("margin-top", "top");
|
|
|
|
|
- var y = t.replace("margin-left", "left");
|
|
|
|
|
- var x = y + "z-index:10000;";
|
|
|
|
|
- var domData = document.getElementById("reseau");
|
|
|
|
|
- var html =
|
|
|
|
|
- '<div class="griddingLine" v-show="iconShow">' +
|
|
|
|
|
- '<img src="../../../../static/images/gridding.png" alt="" class="" ' +
|
|
|
|
|
- 'style="' +
|
|
|
|
|
- x +
|
|
|
|
|
- '"' +
|
|
|
|
|
- " />" +
|
|
|
|
|
- "</div>";
|
|
|
|
|
- domData.innerHTML = html;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ // ready: function(e) {
|
|
|
|
|
+ // // console.log(e.type, '组件以初始化')
|
|
|
|
|
+ // },
|
|
|
|
|
+ // show: function(e) {
|
|
|
|
|
+ // // console.log(e.type, '图片显示开始')
|
|
|
|
|
+ // var iconBox = document.getElementById("iconBox");
|
|
|
|
|
+ // iconBox.style.display = "block";
|
|
|
|
|
+ // },
|
|
|
|
|
+ // shown: function(e) {
|
|
|
|
|
+ // // console.log(e.type, '图片显示结束')
|
|
|
|
|
+ // },
|
|
|
|
|
+ // hide: function(e) {
|
|
|
|
|
+ // // console.log(e.type, '图片隐藏完成')
|
|
|
|
|
+ // var domData = document.getElementById("reseau");
|
|
|
|
|
+ // var html = "";
|
|
|
|
|
+ // domData.innerHTML = html;
|
|
|
|
|
+ // var iconBox = document.getElementById("iconBox");
|
|
|
|
|
+ // iconBox.style.display = "none";
|
|
|
|
|
+ // },
|
|
|
|
|
+ // hidden: function(e) {
|
|
|
|
|
+ // // console.log(e.type, '图片隐藏结束')
|
|
|
|
|
+ // },
|
|
|
|
|
+ // view: function(e) {
|
|
|
|
|
+ // // console.log(e.type, "视图开始");
|
|
|
|
|
+ // },
|
|
|
|
|
+ // viewed: function(e) {
|
|
|
|
|
+ // var iconDom = document.getElementById("iconDom");
|
|
|
|
|
+ // var j = JSON.stringify(iconDom);
|
|
|
|
|
+ // var g = j.indexOf("icon2");
|
|
|
|
|
+ // if (g !== -1) {
|
|
|
|
|
+ // var b;
|
|
|
|
|
+ // var c;
|
|
|
|
|
+ // var a;
|
|
|
|
|
+ // // var a = e.path[0].ownerDocument.images[20].outerHTML
|
|
|
|
|
+ // var arr = [];
|
|
|
|
|
+ // arr = e.path[0].ownerDocument.images;
|
|
|
|
|
+ // for (var i = 0; i < arr.length; i++) {
|
|
|
|
|
+ // var k = arr[i].outerHTML.indexOf('style="');
|
|
|
|
|
+ // var j = arr[i].outerHTML.indexOf("margin-top:");
|
|
|
|
|
+ // if (k !== -1 && k !== -1) {
|
|
|
|
|
+ // a = arr[i].outerHTML;
|
|
|
|
|
+ // }
|
|
|
|
|
+ // }
|
|
|
|
|
+ // b = a.split('style="');
|
|
|
|
|
+ // c = b[1].split('">');
|
|
|
|
|
+ // var f = c[0];
|
|
|
|
|
+ // var t = f.replace("margin-top", "top");
|
|
|
|
|
+ // var y = t.replace("margin-left", "left");
|
|
|
|
|
+ // var x = y + "z-index:10000;";
|
|
|
|
|
+ // var domData = document.getElementById("reseau");
|
|
|
|
|
+ // var html =
|
|
|
|
|
+ // '<div class="griddingLine" v-show="iconShow">' +
|
|
|
|
|
+ // '<img src="../../../../static/images/gridding.png" alt="" class="" ' +
|
|
|
|
|
+ // 'style="' +
|
|
|
|
|
+ // x +
|
|
|
|
|
+ // '"' +
|
|
|
|
|
+ // " />" +
|
|
|
|
|
+ // "</div>";
|
|
|
|
|
+ // domData.innerHTML = html;
|
|
|
|
|
+ // }
|
|
|
|
|
+ // },
|
|
|
|
|
+ // zoom: function(e) {
|
|
|
|
|
+ // // console.log(e.type, '图片缩放开始')
|
|
|
|
|
+ // var iconDom = document.getElementById("iconDom");
|
|
|
|
|
+ // var j = JSON.stringify(iconDom);
|
|
|
|
|
+ // var g = j.indexOf("icon2");
|
|
|
|
|
+ // console.log(g);
|
|
|
|
|
+ // if (g !== -1) {
|
|
|
|
|
+ // var b;
|
|
|
|
|
+ // var c;
|
|
|
|
|
+ // var a = e.detail.originalEvent.path[0].outerHTML;
|
|
|
|
|
+ // b = a.split('style="');
|
|
|
|
|
+ // c = b[1].split('">');
|
|
|
|
|
+ // var f = c[0];
|
|
|
|
|
+ // var t = f.replace("margin-top", "top");
|
|
|
|
|
+ // var y = t.replace("margin-left", "left");
|
|
|
|
|
+ // var x = y + "z-index:10000;";
|
|
|
|
|
+ // var domData = document.getElementById("reseau");
|
|
|
|
|
+ // var html =
|
|
|
|
|
+ // '<div class="griddingLine" v-show="iconShow">' +
|
|
|
|
|
+ // '<img src="../../../../static/images/gridding.png" alt="" class="" ' +
|
|
|
|
|
+ // 'style="' +
|
|
|
|
|
+ // x +
|
|
|
|
|
+ // '"' +
|
|
|
|
|
+ // " />" +
|
|
|
|
|
+ // "</div>";
|
|
|
|
|
+ // domData.innerHTML = html;
|
|
|
|
|
+ // }
|
|
|
|
|
+ // },
|
|
|
|
|
+ // zoomed: function(e) {
|
|
|
|
|
+ // var iconDom = document.getElementById("iconDom");
|
|
|
|
|
+ // var j = JSON.stringify(iconDom);
|
|
|
|
|
+ // var g = j.indexOf("icon2");
|
|
|
|
|
+ // // console.log(g)
|
|
|
|
|
+ // if (g !== -1) {
|
|
|
|
|
+ // var b;
|
|
|
|
|
+ // var c;
|
|
|
|
|
+ // var a = e.detail.originalEvent.path[0].outerHTML;
|
|
|
|
|
+ // b = a.split('style="');
|
|
|
|
|
+ // c = b[1].split('">');
|
|
|
|
|
+ // var f = c[0];
|
|
|
|
|
+ // var t = f.replace("margin-top", "top");
|
|
|
|
|
+ // var y = t.replace("margin-left", "left");
|
|
|
|
|
+ // var x = y + "z-index:10000;";
|
|
|
|
|
+ // var domData = document.getElementById("reseau");
|
|
|
|
|
+ // var html =
|
|
|
|
|
+ // '<div class="griddingLine" v-show="iconShow">' +
|
|
|
|
|
+ // '<img src="../../../../static/images/gridding.png" alt="" class="" ' +
|
|
|
|
|
+ // 'style="' +
|
|
|
|
|
+ // x +
|
|
|
|
|
+ // '"' +
|
|
|
|
|
+ // " />" +
|
|
|
|
|
+ // "</div>";
|
|
|
|
|
+ // domData.innerHTML = html;
|
|
|
|
|
+ // }
|
|
|
|
|
+ // }
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|