| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- <!doctype html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>MES工位加工记录统计大屏</title>
- <link rel="stylesheet" href="${ctxStatic}/screen/oprno-record-screen.css">
- </head>
- <body>
- <div class="screen-page">
- <img class="bg" src="${ctxStatic}/screen/imgs/bg3.png" alt="">
- <div class="screen-content">
- <div class="screen-header"><div></div><div class="screen-title-new" id="screenTitle"></div><div class="screen-time" id="screenTime"></div></div>
- <div class="summary-row">
- <div class="summary-item"><div class="summary-label">工位数量</div><div class="summary-value" id="oprnoTotal">0</div></div>
- <div class="summary-item"><div class="summary-label">加工记录总数</div><div class="summary-value" id="recordTotal">0</div></div>
- <div class="summary-item"><div class="summary-label">最高工位</div><div class="summary-value" id="maxOprno">--</div></div>
- </div>
- <div class="main-grid">
- <div class="panel control-panel">
- <div class="panel-title">工位号</div>
- <textarea class="oprno-input" id="oprnoInput"></textarea>
- <div class="input-row"><input class="add-input" id="addOprno" type="text" placeholder="新增工位号"><button class="screen-btn primary" id="addBtn">添加</button></div>
- <div class="action-row"><button class="screen-btn primary" id="queryBtn">查询</button><button class="screen-btn" id="clearBtn">清空</button></div>
- <div class="tag-list" id="tagList"></div>
- <div class="hint">支持逗号、空格、换行分隔工位号。</div>
- </div>
- <div class="panel data-panel">
- <div class="panel-title">各工位加工记录数</div>
- <div class="chart-box" id="recordChart"></div>
- <div class="table-wrap"><table class="record-table"><thead><tr><th>序号</th><th>工位</th><th>加工记录数</th></tr></thead><tbody id="recordBody"></tbody></table></div>
- </div>
- </div>
- </div>
- </div>
- <script src="${ctxStatic}/jquery-1.11.3.min.js"></script>
- <script src="${ctxStatic}/echarts/4.2/echarts.min.js"></script>
- <script>
- window.screenOprnoConfig = {
- title: "二号工位加工记录统计大屏",
- defaultOprnos: ["OP150", "OP160", "OP170", "OP180", "OP190", "OP200", "OP210", "OP220", "OP230", "OP240"]
- };
- </script>
- <script src="${ctxStatic}/screen/oprno-record-screen.js"></script>
- </body>
- </html>
|
