mesScreen9.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <!doctype html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>返修区看板</title>
  8. <link rel="stylesheet" href="${ctxStatic}/screen/repair-screen.css?v=20261014">
  9. </head>
  10. <body>
  11. <div class="screen-page">
  12. <img class="bg" src="${ctxStatic}/screen/imgs/bg3.png" alt="">
  13. <div class="screen-content">
  14. <div class="screen-header">
  15. <div class="header-meta">
  16. <button type="button" class="meta-chip demo-toggle" id="demoToggle">演示模式</button>
  17. </div>
  18. <div class="screen-title-new" id="screenTitle">返修区看板</div>
  19. <div class="screen-time" id="screenTime"></div>
  20. </div>
  21. <div class="summary-row">
  22. <div class="summary-item is-pending">
  23. <div class="summary-label">待返修</div>
  24. <div class="summary-value" id="pendingCount">0</div>
  25. </div>
  26. <div class="summary-item is-repairing">
  27. <div class="summary-label">待检查</div>
  28. <div class="summary-value" id="repairingCount">0</div>
  29. </div>
  30. <div class="summary-item is-done">
  31. <div class="summary-label">今日完成</div>
  32. <div class="summary-value" id="todayDoneCount">0</div>
  33. </div>
  34. <div class="summary-item is-fail">
  35. <div class="summary-label">今日失败</div>
  36. <div class="summary-value" id="todayFailCount">0</div>
  37. </div>
  38. </div>
  39. <div class="main-panel">
  40. <div class="panel-title">
  41. 返修待处理清单
  42. <span class="page-indicator" id="pageIndicator">第 1 / 1 页</span>
  43. </div>
  44. <div class="table-wrap">
  45. <table class="repair-table">
  46. <thead>
  47. <tr>
  48. <th class="col-seq">序号</th>
  49. <th class="col-sn">工件码</th>
  50. <th class="col-oprno">责任工位</th>
  51. <th class="col-item">返工白名单</th>
  52. <th class="col-type">返工类型</th>
  53. <th class="col-remark">不良信息</th>
  54. <th class="col-state">状态</th>
  55. <th class="col-user">上报人</th>
  56. <th class="col-time">创建时间</th>
  57. </tr>
  58. </thead>
  59. <tbody id="repairBody" class="is-visible"></tbody>
  60. </table>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. <script src="${ctxStatic}/jquery-1.11.3.min.js"></script>
  66. <script>
  67. window.repairScreenConfig = {
  68. title: "返修区看板",
  69. pageSize: 7,
  70. carouselInterval: 8000,
  71. refreshInterval: 60000,
  72. apiUrl: "${ctx}/mes/mesProduct/screenRepairData"
  73. };
  74. </script>
  75. <script src="${ctxStatic}/screen/repair-screen.js?v=20261014"></script>
  76. <script src="${ctxStatic}/screen/screen-fullscreen.js?v=20261010"></script>
  77. </body>
  78. </html>