数据图表的查询渲染

liuyg

2021-06-10 df1c052d1f0d368cb78ebb1831980745bca11edc

 widgets/searchL/css/style.css

@@ -3,14 +3,14 @@
  font-size: 14px;
  height: 35px !important;
  line-height: 32px;
  width: 300px !important;
  width: 320px !important;
  top: 20px !important;
  left: calc(50% - 150px) !important;
  /* left: calc(100%-300); */
  /* 240px */
  background: rgba(255, 255, 255, 1);
  color: #000;
  border-right: 1px solid #000;
  /* border-right: 1px solid #000; */
  border-radius: 6px 6px 6px 6px;
  text-align: center;
  /* cursor: pointer; */
@@ -24,17 +24,18 @@
  height: 35px;
  /* color: #fff; */
  display: flex;
  font-size: 16px;
  font-size: 14px;
  align-items: center;
  justify-content: center;
  border-right: 1px solid rgba(0, 0, 0, .2);
  cursor: pointer;
}

.jimu-widget-searchL .input-sms {
  width: 260px;
  width: 280px;
  height: 35px;
  line-height: 40px;
  font-size: 16px;
  font-size: 14px;
  text-indent: 8px;
  outline: 0;
  float: left;
@@ -50,18 +51,23 @@

.jimu-widget-searchL #inputTwo {
  display: none;
  width: 260px;
  width: 280px;
  height: 35px;
  font-size: 16px;
  font-size: 14px;
  align-items: center;
  justify-content: center;
}

.jimu-widget-searchL #inputTwo #local_data2 {
  position: relative;
  left: -5px;
}

.jimu-widget-searchL .input-sms1 {
  width: 90px;
  height: 35px;
  line-height: 40px;
  font-size: 16px;
  font-size: 14px;
  text-indent: 8px;
  outline: 0;
  float: left;
@@ -75,21 +81,124 @@
  /* border-radius: 0px 5px 5px 0px; */
}

.jimu-widget-searchL .input_img {
  border-left: 1px solid rgba(0, 0, 0, .2);
}

.jimu-widget-searchL .input-sms1::-webkit-input-placeholder, .jimu-widget-searchL .input-sms::-webkit-input-placeholder {
  color: #000;
  color: #afafaf;
  font-size: 14px;
}

.jimu-widget-searchL .input-sms1::-moz-placeholder, .jimu-widget-searchL .input-sms::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000;
  color: #afafaf;
  font-size: 14px;
}

.jimu-widget-searchL .input-sms1:-moz-placeholder, .jimu-widget-searchL .input-sms:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000;
  color: #afafaf;
  font-size: 14px;
}

.jimu-widget-searchL .input-sms1::-ms-input-placeholder, .jimu-widget-searchL .input-sms::-ms-input-placeholder {
  color: #000;
  color: #afafaf;
  font-size: 14px;
}
}

.jimu-widget-searchL .searchLMain {
  display: none;
  position: fixed;
  right: 5px;
  top: 70px;
  width: 462px;
  min-height: 554px;
  height: auto;
  padding-bottom: 20px;
  border-radius: 5px 5px 5px 5px;
  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, .jimu-widget-searchL .searchLMain #layui-table-page2, .jimu-widget-searchL .searchLMain #layui-table-page3 {
  position: relative;
  left: 30px;
  top: 5px;
}

.jimu-widget-searchL .searchLMain #layui-table-page1::before, .jimu-widget-searchL .searchLMain #layui-table-page2::before, .jimu-widget-searchL .searchLMain #layui-table-page3::before {
  content: '每页10条，';
  position: relative;
  top: -4px;
} */
.jimu-widget-searchL .searchLMain [id^='layui-table-page']{
  position: absolute;
  left: 20px;
  top: 5px;
}

.jimu-widget-searchL .searchLMain [id^='layui-table-page']::before {
  content: '每页10条，';
  position: relative;
  top: -4px;
}

.jimu-widget-searchL .searchLMain .searchColce {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 16px;
  color: #000;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 15;
  cursor: pointer;
}

.jimu-widget-searchL .searchLMain .searchColce:hover {
  color: red;
}

.layui-table-tips-c:before {
  position: relative;
  right: 1px;
  top: -3px;
}