虞城12345_前端

zuoXiTable.html 3.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>坐席工作报表</title>
  7. <!--[if lt IE 9]>
  8. <meta http-equiv="refresh" content="0;ie.html" />
  9. <![endif]-->
  10. <script src="../Script/Common/huayi.load.js"></script>
  11. <script src="../Script/Common/huayi.config.js"></script>
  12. <link href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
  13. <link href="../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
  14. <link href="../css/animate.min.css" rel="stylesheet">
  15. <link href="../css/style.min862f.css?v=4.1.0" rel="stylesheet">
  16. <!--<link rel="stylesheet" href="../css/laydate/need/laydate.css" />-->
  17. <link rel="stylesheet" href="../js/select2/css/select2.min.css" />
  18. <link rel="stylesheet" href="../css/init.css" />
  19. <style>
  20. .clearfix:after {
  21. content: "";
  22. display: block;
  23. clear: both;
  24. }
  25. .zxt-content{
  26. width: 95%;
  27. margin: 0 auto;
  28. }
  29. .zxt-table table{
  30. font-size: 12px;
  31. }
  32. .zxt-table table thead tr td {
  33. background: #00a1cb;
  34. color: #fff;
  35. }
  36. #thead thead th{
  37. background: #00a0cd;
  38. color: #fff;
  39. }
  40. table thead, tbody tr {
  41. display:table;
  42. width:100%;
  43. table-layout:fixed;
  44. }
  45. .table{
  46. margin-bottom: 0;
  47. }
  48. </style>
  49. </head>
  50. <body class="gray-bg">
  51. <div class="daoHang clearfix">
  52. <div class="dhLeft">
  53. <sapn><i class="syIcon"></i>位置:<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">报表管理</a>&gt;<a href="" class="nowPosition">坐席工作报表</a></sapn>
  54. </div>
  55. <div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
  56. </div>
  57. <div class="zxtable wrapper wrapper-content">
  58. <div class="th-top clearfix">
  59. <div class="form-inline th-bar clearfix">
  60. <div class="time-box form-group">
  61. <select class="form-control" name="" id="bumen"> </select>
  62. </div>
  63. <div class="time-box form-group">
  64. <i class="tub fa fa-calendar"></i>
  65. <input class="form-control" type="text" id="startTime" placeholder="请选择时间">
  66. </div>
  67. <div class="form-group">
  68. <input class="form-control" type="text" id="dayss" placeholder="月工作天数">
  69. </div>
  70. <div class="form-group tool_bars pull-right">
  71. <button class="btns sear">搜索</button>
  72. <a class="btns export">导出</a>
  73. </div>
  74. </div>
  75. </div>
  76. <div class="zxt-table" style="width: 100%;">
  77. <div class="table-head">
  78. <table id="thead" class="table table-hover table-striped table-bordered table-condensed">
  79. <colgroup>
  80. <col style="width: 150px;"/>
  81. <col/>
  82. </colgroup>
  83. <thead>
  84. <tr>
  85. </tr>
  86. </thead>
  87. </table>
  88. </div>
  89. <div class="table-body">
  90. <table class="thTable table table-hover table-striped table-bordered table-condensed">
  91. <colgroup>
  92. <col style="width: 150px;"/>
  93. <col/>
  94. </colgroup>
  95. <tbody>
  96. </tbody>
  97. </table>
  98. </div>
  99. </div>
  100. </div>
  101. <script src="../js/jquery.min.js?v=2.1.4"></script>
  102. <script src="../js/bootstrap.min.js?v=3.3.6"></script>
  103. <script src="../js/jquery.cookie.js"></script>
  104. <script src="../js/laydate/laydate.js"></script>
  105. <script src="../js/select2/js/select2.min.js"></script>
  106. <script src="js/zuoXiTable.js"></script>
  107. </body>
  108. </html>