民权县12345_前端

zuoXiTable.html 3.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  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">
  62. <option value="">请选择</option>
  63. </select>
  64. </div>
  65. <div class="time-box form-group">
  66. <i class="tub fa fa-calendar"></i>
  67. <input class="form-control" type="text" id="startTime" placeholder="请选择时间">
  68. </div>
  69. <div class="form-group">
  70. <input class="form-control" type="text" id="dayss" placeholder="月工作天数">
  71. </div>
  72. <div class="form-group tool_bars pull-right">
  73. <button class="btns sear">搜索</button>
  74. <a class="btns export">导出</a>
  75. </div>
  76. </div>
  77. </div>
  78. <div class="zxt-table" style="width: 100%;">
  79. <div class="table-head">
  80. <table id="thead" class="table table-hover table-striped table-bordered table-condensed">
  81. <colgroup>
  82. <col style="width: 150px;"/>
  83. <col/>
  84. </colgroup>
  85. <thead>
  86. <tr>
  87. </tr>
  88. </thead>
  89. </table>
  90. </div>
  91. <div class="table-body">
  92. <table class="thTable table table-hover table-striped table-bordered table-condensed">
  93. <colgroup>
  94. <col style="width: 150px;"/>
  95. <col/>
  96. </colgroup>
  97. <tbody>
  98. </tbody>
  99. </table>
  100. </div>
  101. </div>
  102. </div>
  103. <script src="../js/jquery.min.js?v=2.1.4"></script>
  104. <script src="../js/bootstrap.min.js?v=3.3.6"></script>
  105. <script src="../js/jquery.cookie.js"></script>
  106. <script src="../js/laydate/laydate.js"></script>
  107. <script src="../js/select2/js/select2.min.js"></script>
  108. <script src="js/zuoXiTable.js"></script>
  109. </body>
  110. </html>