左侧导航

liuyg

2021-06-30 2c0e880709982dfbcb64b4bf983cbea1b66c3d1d

左侧导航

 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>

 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({

 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; */

 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') {

 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;