From 2b8e498c0550d8e8bf17a9dafddb136cc7bd1e1a Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Thu, 01 Jul 2021 10:28:35 +0800
Subject: [PATCH] 导航样式
---
widgets/LeftNavigationBar/Widget.js | 161 ++++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 122 insertions(+), 39 deletions(-)
diff --git a/widgets/LeftNavigationBar/Widget.js b/widgets/LeftNavigationBar/Widget.js
index 7494f73..3f27068 100644
--- a/widgets/LeftNavigationBar/Widget.js
+++ b/widgets/LeftNavigationBar/Widget.js
@@ -3,16 +3,16 @@
// 模块描述:显示坐标
///////////////////////////////////////////////////////////////////////////
define([
- 'dojo/_base/declare',
- 'dojo/_base/lang',
- 'dojo/_base/array',
- 'dojo/_base/html',
- 'dojo/topic',
- 'jimu/BaseWidget',
- 'jimu/utils',
- 'jimu/css!libs/zTree_v3/css/zTreeStyle/zTreeStyle.css',
- 'libs/zTree_v3/js/jquery.ztree.all'
- ],
+ 'dojo/_base/declare',
+ 'dojo/_base/lang',
+ 'dojo/_base/array',
+ 'dojo/_base/html',
+ 'dojo/topic',
+ 'jimu/BaseWidget',
+ 'jimu/utils',
+ 'jimu/css!libs/zTree_v3/css/zTreeStyle/zTreeStyle.css',
+ 'libs/zTree_v3/js/jquery.ztree.all'
+],
function (declare,
lang,
array,
@@ -34,24 +34,103 @@
var that = this;
this.getData();
+ // $('.left-navigation-bar-but').click(() => {
+ // this.changeImg = !this.changeImg;
+ // if (this.changeImg) {
+ // $('.l-n-b-b-img').attr("src", "./images/addL/xzuo.png"); //打开
+ // $('.jimu-widget-LeftNavigationBar').css({
+ // 'left': '0px'
+ // });
+ // $('.jimu-widget-instructions').css({
+ // 'left': '260px'
+ // });
+ // } else {
+ // $('.l-n-b-b-img').attr("src", "./images/addL/xyou.png"); //关闭
+ // $('.jimu-widget-LeftNavigationBar').css({
+ // 'left': '-250px'
+ // });
+ // $('.jimu-widget-instructions').css({
+ // 'left': '10px'
+ // });
+ // }
+ // })
+ var time = null;
$('.left-navigation-bar-but').click(() => {
this.changeImg = !this.changeImg;
if (this.changeImg) {
- $('.l-n-b-b-img').attr("src", "./images/addL/xzuo.png"); //打开
- $('.jimu-widget-LeftNavigationBar').css({
- 'left': '0px'
+ if (time != null) {
+ clearTimeout(time);
+ time = null;
+ }
+ // $('.l-n-b-b-img').attr("src", "./images/addL/xzuo.png"); //打开
+ $('.left-navigation-bar-main').css({
+ 'display': 'block',
+ 'width': '300px',
+ 'padding': '10px',
+ 'height': 'auto',
});
- $('.jimu-widget-instructions').css({
- 'left': '260px'
- });
+ $('.l-n-b-m-search').css({
+ 'display': 'flex',
+ })
+ $('#left-tree-list').css({
+ 'display': 'block',
+ })
+
} else {
- $('.l-n-b-b-img').attr("src", "./images/addL/xyou.png"); //关闭
- $('.jimu-widget-LeftNavigationBar').css({
- 'left': '-250px'
+ // $('.l-n-b-b-img').attr("src", "./images/addL/xyou.png"); //关闭
+ $('.l-n-b-m-search').css({
+ 'display': 'none',
+ })
+ $('#left-tree-list').css({
+ 'display': 'none',
+ })
+ $('.left-navigation-bar-main').css({
+ 'width': '0px',
+ 'padding': '0px',
+ 'height': '0px',
});
- $('.jimu-widget-instructions').css({
- 'left': '10px'
+ if (time != null) {
+ clearTimeout(time);
+ time = null;
+ }
+ time = setTimeout(() => {
+ $('.left-navigation-bar-main').css({
+ 'display': 'none'
+ });
+ clearTimeout(time);
+ time = null;
+ }, 500);
+ }
+ })
+ $('#l-n-b-m-search-closeOUR').click(() => {
+ this.changeImg = !this.changeImg;
+ if (!this.changeImg) {
+ if (time != null) {
+ clearTimeout(time);
+ time = null;
+ }
+ $('.l-n-b-m-search').css({
+ 'display': 'none',
+ })
+ $('#left-tree-list').css({
+ 'display': 'none',
+ })
+ $('.left-navigation-bar-main').css({
+ 'width': '0px',
+ 'padding': '0px',
+ 'height': '0px',
});
+ if (time != null) {
+ clearTimeout(time);
+ time = null;
+ }
+ time = setTimeout(() => {
+ $('.left-navigation-bar-main').css({
+ 'display': 'none'
+ });
+ clearTimeout(time);
+ time = null;
+ }, 500);
}
})
@@ -102,13 +181,13 @@
var val = $('#left-navigation-bar-main-input').val();
if (val != '') {
var clearOur = () => {
- let dom = $(`[data-id]`);
- dom.removeClass('layui-tree-spread');
- let domDiv = dom.find('.layui-tree-pack');
- domDiv.css({
- 'display': 'none'
- })
- },
+ let dom = $(`[data-id]`);
+ dom.removeClass('layui-tree-spread');
+ let domDiv = dom.find('.layui-tree-pack');
+ domDiv.css({
+ 'display': 'none'
+ })
+ },
a, useit = (d) => {
for (var k in d) {
if (d[k].who == 'father') {
@@ -159,7 +238,7 @@
}
},
- closeToolBox: function (item) {},
+ closeToolBox: function (item) { },
onOpen: function () {
//面板打开的时候触发 （when open this panel trigger）
@@ -331,7 +410,7 @@
},
begin: function (data) {
var that = this;
-
+ window.mySanweiShujuOpens = {};//全局scene.open资源
var a = null;
layui.use(function () {
@@ -343,7 +422,7 @@
tree.render({
elem: '#left-tree-list' //默认是点击节点可进行收缩
- ,
+ ,
data: data,
id: 'demoId1',
showCheckbox: true, //是否显示复选框
@@ -388,6 +467,9 @@
that[item.id] = scene.open(host + partOfUrl, undefined, {
autoSetView: false //不自动定位
});
+
+ window.mySanweiShujuOpens[item.id] = that[item.id];
+ // console.log(222)
topic.publish('appendTilt', 'Layermanagement', item);
topic.publish('appendTiltS', 'spatialAnalysis', item);
topic.publish('addLayersLegends', 'legends', item);
@@ -431,6 +513,7 @@
destination: rectangle
});
});
+ // console.log(444)
topic.publish('appendItem', 'Layermanagement', item, that[item.id]);
topic.publish('appendItemS', 'spatialAnalysis', item, that[item.id]);
topic.publish('addLayersLegends', 'legends', item);
@@ -441,7 +524,7 @@
dataType: 'JSON',
success: function (res) {
-
+ // console.log(111)
that[item.id] = that.map.imageryLayers.addImageryProvider(new Cesium.SuperMapImageryProvider({
url: res[0].path,
}));
@@ -461,9 +544,6 @@
}
-
-
-
} else {
@@ -514,6 +594,8 @@
that[obj.data.id] = scene.open(host + partOfUrl, undefined, {
autoSetView: false //不自动定位
});
+ window.mySanweiShujuOpens[obj.data.id] = that[obj.data.id];
+
topic.publish('appendTilt', 'Layermanagement', obj.data);
topic.publish('appendTiltS', 'spatialAnalysis', obj.data);
topic.publish('addLayersLegends', 'legends', obj.data);
@@ -552,6 +634,7 @@
destination: rectangle
});
});
+ // console.log(555)
topic.publish('appendItem', 'Layermanagement', obj.data, that[obj.data.id]);
topic.publish('appendItemS', 'spatialAnalysis', obj.data, that[obj.data.id]);
topic.publish('addLayersLegends', 'legends', obj.data);
@@ -703,15 +786,15 @@
title: '采集站点',
id: 1,
field: '1'
- // , checked: true
- ,
+ // , checked: true
+ ,
spread: true,
children: [{
title: '南矶山保护区',
id: 11,
field: '1-1'
- // , checked: true
- ,
+ // , checked: true
+ ,
spread: true,
children: [{
title: '北深渊',
--
Gitblit v1.9.3