liuyg
2021-06-03 852e4fe5dc39ed29f17f766480e561b5d586273e
widgets/searchL/Widget.js
@@ -34,15 +34,26 @@
               console.log("gjz");
               $("#i-f-zb").css({ 'backgroundColor': '#fff', 'color': '#000' });
               $("#i-f-gjz").css({ 'backgroundColor': '#3E9FFC', 'color': '#fff' });
               $("#inputTwo").css({ 'display': 'none' });
               $("#local_data").css({ 'display': 'inline-block' });
               // $("#inputTwo").css({ 'display': 'none' });
               // $("#local_data").css({ 'display': 'inline-block' });
               $("#inputTwo").hide();
               $("#local_data").show();
            })
            $("#i-f-zb").click(function () {
               console.log("zb");
               $("#i-f-gjz").css({ 'backgroundColor': '#fff', 'color': '#000' });
               $("#i-f-zb").css({ 'backgroundColor': '#3E9FFC', 'color': '#fff' });
               $("#local_data").css({ 'display': 'none' });
               $("#inputTwo").css({ 'display': 'inline-block' });
               // $("#local_data").css({ 'display': 'none' });
               // $("#inputTwo").css({ 'display': 'inline-block' });
               $("#inputTwo").show();
               $("#local_data").hide();
            })
            $(".searchImg").click(function () {
               $('.searchLMain').show();
            })
            $(".searchColce").click(function () {
               $('.searchLMain').hide();
            })
            // 暴露在外的接口
@@ -139,10 +150,87 @@
            // if (item != this.name) {
            //    $('.tool-y-box').hide();
            // }
         },
         onOpen: function () {
            //面板打开的时候触发 (when open this panel trigger)
            //面板打开的时候触发 (when open this panel trigger)layui.use(function(){
            var data = [
               {
                  "id": 1,
                  "username": "东湖",
                  "style1": "属性1",
                  "style2": "属性2",
               },
               {
                  "id": 2,
                  "username": "南矶山",
                  "style1": "属性1",
                  "style2": "属性2",
               },
               {
                  "id": 3,
                  "username": "东湖",
                  "style1": "属性1",
                  "style2": "属性2",
               },
               {
                  "id": 4,
                  "username": "南矶山",
                  "style1": "属性1",
                  "style2": "属性2",
               },
               {
                  "id": 5,
                  "username": "东湖",
                  "style1": "属性1",
                  "style2": "属性2",
               },
               {
                  "id": 6,
                  "username": "南矶山",
                  "style1": "属性1",
                  "style2": "属性2",
               },
               {
                  "id": 7,
                  "username": "东湖",
                  "style1": "属性1",
                  "style2": "属性2",
               },
               {
                  "id": 8,
                  "username": "南矶山",
                  "style1": "属性1",
                  "style2": "属性2",
               },
               {
                  "id": 9,
                  "username": "东湖",
                  "style1": "属性1",
                  "style2": "属性2",
               },
               {
                  "id": 10,
                  "username": "南矶山",
                  "style1": "属性1",
                  "style2": "属性2",
               },
               {
                  "id": 11,
                  "username": "东湖",
                  "style1": "属性1",
                  "style2": "属性2",
               },
               {
                  "id": 12,
                  "username": "南矶山",
                  "style1": "属性1",
                  "style2": "属性2",
               },
            ];
            this.beginLayUi(data);
         },
         onClose: function () {
@@ -160,6 +248,43 @@
         resize: function () {
         },
         beginLayUi: function (data) {
            layui.use(function () {
               var element = layui.element
                  , table = layui.table //表格
                  , laypage = layui.laypage; //分页
               table.render({
                  elem: '#test'
                  // , url: './data'
                  , height: 475
                  , page: { //支持传入 laypage 组件的所有参数(某些参数除外,如:jump/elem) - 详见文档
                     // layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                     layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                     //,curr: 5 //设定初始在第 5 页
                     , groups: 3 //只显示 1 个连续页码
                     , first: false //不显示首页
                     , last: false //不显示尾页
                  }
                  , cols: [[
                     { field: 'id', width: 70, align: 'center', title: '序号' }
                     , { field: 'username', width: 90, align: 'center', title: '图层名称' }
                     , { field: 'style1', width: 95, align: 'center', title: '图层属性1' }
                     , { field: 'style2', width: 95, align: 'center', title: '图层属性2' }
                     , { fixed: 'right', width: 120, align: 'center', title: '操作', toolbar: '#demoTable' }
                  ]],
                  data: data,
                  //,skin: 'line' //表格风格
                  even: true
                  // , page: true //是否显示分页
                  , limits: false
                  , limit: 10 //每页默认显示的数量
               });
               //…
            });
         },
         destroy: function () {