| | |
| | | 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(); |
| | | }) |
| | | |
| | | // 暴露在外的接口 |
| | |
| | | // 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 () { |
| | |
| | | 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 () { |