shuishen
2021-06-05 85bcf0300cfbdfbd518e380b8f8dc09445e0c1f8
widgets/LeftNavigationBar/Widget.js
@@ -29,7 +29,16 @@
         layers: {},
         startup: function () {
            // 暴露在外的接口
            this.begin();
            this.begin(this.data);
            $('#left-navigation-bar-main-search').click(() => {
               var val = $('#left-navigation-bar-main-input').val();
               if (val) {
                  console.log(val);
               } else {
               }
            })
         },
         closeToolBox: function (item) {
@@ -54,14 +63,613 @@
         resize: function () {
         },
         begin: function () {
         begin: function (data) {
            var that = this;
            $('.left-navigation-bar-but').click(() => {
               that.changeImg = !that.changeImg;
               console.log(that.changeImg)
               if (that.changeImg) {
                  $('.l-n-b-b-img').attr("src", "../../images/addL/xzuo.png");//打开
                  console.log($('.jimu-widget-LeftNavigationBar'))
                  $('.jimu-widget-LeftNavigationBar').css({'left': '0px'});
               } else {
                  $('.l-n-b-b-img').attr("src", "../../images/addL/xyou.png");//关闭
                  $('.jimu-widget-LeftNavigationBar').css({'left': '-250px'});
               }
            })
            layui.use(function () {
               var tree = layui.tree
                  , layer = layui.layer;
               tree.render({
                  elem: '#test1' //默认是点击节点可进行收缩
                  , data: data
                  , id: 'demoId1'
                  , showCheckbox: true  //是否显示复选框
                  , click: function (obj) {
                     var data = obj.data;  //获取当前点击的节点数据
                     // layer.msg('状态:' + obj.state + '<br>节点数据:' + JSON.stringify(data));
                     // console.log(obj);
                     var ot = $('.layui-tree-iconArrow');
                     ot.removeClass("left-navigation-bar-main-down");
                     var jt = $(`[data-id='${data.id}']`).find('.layui-tree-iconArrow').eq(0);
                     jt.addClass('left-navigation-bar-main-down');
                  }
                  , showLine: false  //是否开启连接线
                  , oncheck: function (obj) {
                     console.log(obj.data.id, '--', obj.checked); //得到当前点击的节点数据
                     // console.log(obj.checked); //得到当前节点的展开状态:open、close、normal
                     // console.log(obj.elem); //得到当前节点元素
                  }
               });
            })
         },
         changeImg: true,
         // concheckData: [
         //    {
         //       id: 1,
         //       choseIt: true,
         //       child: [
         //          {
         //             id: 11,
         //             choseIt: true,
         //             child: [
         //                {
         //                   id: 111,
         //                   choseIt: true,
         //                },
         //                {
         //                   id: 112,
         //                   choseIt: true,
         //                },
         //                {
         //                   id: 113,
         //                   choseIt: true,
         //                },
         //                {
         //                   id: 114,
         //                   choseIt: true,
         //                },
         //             ]
         //          },{
         //             id: 12,
         //             choseIt: false,
         //             child: [
         //                {
         //                   id: 121,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 122,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 123,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 124,
         //                   choseIt: false,
         //                },
         //             ]
         //          },{
         //             id: 13,
         //             choseIt: false,
         //             child: [
         //                {
         //                   id: 131,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 132,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 133,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 134,
         //                   choseIt: false,
         //                },
         //             ]
         //          },{
         //             id: 14,
         //             choseIt: false,
         //             child: [
         //                {
         //                   id: 141,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 142,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 143,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 144,
         //                   choseIt: false,
         //                },
         //             ]
         //          },
         //       ]
         //    },{
         //       id: 2,
         //       choseIt: true,
         //       child: [
         //          {
         //             id: 21,
         //             choseIt: true,
         //             child: [
         //                {
         //                   id: 211,
         //                   choseIt: true,
         //                },
         //                {
         //                   id: 212,
         //                   choseIt: true,
         //                },
         //                {
         //                   id: 213,
         //                   choseIt: true,
         //                },
         //                {
         //                   id: 214,
         //                   choseIt: true,
         //                },
         //             ]
         //          },{
         //             id: 22,
         //             choseIt: false,
         //             child: [
         //                {
         //                   id: 221,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 222,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 223,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 224,
         //                   choseIt: false,
         //                },
         //             ]
         //          },{
         //             id: 23,
         //             choseIt: false,
         //             child: [
         //                {
         //                   id: 231,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 232,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 233,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 234,
         //                   choseIt: false,
         //                },
         //             ]
         //          },{
         //             id: 24,
         //             choseIt: false,
         //             child: [
         //                {
         //                   id: 241,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 242,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 243,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 244,
         //                   choseIt: false,
         //                },
         //             ]
         //          },
         //       ]
         //    },
         //    {
         //       id: 3,
         //       choseIt: true,
         //       child: [
         //          {
         //             id: 31,
         //             choseIt: true,
         //             child: [
         //                {
         //                   id: 311,
         //                   choseIt: true,
         //                },
         //                {
         //                   id: 312,
         //                   choseIt: true,
         //                },
         //                {
         //                   id: 313,
         //                   choseIt: true,
         //                },
         //                {
         //                   id: 314,
         //                   choseIt: true,
         //                },
         //             ]
         //          },{
         //             id: 32,
         //             choseIt: false,
         //             child: [
         //                {
         //                   id: 321,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 322,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 323,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 324,
         //                   choseIt: false,
         //                },
         //             ]
         //          },{
         //             id: 33,
         //             choseIt: false,
         //             child: [
         //                {
         //                   id: 331,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 332,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 333,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 334,
         //                   choseIt: false,
         //                },
         //             ]
         //          },{
         //             id: 34,
         //             choseIt: false,
         //             child: [
         //                {
         //                   id: 341,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 342,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 343,
         //                   choseIt: false,
         //                },
         //                {
         //                   id: 344,
         //                   choseIt: false,
         //                },
         //             ]
         //          },
         //       ]
         //    },
         // ],
         data: [{
            title: '采集站点'
            , id: 1
            , field: '1'
            // , checked: true
            , spread: true
            , children: [{
               title: '南矶山保护区'
               , id: 11
               , field: '1-1'
               // , checked: true
               , spread: true
               , children: [{
                  title: '北深渊'
                  , id: 111
                  , field: '1-1-1'
                  , checked: true
               }, {
                  title: '东湖'
                  , id: 112
                  , field: '1-1-2'
                  , checked: true
               }, {
                  title: '矶山'
                  , id: 113
                  , field: '1-1-3'
                  , checked: true
               }, {
                  title: '打钟山'
                  , id: 114
                  , field: '1-1-4'
                  , checked: false
                  // , spread: true
               }]
            }, {
               title: '五星白鹤保护区'
               , id: 12
               , field: '1-2'
               , checked: false
               , spread: false
               , children: [{
                  title: '北深渊'
                  , id: 121
                  , field: '1-2-1'
               }, {
                  title: '东湖'
                  , id: 122
                  , field: '1-2-2'
               }, {
                  title: '矶山'
                  , id: 123
                  , field: '1-2-3'
               }, {
                  title: '打钟山'
                  , id: 124
                  , field: '1-2-4'
               }]
            }, {
               title: '都昌候鸟省级自然保护区'
               , id: 13
               , field: '1-3'
               , checked: false
               , spread: false
               , children: [{
                  title: '北深渊'
                  , id: 131
                  , field: '1-3-1'
               }, {
                  title: '东湖'
                  , id: 132
                  , field: '1-3-2'
               }, {
                  title: '矶山'
                  , id: 133
                  , field: '1-3-3'
               }, {
                  title: '打钟山'
                  , id: 134
                  , field: '1-3-4'
               }]
            }, {
               title: '都昌北鄱阳湿地公园'
               , id: 14
               , field: '1-4'
               , checked: false
               , spread: false
               , children: [{
                  title: '北深渊'
                  , id: 141
                  , field: '1-4-1'
               }, {
                  title: '东湖'
                  , id: 142
                  , field: '1-4-2'
               }, {
                  title: '矶山'
                  , id: 143
                  , field: '1-4-3'
               }, {
                  title: '打钟山'
                  , id: 144
                  , field: '1-4-4'
               }]
            }],
         }, {
            title: '检测站点'
            , id: 2
            , field: '2'
            , checked: true
            , spread: false
            , children: [{
               title: '南矶山保护区'
               , id: 21
               , field: '2-1'
               , children: [{
                  title: '北深渊'
                  , id: 211
                  , field: '2-1-1'
               }, {
                  title: '东湖'
                  , id: 212
                  , field: '2-1-2'
               }, {
                  title: '矶山'
                  , id: 213
                  , field: '2-1-3'
               }, {
                  title: '打钟山'
                  , id: 214
                  , field: '2-1-4'
               }]
            }, {
               title: '五星白鹤保护区'
               , id: 22
               , field: '2-2'
               , children: [{
                  title: '北深渊'
                  , id: 221
                  , field: '2-2-1'
               }, {
                  title: '东湖'
                  , id: 222
                  , field: '2-2-2'
               }, {
                  title: '矶山'
                  , id: 223
                  , field: '2-2-3'
               }, {
                  title: '打钟山'
                  , id: 224
                  , field: '2-2-4'
               }]
            }, {
               title: '都昌候鸟省级自然保护区'
               , id: 23
               , field: '2-3'
               , children: [{
                  title: '北深渊'
                  , id: 231
                  , field: '2-3-1'
               }, {
                  title: '东湖'
                  , id: 232
                  , field: '2-3-2'
               }, {
                  title: '矶山'
                  , id: 233
                  , field: '2-3-3'
               }, {
                  title: '打钟山'
                  , id: 234
                  , field: '2-3-4'
               }]
            }, {
               title: '都昌北鄱阳湿地公园'
               , id: 24
               , field: '2-4'
               , children: [{
                  title: '北深渊'
                  , id: 241
                  , field: '2-4-1'
               }, {
                  title: '东湖'
                  , id: 242
                  , field: '2-4-2'
               }, {
                  title: '矶山'
                  , id: 243
                  , field: '2-4-3'
               }, {
                  title: '打钟山'
                  , id: 244
                  , field: '2-4-4'
               }]
            }],
         }, {
            title: '监控站点'
            , id: 3
            , field: '3'
            , checked: true
            , spread: false
            , children: [{
               title: '南矶山保护区'
               , id: 31
               , field: '3-1'
               , children: [{
                  title: '北深渊'
                  , id: 311
                  , field: '3-1-1'
               }, {
                  title: '东湖'
                  , id: 312
                  , field: '3-1-2'
               }, {
                  title: '矶山'
                  , id: 313
                  , field: '3-1-3'
               }, {
                  title: '打钟山'
                  , id: 314
                  , field: '3-1-4'
               }]
            }, {
               title: '五星白鹤保护区'
               , id: 32
               , field: '3-2'
               , children: [{
                  title: '北深渊'
                  , id: 321
                  , field: '3-2-1'
               }, {
                  title: '东湖'
                  , id: 322
                  , field: '3-2-2'
               }, {
                  title: '矶山'
                  , id: 323
                  , field: '3-2-3'
               }, {
                  title: '打钟山'
                  , id: 324
                  , field: '3-2-4'
               }]
            }, {
               title: '都昌候鸟省级自然保护区'
               , id: 33
               , field: '3-3'
               , children: [{
                  title: '北深渊'
                  , id: 331
                  , field: '3-3-1'
               }, {
                  title: '东湖'
                  , id: 332
                  , field: '3-3-2'
               }, {
                  title: '矶山'
                  , id: 333
                  , field: '3-3-3'
               }, {
                  title: '打钟山'
                  , id: 334
                  , field: '3-3-4'
               }]
            }, {
               title: '都昌北鄱阳湿地公园'
               , id: 34
               , field: '3-4'
               , children: [{
                  title: '北深渊'
                  , id: 341
                  , field: '3-4-1'
               }, {
                  title: '东湖'
                  , id: 342
                  , field: '3-4-2'
               }, {
                  title: '矶山'
                  , id: 343
                  , field: '3-4-3'
               }, {
                  title: '打钟山'
                  , id: 344
                  , field: '3-4-4'
               }]
            }],
         }],
         destroy: function () {
            //销毁的时候触发
            //todo