搜索表格样式

liuyg

2021-06-07 adc5e7f2be3e1546f011776abe58110d98754246

搜索表格样式

 widgets/LeftNavigationBar/css/style.css

@@ -116,21 +116,6 @@
  height: auto !important;
}

.layui-tree-iconArrow:after {
  /* border-color: #c0c4cc transparent transparent transparent !important; */
  /* border-color: attr(data-attr) !important; */
}

/* #11 .layui-tree-iconArrow:after{
  border-color: #c0c4cc  transparent transparent transparent !important;
} */

/* .downsAfter {
  border-color: #c0c4cc transparent transparent transparent !important;
}
.rightsAfter {
  border-color: #c0c4cc transparent transparent transparent !important;
} */

.left-navigation-bar-main-down:after {
  content: "";

 widgets/searchL/Widget.js

@@ -56,94 +56,7 @@
                    $('.searchLMain').hide();
                })

                // 暴露在外的接口
                // topic.subscribe("closeTool", lang.hitch(this, this.closeToolBox));
                // this.inherited(arguments);
                // $('.tool-bar .tool-btn span').click(function () {
                //     topic.publish('closeMap', this.name);
                //     topic.publish('closeZtree', this.name);
                //     $('.tool-y-box').toggle();
                // })


                // 查询定位
                // $('.location-tool').click(function () {
                //     $('.jimu-widget-Location').show();
                //     $('.jimu-widget-FlyRoute').hide();
                //     $('.jimu-widget-Sign').hide();
                //     $('.jimu-widget-DynamicRiver').hide();
                //     $('.jimu-widget-Measurement').hide();
                //     $('.tool-y-box').toggle()
                // })


                // 图上量算
                // $('.measure-tool').click(function () {
                //     $('.jimu-widget-Location').hide();
                //     $('.jimu-widget-Measurement').show();
                //     $('.jimu-widget-Sign').hide();
                //     $('.jimu-widget-FlyRoute').hide();
                //     $('.jimu-widget-DynamicRiver').hide();
                //     $('.tool-y-box').toggle()
                // })

                // 我的标记
                // $('.sign-tool').click(function () {
                //     topic.publish('openSign', 'Sign');
                //     $('.jimu-widget-Location').hide();
                //     $('.jimu-widget-Sign').show();
                //     $('.jimu-widget-Measurement').hide();
                //     $('.jimu-widget-FlyRoute').hide();
                //     $('.jimu-widget-DynamicRiver').hide();
                //     $('.tool-y-box').toggle()
                // })

                // 卷帘对比
                // $('.rolling-tool').click(function () {
                //     topic.publish('openRolling', 'Rolling');
                //     $('.jimu-widget-Location').hide();
                //     $('.jimu-widget-Rolling').show();
                //     $('#widgets_Rolling_Widget_17').show();
                //     $('.jimu-widget-Measurement').hide();
                //     $('.jimu-widget-FlyRoute').hide();
                //     $('.jimu-widget-DynamicRiver').hide();
                //     $('.tool-y-box').toggle();
                // })

                // 坐标定位
                // $('.CoorPosition-tool').click(function () {
                //     $('.jimu-widget-CoorPosition').show();
                //     $('.jimu-widget-Location').hide();
                //     $('.jimu-widget-Measurement').hide();
                //     $('.jimu-widget-Sign').hide();
                //     $('.jimu-widget-FlyRoute').hide();
                //     $('.jimu-widget-DynamicRiver').hide();
                //     $('.tool-y-box').toggle()
                // })

                // 地图打印
                // $('.MapPrinting-tool').click(function () {
                //     $('.jimu-widget-Location').hide();
                //     $('.jimu-widget-MapPrinting').show();
                //     $('.jimu-widget-CoorPosition').hide();
                //     $('.jimu-widget-Measurement').hide();
                //     $('.jimu-widget-Sign').hide();
                //     $('.jimu-widget-FlyRoute').hide();
                //     $('.jimu-widget-DynamicRiver').hide();
                //     $('.tool-y-box').toggle()
                // })

                // 路线导航
                // $('.RouteNavigate-tool').click(function () {
                //     $('.jimu-widget-RouteNavigate').show();
                //     $('.jimu-widget-MapPrinting').hide();
                //     $('.jimu-widget-CoorPosition').hide();
                //     $('.jimu-widget-Measurement').hide();
                //     $('.jimu-widget-Sign').hide();
                //     $('.jimu-widget-FlyRoute').hide();
                //     $('.jimu-widget-DynamicRiver').hide();
                //     $('.tool-y-box').toggle()
                // })
			
            },

            closeToolBox: function (item) {
@@ -267,11 +180,11 @@
                            , last: false //不显示尾页
                        }
                        , cols: [[
                            { field: 'id', width: 70, align: 'center', title: '序号' }
                            { field: 'id', width: 59, 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' }
                            , { fixed: 'right', width: 115, align: 'center', title: '操作', toolbar: '#demoTable' }
                        ]],
                        data: data,
                        //,skin: 'line' //表格风格

 widgets/searchL/css/style.css

@@ -105,31 +105,59 @@
}

.jimu-widget-searchL .searchLMain {
  display: none;
  display: block;
  position: fixed;
  right: 5px;
  top: 70px;
  width: 479px;
  min-height: 560px;
  width: 462px;
  min-height: 554px;
  height: auto;
  padding-bottom: 20px;
  border-radius: 5px 5px 5px 5px;
  background-color: aliceblue;
  background-color: rgb(255, 255, 255);
}

.jimu-widget-searchL .searchLMain .layui-laypage-em{
  background-color: #39A5FD;
}
.jimu-widget-searchL .searchLMain .layui-this{
  color: #39A5FD;
}
.jimu-widget-searchL .searchLMain .layui-btn-xs{
  background-color: #39A5FD;
}
.jimu-widget-searchL .searchLMain .layui-btn-primary{
  background-color: #ffffff;
}
.jimu-widget-searchL .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
  border-bottom: 2px solid #39A5FD;
}
.jimu-widget-searchL .searchLMain .layui-tab-title {
  /* border: 1px saddlebrown solid; */
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.jimu-widget-searchL .searchLMain .layui-tab-title li {
  font-size: 18px;
}
.jimu-widget-searchL .searchLMain  .layui-table-view{
  border-bottom: 1px #fff solid;
}
.jimu-widget-searchL .searchLMain #layui-table-page1 {
  position: relative;
  left: 30px;
  top: 5px;
}
.jimu-widget-searchL .searchLMain #layui-table-page1::before {
 content: '每页10条，';
 position: relative;
 top: -4px;
}
.jimu-widget-searchL .searchLMain .searchColce {
  /* border: 1px saddlebrown solid; */
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 20px;
  font-size: 16px;
  color: #000;
  width: 25px;
  height: 25px;