statistical.html 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. {extend name="public/layout"/} {block name="title"}在施工地{/block} {block name="body"}
  2. <link rel="stylesheet" href="__STATIC__/css/csspc.css">
  3. <link rel="stylesheet" href="__STATIC__/css/font.css">
  4. <style>
  5. html,body{height:100vh;min-width: 1100px;}
  6. .body{height: 100%;overflow: hidden;background: #F6F7FB;}
  7. .bodys_top,.bodys_b{background: #fff;border-radius: 8px;}
  8. .bodys_top ul li{width:20%;font-size: 16px;color:#999;margin-bottom: 30px;float:left;}
  9. .search-ico{top:23%;right:5%;color:#249EFB;font-size: 20px;}
  10. .bodys_b{height: 75vh;}
  11. </style>
  12. <body>
  13. <div class="width97_ wauto bodys">
  14. <div class="bodys_top mdt16 pdt30">
  15. <ul class="width96_ wauto woverflow">
  16. <li>交定:{$data.ok_deposit}单</li>
  17. <li>平均交定:{$data.avg_deposit}单</li>
  18. <li>合同:{$data.ok_money}元</li>
  19. <li>平均合同:{$data.avg_money}元</li>
  20. <li>学分:{$data.ok_credit}分</li>
  21. <li>平均学分:{$data.avg_credit}分</li>
  22. </ul>
  23. </div>
  24. <div class="bodys_b mdt16 woverflow">
  25. <div class="width96_ wauto woverflow">
  26. <div class="layui-form-item mdt20">
  27. <div class="layui-input-inline wpsr" style="width: 23%;">
  28. <input type="text" name="name" required id="keyword" lay-verify="required" placeholder="请输入搜索内容" autocomplete="off" class="layui-input">
  29. <i class="fa fa-search search-ico wpsa href" aria-hidden="true" id="search"></i>
  30. </div>
  31. </div>
  32. <div class="datalist">
  33. <table id="grant" lay-filter="grant" style="margin-top:15px;"></table>
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38. </body>
  39. {/block} {block name="js"}
  40. <script>
  41. layui.config({
  42. base: '__LAYUI__/',
  43. urlbase: '/sys'
  44. }).extend({
  45. index: 'lib/index' //主入口模块
  46. }).use(['index', 'form','table'], function() {
  47. var $ = layui.$,
  48. table = layui.table,
  49. form = layui.form;
  50. table.render({
  51. elem: '#grant',
  52. url: '{:url("preformanceTasks/statistical_list")}?id='+"{$id}&org_id="+"{$org_id}",
  53. page: true,
  54. height: '400vh',
  55. cols: [
  56. [{
  57. type: 'numbers',
  58. field: 'id',
  59. fixed: 'left',
  60. title: '序号',
  61. }, {
  62. field: 'name',
  63. title: '姓名',
  64. }, {
  65. field: 'deposit',
  66. title: '交定(个)',
  67. }, {
  68. field: 'money',
  69. title: '合同(元)',
  70. }, {
  71. field: 'credit',
  72. title: '学分(分)',
  73. }]
  74. ],
  75. text: '对不起,加载出现异常!'
  76. });
  77. $('#search').click(function(){
  78. var keyword = $('#keyword').val();
  79. //执行重载
  80. table.reload('grant', {
  81. where: {keyword:keyword}
  82. , page: { curr: 1 }
  83. });
  84. });
  85. })
  86. </script>
  87. {/block}