123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>质检审查</title>
- <link href="/css/bootstrap.min.css" rel="stylesheet">
- <link href="/css/page.css" rel="stylesheet">
- <script src="/js/jquery.js"></script>
- <script src="/js/bootstrap.min.js"></script>
- <script src="/js/util.js"></script>
- <script src="/js/vue.min.js"></script>
- <script src="/js/index.js"></script>
- <script src="/js/jquery-page.js"></script>
- <script src="/datatables.net/js/jquery.dataTables.min.js"></script>
- <script src="/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
- <link rel="stylesheet" href="/css/index.css">
- <link rel="stylesheet" href="/datatables.net-bs/css/dataTables.bootstrap.min.css">
- <div style="background-color: #3c8dbc;text-align: right;">
- <div style="text-align: right;text-align: right;" class="glyphicon glyphicon-user"></div>
- <h3 style=" cursor:pointer;color: #FFFFFF;margin-top: 10px;margin-right: 15px;display: -webkit-inline-box;">{{session "loginuser"}}</h3>
- </div>
- <div class="col-md-12" style="border-right: 1px double #EEEEEE;">
- <form class="form-horizontal">
- <div class="form-group" style="margin: 20px">
- <div class="box-body">
- <div class="col-md-8 form-group">
- <!-- <label class="col-sm-1 control-label"><span style="color:red;">* </span>抽查数量</label> -->
- <!-- <div class="col-sm-2"> -->
- <!-- <select name="type" class="form-control"> -->
- <!-- <option value="-1">请选择</option> -->
- <!-- <option value="0">全部</option> -->
- <!-- <option value="10">10</option> -->
- <!-- <option value="50">50</option> -->
- <!-- <option value="100">100</option> -->
- <!-- <option value="200">200</option> -->
- <!-- </select> -->
- <!-- </div> -->
- <label class="col-sm-1 control-label"><span style="color:red;">* </span>抽查角色</label>
- <div class="col-sm-2">
- <select name="type" id="user" class="form-control"></select>
- </div>
- <div class="btn btn-primary" style="margin-left: 15px" onclick="findData()">查询数据</div>
- <div class="btn btn-primary" style="margin-left: 30px" onclick="statResult()">标注结果统计</div>
- </div>
- </div>
- </div>
- </form>
- </div>
- <hr>
- <div class="content">
- <div class="col-xs-12">
- <div class="box-body">
- <table id="dataTable" class="table table-bordered table-hover">
- <thead>
- <tr>
- <th>编号</th>
- <th>标题</th>
- </tr>
- </thead>
- </table>
- </div>
- </div>
- </div>
- </head>
- <body>
- <script>
- $(document).ready(function () {
- $("#user").append("<option value=-1>请选择</option>")
- $("#user").append("<option value=0>全部</option>")
- for(i in {{.T.users}}){
- console.log({{.T.users}}[i])
- $("#user").append("<option value='"+{{.T.users}}[i]["_id"]+"'>"+{{.T.users}}[i]["_id"]+"</option>")
- }
- ttable = $('#dataTable').DataTable({
- "paging": true,
- "lengthChange": false,
- "searching": false,
- "ordering": false,
- "info": true,
- "autoWidth": false,
- "serverSide": false,
- "language": {
- "url": "/dataTables.chinese.lang"
- },
- "fnDrawCallback": function () {
- $("ul.pagination").prepend(" 转到第 <input type='text' id='changePage' style='width:20px;'> 页 <a type='text' href='javascript:void(0);' id='dataTable-btn' style='text-align:center'>GO</a>");
- $('#dataTable-btn').click(function (e) {
- var redirectpage = 0
- if ($("#changePage").val() && $("#changePage").val() > 0) {
- var redirectpage = $("#changePage").val() - 1;
- }
- ttable.page(redirectpage).draw(false);
- });
- this.api().column(0).nodes().each(function(cell, i) {
- cell.innerHTML = i + 1;
- });
- },
- "columns": [
- {"data": null, width:"1%"},
- {"data": "title", width: "40%", render: function (val, a, row) {
- if (row["review"] == 1) {
- tmp = '<a style="display: inline-block;cursor:pointer;font-size:18px;color: green" onclick="skipDetail(\''+row._id+'\')">'+val+'</a>'
- }else {
- tmp = '<a style="display: inline-block;cursor:pointer;font-size:18px;color: #428bca" onclick="skipDetail(\''+row._id+'\')">'+val+'</a>'
- }
- return tmp
- }}
- ],
- });
- });
- function findData() {
- var name = $("#user option:selected").val()
- console.log(name)
- $.ajax({
- url:"/center/reviewlist",
- type:"post",
- data:{"user": name},
- success:function(r){
- if (r.rep) {
- $('#dataTable').dataTable().fnClearTable();
- $('#dataTable').dataTable().fnAddData(r.data);
- }else {
- alert(r.msg)
- }
- }
- })
- }
- function skipDetail(_id) {
- }
- function statResult() {
- $.ajax({
- url:"/center/review/result",
- type:"get",
- success:function(r){
- if (r.rep) {
- $('#dataTable').dataTable().fnClearTable();
- $('#dataTable').dataTable().fnAddData(r.data);
- }else {
- alert(r.msg)
- }
- }
- })
- }
- </script>
- </body>
- </html>
|