report.html 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <link rel="shortcut icon" href="/img/logo.png" />
  7. <link rel="bookmark" href="/img/logo.png" />
  8. <link rel="stylesheet" href="/plugins/bootstrap-4.3.1/css/bootstrap.min.css">
  9. <link rel="stylesheet" href="/plugins/font-awesome-4.7.0/css/font-awesome.min.css">
  10. <link href="/Plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
  11. <link rel="stylesheet" href="report.css" />
  12. <script src="/Plugins/jquery-3.4.1/jquery-3.4.1.min.js"></script>
  13. <script src="/Plugins/xrequest/xrequest.min.js"></script>
  14. <title>东科软件</title>
  15. </head>
  16. <body class="bg-light">
  17. <!--导航菜单-->
  18. <script src="../common/navbar.js"></script>
  19. <!--主体-->
  20. <div class="container-fluid pt-3">
  21. <div class="p-4 rounded shadow-sm bg-white">
  22. <div class="position-absolute d-none d-lg-block">
  23. <img src="/Img/dongke.png" style="width:100px;" />
  24. </div>
  25. <div class="position-relative pull-right d-none d-lg-block">
  26. <a class="nav-link" href="javascript:void(0)" onclick="fullScreen(); $('#navbar').toggle();">
  27. <i class="fa fa-bars" aria-hidden="true"></i>
  28. </a>
  29. </div>
  30. <!--报表名称-->
  31. <h4 class="text-center pb-2">缺陷登记明细表</h4>
  32. <!--工具条-->
  33. <div id="toolbar">
  34. <form id="formSearch" class="form-inline">
  35. <div class="form-group pr-2">
  36. <div>登记时间:</div>
  37. <input type="text" class="form-control" style="width:160px;" id="登记时间开始" name="登记时间开始">
  38. <div> -- </div>
  39. <input type="text" class="form-control" style="width:160px;" id="登记时间结束" name="登记时间结束">
  40. </div>
  41. <div class="form-group pr-2">
  42. <div>窑炉编码:</div>
  43. <select id="窑炉编码" name="窑炉编码" class="custom-select" style="width:120px;">
  44. <option value="">请选择...</option>
  45. </select>
  46. </div>
  47. <div class="form-group pr-2">
  48. <div>产品类别:</div>
  49. <select id="产品类别" name="产品类别" class="custom-select" style="width:120px;">
  50. <option value="">请选择...</option>
  51. </select>
  52. </div>
  53. <div class="form-group pr-2">
  54. <div>缺陷位置:</div>
  55. <input type="text" class="form-control" style="width:120px;" id="缺陷位置" name="缺陷位置">
  56. </div>
  57. <div class="form-group pr-2">
  58. <div>缺陷名称:</div>
  59. <input type="text" class="form-control" style="width:120px;" id="缺陷名称" name="缺陷名称">
  60. </div>
  61. <div class="form-group pull-right">
  62. <button id="清空按钮" type="button" onclick="resetForm()" class="btn btn-secondary">清空</button>
  63. <div class="pl-2"></div>
  64. <button id="搜索按钮" type="button" onclick="loadTable()" class="btn btn-danger">搜索</button>
  65. </div>
  66. </form>
  67. </div>
  68. <!--报表数据-->
  69. <table id="table" class="table table-bordered table-hover" data-toolbar="#toolbar" style="font-size:14px;">
  70. <thead>
  71. <tr>
  72. <th scope="col" data-field="生产线" data-sortable="true">生产线</th>
  73. <th scope="col" data-field="检验工序" data-sortable="true">检验工序</th>
  74. <th scope="col" data-field="成检登记时间" data-sortable="true">成检登记时间</th>
  75. <th scope="col" data-field="缺陷登记时间" data-sortable="true">缺陷登记时间</th>
  76. <th scope="col" data-field="责任工序" data-sortable="true">责任工序</th>
  77. <th scope="col" data-field="责任工号" data-sortable="true">责任工号</th>
  78. <th scope="col" data-field="责任员工" data-sortable="true">责任员工</th>
  79. <th scope="col" data-field="责任工种" data-sortable="true">责任工种</th>
  80. <th scope="col" data-field="缺陷类别" data-sortable="true">缺陷类别</th>
  81. <th scope="col" data-field="缺陷编码" data-sortable="true">缺陷编码</th>
  82. <th scope="col" data-field="缺陷编码全" data-sortable="true">缺陷编码(全)</th>
  83. <th scope="col" data-field="缺陷名称" data-sortable="true">缺陷名称</th>
  84. <th scope="col" data-field="缺陷备注" data-sortable="true">缺陷备注</th>
  85. <th scope="col" data-field="缺陷位置编码" data-sortable="true">缺陷位置编码</th>
  86. <th scope="col" data-field="缺陷位置名称" data-sortable="true">缺陷位置名称</th>
  87. <th scope="col" data-field="缺陷扣罚" data-sortable="true">缺陷扣罚</th>
  88. <th scope="col" data-field="缺陷扣除数" data-sortable="true">缺陷扣除数</th>
  89. <th scope="col" data-field="校验工号" data-sortable="true">校验工号</th>
  90. <th scope="col" data-field="产品类别" data-sortable="true">产品类别</th>
  91. <th scope="col" data-field="产品编码" data-sortable="true">产品编码</th>
  92. <th scope="col" data-field="产品条码" data-sortable="true">产品条码</th>
  93. <th scope="col" data-field="商标" data-sortable="true">商标</th>
  94. <th scope="col" data-field="产品分级" data-sortable="true">产品分级</th>
  95. <th scope="col" data-field="成型工号" data-sortable="true">成型工号</th>
  96. <th scope="col" data-field="注浆日期" data-sortable="true">注浆日期</th>
  97. <th scope="col" data-field="注浆次数" data-sortable="true">注浆次数</th>
  98. <th scope="col" data-field="成型线编码" data-sortable="true">成型线编码</th>
  99. <th scope="col" data-field="模具编号" data-sortable="true">模具编号</th>
  100. <th scope="col" data-field="窑车编号" data-sortable="true">窑车编号</th>
  101. <th scope="col" data-field="生产工号" data-sortable="true">生产工号</th>
  102. <th scope="col" data-field="操作工号" data-sortable="true">操作工号</th>
  103. <th scope="col" data-field="交接时间" data-sortable="true">交接时间</th>
  104. <th scope="col" data-field="改判标识" data-sortable="true">改判标识</th>
  105. <th scope="col" data-field="产品备注" data-sortable="true">产品备注</th>
  106. <th scope="col" data-field="本烧缺陷" data-sortable="true">本烧缺陷</th>
  107. <th scope="col" data-field="半检位置" data-sortable="true">半检位置</th>
  108. <th scope="col" data-field="半检缺陷" data-sortable="true">半检缺陷</th>
  109. <th scope="col" data-field="半检工号" data-sortable="true">半检工号</th>
  110. </tr>
  111. </thead>
  112. </table>
  113. </div>
  114. </div>
  115. <!--版权信息-->
  116. <script src="../common/footer.js"></script>
  117. <script src="/Plugins/bootstrap-4.3.1/js/bootstrap.bundle.min.js"></script>
  118. <script src="/Plugins/bootstrap-table/bootstrap-table.min.js"></script>
  119. <script src="/Plugins/bootstrap-table/bootstrap-table-locale-all.min.js"></script>
  120. <script src="/Plugins/sweetalert/sweetalert.min.js"></script>
  121. <script src="../Common/xuwell.js"></script>
  122. <script>
  123. $(document).ready(function () {
  124. //加载窑炉编码
  125. xuwell.loadSelect({
  126. id: '#窑炉编码',
  127. url: 'api/Get_Report_Kiln.ashx',
  128. fieldKey: 'KILNCODE',
  129. fieldValue: 'KILNCODE'
  130. });
  131. //加载产品类别选项
  132. xuwell.loadSelect({
  133. id: '#产品类别',
  134. url: 'api/Get_Report_GoodsType.ashx',
  135. fieldKey: 'GOODSTYPECODE',
  136. fieldValue: 'GOODSTYPENAME'
  137. });
  138. //重设表单
  139. resetForm();
  140. //加载报表数据
  141. loadTable();
  142. });
  143. function loadTable() {
  144. xuwell.loadTable({
  145. id: '#table',
  146. url: 'api/Get_Report_Defect_Detail.ashx?r=' + Math.random()
  147. });
  148. }
  149. function resetForm() {
  150. $('#formSearch')[0].reset();
  151. //取当前时间
  152. var date = new Date().getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate();
  153. var dateBegin = date + ' 00:00';
  154. var dateEnd = date + ' 23:59';
  155. $('#登记时间开始').val(dateBegin);
  156. $('#登记时间结束').val(dateEnd);
  157. }
  158. </script>
  159. </body>
  160. </html>