dever-package
/
manage


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
							

<!DOCTYPE html>
<html>
<head>
  <script class="include" system="" path="inc/" file="head">include()</script>
  <link rel="stylesheet" href="../script/lib/layui/admin/modules/plugin/formselects/formselects.css" media="all" />
</head>
<body> 
<style id="addstyle">
</style>
<style>
.layui-table-cell .layui-select,.layui-table-cell .layui-input
{
    height: 25px;
}
.layui-table-cell {
    height: auto;
}
.layui-card-header {
    padding: 0px 5px;
}

.table th,.table td {
  min-width: 60px;
}
#table_2,#table_1 {
  /*overflow: auto;*/
}
.layui-btn-xs
{
  margin-top:1px;
}
.dever-emoji img {
  width:16px;
}
.layui-tab-title {
  height: 100%;
  white-space: inherit;
}
.layui-form-item .layui-input-inline {
    display: block;
    float: none;
    left: -3px;
    margin: 0px 0px 0px 0px;
}
.chart {
  width: 100%;
  height:300px;
}
.table-header-fixed {
    top: -1px;
    position: sticky;
    z-index: 999;
}
.goods_table {
  width: 100%;
}
.goods_table th
{
  text-align: center;
}
.goods_table td
{
  text-align: center;
}
.layui-table-tool-temp{
  display: none;
}
</style>
<div id="load_style" style="display:none;">
</div>
<span id="dever-name" style="display:none;"></span>
<div class="topbar">
    <div class="banner dever-layout" style="display:none;">
        <a target="_blank"><img src="#"></a>
        <span>项目名称</span>
    </div>
</div>

<div id="content_1" style="display:none;"></div>
<div id="content_2">
  <div class="layui-fluid">

    <div class="layui-card" id="stat_data_card">
      <div class="layui-card-header">数据概览</div>
      <div class="layui-card-body">

        <div class="layui-carousel layadmin-carousel layadmin-backlog">
          <div carousel-item>
            <ul class="layui-row layui-col-space10" id="stat_data">
              <li class="layui-col-xs3">
                <a class="layadmin-backlog-body">
                  <h3>待审评论</h3>
                  <p><cite>66</cite></p>
                </a>
              </li>
              
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="layui-card">
      <input type="hidden" name="url1" id="url" value=""/>

      <form id="form1" name="form1" method="get" target="f1">
      <input type="hidden" name="l" id="l" value="msg"/>
      <input type="hidden" name="project" id="project" value="msg"/>
      <input type="hidden" name="table" id="tables" value="msg"/>
      <input type="hidden" name="menu" id="menu" value="msg"/>
      <input type="hidden" name="menu_id" id="menu_id" value="msg"/>
      <input type="hidden" name="search_option_state" id="search_option_state" value="msg"/>

      <input type="hidden" name="function" id="function" value="msg"/>
      <input type="hidden" name="method" id="method" value="search"/>
      <div id="search_param"></div> 
      <iframe id="f1" name="f1" style="display:none;"></iframe>
      <div class="layui-card-header" style="display: none;"><span id="list-project">网站设置</span> > <span id="list-name"></span></div>
      <div class="layui-card-body" id="search_content">

        <div class="layui-form layui-card-header layuiadmin-card-header-auto">
          <div class="layui-form-item">
            <div id="search"></div>
          </div>
        </div>
      </div>
      <div class="layui-card-body">

        <div id="list-button" style="padding-bottom: 10px;">
          <a class="layui-btn layuiadmin-btn-list" data-type="add" id="list-parent" style="display:none;margin-right: 10px;">返回上一页</a>

          <a class="layui-btn layuiadmin-btn-list" data-type="add" id="list-add" style="margin-left: 0px;">新增</a>

        </div>
        
        <div class="dever_desc" id="info"></div>
        
        <div id="table_1" style="display:none;"></div>
        <div id="table_2"> 
          <div id="chart" class="chart"></div>
          <table class="table layui-table layui-table-body" id="table">
          <thead id="list-thead">
              <tr>
                  <th>Company</th>
              </tr>
          </thead>
          <tbody id="list-tbody">
              <tr>
                  <th></th>
              </tr>      
              
          </tbody>
      </table>

      <div id="mul"></div>
      <div id="page" style="display:none"></div>
      <div class="dever_desc" id="desc"></div>
        </div>
      </div>
       </div>
        </div>
      </form>
      <form id="form2" name="form2" method="get" style="display: none;"></form>
      <div id="struct" style="display:none;"></div>
    </div>
  </div>
</div>

  <script class="include" system="" path="inc/" file="script">include()</script>
  <script id="list-thead-data">
    config.table = {};
    config.table.limit = 20;
    config.table.cols = [];
  </script>
  <script id="list-tbody-data">
    config.table.data = [];
  </script>
  <script>
  layui.config({
    base: '../script/lib/layui/admin/' //静态资源所在路径
    ,version:true
  }).extend({
    formSelects: 'plugin/formselects/formselects',
    index: 'lib/index' //主入口模块
  }).use(['index', 'contlist', 'table', 'form', 'formSelects', 'console'], function(){
    var table = layui.table;
    var form = layui.form; 
    var formSelects = layui.formSelects;

    if ($('#content_2').css('display') != 'none') {
      var bw = document.body.scrollWidth;
      var sw = $('#content_2').width();
      if (sw > 0 && bw > sw) {
          $('body').css({'width' : 'fit-content'});
      }
    } else {
      //$('#table_1').css({'overflow' : 'auto'});
      //$('#table_2').css({'overflow' : 'auto'});
    }

    if (config.table.cols.length > 0) {
      table.render({
        elem: '#table'
        ,page: false
        ,limit:config.table.limit
        //,toolbar:'default'
        //,defaultToolbar:["filter","exports","print"]
        ,cols: config.table.cols
        ,data: config.table.data
        ,done:function(res, curr, count) {
            $('#page').show();
            let headerTop = $('.layui-table-header').offset().top; //获取表格头到文档顶部的距离
            $(window).scroll(function () {
               if (count > 3 && (headerTop - $(window).scrollTop()) < 0) { //超过了
                   $('.layui-table-header').addClass('table-header-fixed'); //添加样式，固定住表头
               } else { //没超过
                   $('.layui-table-header').removeClass('table-header-fixed'); //移除样式
               }
            });
        }
      });
    } else {
      $('#page').show();
      var count = $('#list-tbody tr').length;
      let headerTop = $('#list-thead').offset().top; //获取表格头到文档顶部的距离
      $(window).scroll(function () {
         if (count > 3 && (headerTop - $(window).scrollTop()) < 100) { //超过了
             $('#list-thead').addClass('table-header-fixed'); //添加样式，固定住表头

             /*
             $('#list-thead th').each(function (k, v) {
                  var width = $('#list-tbody td').eq(k).width() + 0.9;
                  //$(v).width(width + 1);
                  $(v).css({'min-width': width});
              });*/
         } else { //没超过
             $('#list-thead').removeClass('table-header-fixed'); //移除样式
         }
      });
    }
    init();

    if ($('.dever-manage').length) {
      $('.dever-manage').click(function()
      {
        showMsg('数据结构', $(this), '#struct');
      })
    }

    //滚动body,header跟随滚动
    $('.layui-table-body').on('scroll', function(e) {
        var leftPx = $(e.target).scrollLeft(); //获取表格body，滚动条距离左边的长度
        var left = 'translateX(-' + leftPx + 'px)';
        $('.layui-table-header .layui-table').css('transform', left); //设置表格header的内容反向(-)移动
    });
  });
  </script>
</body>
</html>