From 2c0e880709982dfbcb64b4bf983cbea1b66c3d1d Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Wed, 30 Jun 2021 11:02:50 +0800
Subject: [PATCH] 左侧导航

---
 widgets/LeftNavigationBar/Widget.js     |   31 +++++++++++++++++++++++++++++++
 widgets/LeftNavigationBar/css/style.css |   13 ++++++++++++-
 widgets/LeftNavigationBar/Widget.html   |    3 +++
 widgets/crossTailoring/Widget.js        |   10 +++++-----
 widgets/instructions/css/style.css      |    2 +-
 5 files changed, 52 insertions(+), 7 deletions(-)

diff --git a/widgets/LeftNavigationBar/Widget.html b/widgets/LeftNavigationBar/Widget.html
index 055a16b..62f61eb 100644
--- a/widgets/LeftNavigationBar/Widget.html
+++ b/widgets/LeftNavigationBar/Widget.html
@@ -11,6 +11,9 @@
 			<input id="left-navigation-bar-main-input" type="search"  placeholder="请输入图层名称" />
 			<!-- <button type="button" class="layui-btn layui-btn-sm" lay-demo="reload">重载</button> -->
 			<img id="left-navigation-bar-main-search" src="./images/addL/sousuo.png" alt="">
+			<i class="layui-icon" id="l-n-b-m-search-closeOUR">
+				&#x1006;
+			</i>
 		</div>
 		<!-- <div class="layui-btn-container">
 			<button type="button" class="layui-btn layui-btn-sm" lay-demo="getChecked">获取选中节点数据</button>
diff --git a/widgets/LeftNavigationBar/Widget.js b/widgets/LeftNavigationBar/Widget.js
index 3f0af57..3f27068 100644
--- a/widgets/LeftNavigationBar/Widget.js
+++ b/widgets/LeftNavigationBar/Widget.js
@@ -102,6 +102,37 @@
                         }, 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);
+                    }
+                })
 
 
                 $('.jimu-widget-instructions').css({
diff --git a/widgets/LeftNavigationBar/css/style.css b/widgets/LeftNavigationBar/css/style.css
index 8de1403..ef4c450 100644
--- a/widgets/LeftNavigationBar/css/style.css
+++ b/widgets/LeftNavigationBar/css/style.css
@@ -72,7 +72,18 @@
 .jimu-widget-LeftNavigationBar .left-navigation-bar-but img {
   width: 30px;
 }
+.jimu-widget-LeftNavigationBar #l-n-b-m-search-closeOUR {
+  position: absolute;
+  right: 5px;
+  top: 5px;
+  cursor: pointer;
+   font-size: 18px;
+}
 
+
+.jimu-widget-LeftNavigationBar #l-n-b-m-search-closeOUR:hover {
+  color: red;
+}
 .jimu-widget-LeftNavigationBar .left-navigation-bar-main {
   position: fixed;
   
@@ -96,7 +107,7 @@
 .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search {
   /* position: relative; */
   /* top: 16px; */
-  width: calc(100% - 20px);
+  width: calc(100% - 30px);
   margin: 0 0 20px 10px;
   height: 40px;
   /* padding: 10px; */
diff --git a/widgets/crossTailoring/Widget.js b/widgets/crossTailoring/Widget.js
index babebb0..351a7fe 100644
--- a/widgets/crossTailoring/Widget.js
+++ b/widgets/crossTailoring/Widget.js
@@ -87,7 +87,7 @@
             Oroll: 0,
             OextrudeDistance: 1.0,
             begincrossTailoring: function (pro) {
-                console.log(`${this.name}--kaishi`);
+                // console.log(`${this.name}--kaishi`);
                 var that = this;
                 // console.log(pro.src)
                 // return
@@ -106,8 +106,8 @@
 
                 that.promise = window.mySanweiShujuOpens[pro.id];
 
-                console.log(pro.id)
-                console.log(that.promise)
+                // console.log(pro.id)
+                // console.log(that.promise)
                 // that.promise = scene.open(window.MYURL_CONFIG.SCENE_BIMBUILDING);
                 that.promise.then(function (layers) {
                     // 精准定位
@@ -346,9 +346,9 @@
             startClip: false,
             promise: 'null',
             closescrossTailoring: function (froms) {
-                console.log(`${this.name}--guanbi`);
+                // console.log(`${this.name}--guanbi`);
                 var that = this;
-                console.log(that.promise, 45343463)
+                // console.log(that.promise, 45343463)
                 that.startClip = false;
                 that.box.show = false;
                 if (that.promise != 'null') {
diff --git a/widgets/instructions/css/style.css b/widgets/instructions/css/style.css
index 935c8c6..968ac8c 100644
--- a/widgets/instructions/css/style.css
+++ b/widgets/instructions/css/style.css
@@ -7,7 +7,7 @@
   right: auto !important;
   bottom: auto !important;
   left: 60px !important;
-  top: 20px !important;
+  top: 72px !important;
   /* 240px */
   background: rgba(255, 255, 255, 1);
   color: #fff;

--
Gitblit v1.9.3