review.html 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>质检审查</title>
  6. <link href="/css/bootstrap.min.css" rel="stylesheet">
  7. <link href="/css/page.css" rel="stylesheet">
  8. <script src="/js/jquery.js"></script>
  9. <script src="/js/bootstrap.min.js"></script>
  10. <script src="/js/util.js"></script>
  11. <script src="/js/vue.min.js"></script>
  12. <script src="/js/index.js"></script>
  13. <script src="/js/jquery-page.js"></script>
  14. <script src="/datatables.net/js/jquery.dataTables.min.js"></script>
  15. <script src="/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
  16. <link rel="stylesheet" href="/css/index.css">
  17. <link rel="stylesheet" href="/datatables.net-bs/css/dataTables.bootstrap.min.css">
  18. <div style="background-color: #3c8dbc;text-align: right;">
  19. <div style="text-align: right;text-align: right;" class="glyphicon glyphicon-user"></div>
  20. <h3 style=" cursor:pointer;color: #FFFFFF;margin-top: 10px;margin-right: 15px;display: -webkit-inline-box;">{{session "loginuser"}}</h3>
  21. </div>
  22. <div class="col-md-12" style="border-right: 1px double #EEEEEE;">
  23. <form class="form-horizontal">
  24. <div class="form-group" style="margin: 20px">
  25. <div class="box-body">
  26. <div class="col-md-8 form-group">
  27. <!-- <label class="col-sm-1 control-label"><span style="color:red;">* </span>抽查数量</label> -->
  28. <!-- <div class="col-sm-2"> -->
  29. <!-- <select name="type" class="form-control"> -->
  30. <!-- <option value="-1">请选择</option> -->
  31. <!-- <option value="0">全部</option> -->
  32. <!-- <option value="10">10</option> -->
  33. <!-- <option value="50">50</option> -->
  34. <!-- <option value="100">100</option> -->
  35. <!-- <option value="200">200</option> -->
  36. <!-- </select> -->
  37. <!-- </div> -->
  38. <label class="col-sm-1 control-label"><span style="color:red;">* </span>抽查角色</label>
  39. <div class="col-sm-2">
  40. <select name="type" id="user" class="form-control"></select>
  41. </div>
  42. <div class="btn btn-primary" style="margin-left: 15px" onclick="findData()">查询数据</div>
  43. <div class="btn btn-primary" style="margin-left: 30px" onclick="statResult()">标注结果统计</div>
  44. </div>
  45. </div>
  46. </div>
  47. </form>
  48. </div>
  49. <hr>
  50. <div class="content">
  51. <div class="col-xs-12">
  52. <div class="box-body">
  53. <table id="dataTable" class="table table-bordered table-hover">
  54. <thead>
  55. <tr>
  56. <th>编号</th>
  57. <th>标题</th>
  58. </tr>
  59. </thead>
  60. </table>
  61. </div>
  62. </div>
  63. </div>
  64. </head>
  65. <body>
  66. <script>
  67. $(document).ready(function () {
  68. $("#user").append("<option value=-1>请选择</option>")
  69. $("#user").append("<option value=0>全部</option>")
  70. for(i in {{.T.users}}){
  71. console.log({{.T.users}}[i])
  72. $("#user").append("<option value='"+{{.T.users}}[i]["_id"]+"'>"+{{.T.users}}[i]["_id"]+"</option>")
  73. }
  74. ttable = $('#dataTable').DataTable({
  75. "paging": true,
  76. "lengthChange": false,
  77. "searching": false,
  78. "ordering": false,
  79. "info": true,
  80. "autoWidth": false,
  81. "serverSide": false,
  82. "language": {
  83. "url": "/dataTables.chinese.lang"
  84. },
  85. "fnDrawCallback": function () {
  86. $("ul.pagination").prepend("&nbsp;&nbsp;&nbsp;转到第 <input type='text' id='changePage' style='width:20px;'> 页 <a type='text' href='javascript:void(0);' id='dataTable-btn' style='text-align:center'>GO</a>");
  87. $('#dataTable-btn').click(function (e) {
  88. var redirectpage = 0
  89. if ($("#changePage").val() && $("#changePage").val() > 0) {
  90. var redirectpage = $("#changePage").val() - 1;
  91. }
  92. ttable.page(redirectpage).draw(false);
  93. });
  94. this.api().column(0).nodes().each(function(cell, i) {
  95. cell.innerHTML = i + 1;
  96. });
  97. },
  98. "columns": [
  99. {"data": null, width:"1%"},
  100. {"data": "title", width: "40%", render: function (val, a, row) {
  101. if (row["review"] == 1) {
  102. tmp = '<a style="display: inline-block;cursor:pointer;font-size:18px;color: green" onclick="skipDetail(\''+row._id+'\')">'+val+'</a>'
  103. }else {
  104. tmp = '<a style="display: inline-block;cursor:pointer;font-size:18px;color: #428bca" onclick="skipDetail(\''+row._id+'\')">'+val+'</a>'
  105. }
  106. return tmp
  107. }}
  108. ],
  109. });
  110. });
  111. function findData() {
  112. var name = $("#user option:selected").val()
  113. console.log(name)
  114. $.ajax({
  115. url:"/center/reviewlist",
  116. type:"post",
  117. data:{"user": name},
  118. success:function(r){
  119. if (r.rep) {
  120. $('#dataTable').dataTable().fnClearTable();
  121. $('#dataTable').dataTable().fnAddData(r.data);
  122. }else {
  123. alert(r.msg)
  124. }
  125. }
  126. })
  127. }
  128. function skipDetail(_id) {
  129. }
  130. function statResult() {
  131. $.ajax({
  132. url:"/center/review/result",
  133. type:"get",
  134. success:function(r){
  135. if (r.rep) {
  136. $('#dataTable').dataTable().fnClearTable();
  137. $('#dataTable').dataTable().fnAddData(r.data);
  138. }else {
  139. alert(r.msg)
  140. }
  141. }
  142. })
  143. }
  144. </script>
  145. </body>
  146. </html>