From 852e4fe5dc39ed29f17f766480e561b5d586273e Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Thu, 03 Jun 2021 11:04:19 +0800
Subject: [PATCH] 搜索框 和工具栏的补充，去除图层按钮
---
widgets/searchL/Widget.js | 135 +++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 130 insertions(+), 5 deletions(-)
diff --git a/widgets/searchL/Widget.js b/widgets/searchL/Widget.js
index 3c6bffa..773324c 100644
--- a/widgets/searchL/Widget.js
+++ b/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 () {
--
Gitblit v1.9.3