|
@@ -246,6 +246,16 @@
|
|
|
height: 28px;
|
|
height: 28px;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
}
|
|
}
|
|
|
|
|
+ .ng-table th:nth-child(1),
|
|
|
|
|
+ .ng-table td:nth-child(1) { width: 38%; }
|
|
|
|
|
+ .ng-table th:nth-child(2),
|
|
|
|
|
+ .ng-table td:nth-child(2) { width: 14%; }
|
|
|
|
|
+ .ng-table th:nth-child(3),
|
|
|
|
|
+ .ng-table td:nth-child(3) { width: 18%; }
|
|
|
|
|
+ .ng-table th:nth-child(4),
|
|
|
|
|
+ .ng-table td:nth-child(4) { width: 10%; }
|
|
|
|
|
+ .ng-table th:nth-child(5),
|
|
|
|
|
+ .ng-table td:nth-child(5) { width: 20%; }
|
|
|
.ng-table td {
|
|
.ng-table td {
|
|
|
height: 30px;
|
|
height: 30px;
|
|
|
color: #fff;
|
|
color: #fff;
|
|
@@ -256,6 +266,21 @@
|
|
|
text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
|
}
|
|
}
|
|
|
|
|
+ /* 工件码完整展示,不截断 */
|
|
|
|
|
+ .ng-table td.ng-sn {
|
|
|
|
|
+ font-size: 11px;
|
|
|
|
|
+ letter-spacing: 0;
|
|
|
|
|
+ white-space: normal;
|
|
|
|
|
+ word-break: break-all;
|
|
|
|
|
+ line-height: 1.25;
|
|
|
|
|
+ text-overflow: clip;
|
|
|
|
|
+ overflow: visible;
|
|
|
|
|
+ vertical-align: middle;
|
|
|
|
|
+ padding: 2px 4px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .ng-table td.ng-title {
|
|
|
|
|
+ font-size: 11px;
|
|
|
|
|
+ }
|
|
|
.ng-table tbody tr:nth-child(odd) td {
|
|
.ng-table tbody tr:nth-child(odd) td {
|
|
|
background: rgba(10, 88, 153, .36);
|
|
background: rgba(10, 88, 153, .36);
|
|
|
}
|
|
}
|
|
@@ -320,14 +345,6 @@
|
|
|
.line-green { background: #10f2b4; }
|
|
.line-green { background: #10f2b4; }
|
|
|
.line-yellow { background: #ffc82e; }
|
|
.line-yellow { background: #ffc82e; }
|
|
|
.line-blue { background: #18b8ff; }
|
|
.line-blue { background: #18b8ff; }
|
|
|
- .rate-number {
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- right: 42px;
|
|
|
|
|
- top: 85px;
|
|
|
|
|
- color: #23f8ff;
|
|
|
|
|
- font-size: 24px;
|
|
|
|
|
- font-weight: 900;
|
|
|
|
|
- }
|
|
|
|
|
.daily-legend {
|
|
.daily-legend {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
right: 34px;
|
|
right: 34px;
|
|
@@ -427,7 +444,7 @@
|
|
|
<tr>
|
|
<tr>
|
|
|
<th>工件号</th>
|
|
<th>工件号</th>
|
|
|
<th>工位号</th>
|
|
<th>工位号</th>
|
|
|
- <th>提交名称</th>
|
|
|
|
|
|
|
+ <th>工位名称</th>
|
|
|
<th>结果</th>
|
|
<th>结果</th>
|
|
|
<th>预警时间</th>
|
|
<th>预警时间</th>
|
|
|
</tr>
|
|
</tr>
|
|
@@ -442,7 +459,6 @@
|
|
|
<img src="${ctxStatic}/screen/imgs/liuan13.png" alt="">
|
|
<img src="${ctxStatic}/screen/imgs/liuan13.png" alt="">
|
|
|
<div><span>IQC检测合格率</span><strong id="iqcRateText">0%</strong></div>
|
|
<div><span>IQC检测合格率</span><strong id="iqcRateText">0%</strong></div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="rate-number" id="iqcRate">0%</div>
|
|
|
|
|
<div class="legend"><span><i class="line-yellow"></i>不合格数量</span><span><i class="line-green"></i>合格率</span></div>
|
|
<div class="legend"><span><i class="line-yellow"></i>不合格数量</span><span><i class="line-green"></i>合格率</span></div>
|
|
|
<div class="chart-with-metrics" id="iqcChart"></div>
|
|
<div class="chart-with-metrics" id="iqcChart"></div>
|
|
|
</section>
|
|
</section>
|
|
@@ -833,10 +849,12 @@
|
|
|
}
|
|
}
|
|
|
for (var i = 0; i < pageRows.length; i++) {
|
|
for (var i = 0; i < pageRows.length; i++) {
|
|
|
var row = pageRows[i] || {};
|
|
var row = pageRows[i] || {};
|
|
|
|
|
+ var snText = row.sn || row.msg || '';
|
|
|
|
|
+ var titleText = row.title || row.oprnoTitle || '';
|
|
|
html += '<tr>' +
|
|
html += '<tr>' +
|
|
|
- '<td title="' + escapeHtml(row.sn || row.msg || '') + '">' + escapeHtml(row.sn || row.msg || '') + '</td>' +
|
|
|
|
|
|
|
+ '<td class="ng-sn" title="' + escapeHtml(snText) + '">' + escapeHtml(snText) + '</td>' +
|
|
|
'<td>' + escapeHtml(row.oprno || '') + '</td>' +
|
|
'<td>' + escapeHtml(row.oprno || '') + '</td>' +
|
|
|
- '<td title="' + escapeHtml(row.title || '') + '">' + escapeHtml(row.title || '') + '</td>' +
|
|
|
|
|
|
|
+ '<td class="ng-title" title="' + escapeHtml(titleText) + '">' + escapeHtml(titleText) + '</td>' +
|
|
|
'<td>' + escapeHtml(row.result || row.content || '') + '</td>' +
|
|
'<td>' + escapeHtml(row.result || row.content || '') + '</td>' +
|
|
|
'<td>' + escapeHtml(row.time || row.createDate || row.updateDate || '') + '</td>' +
|
|
'<td>' + escapeHtml(row.time || row.createDate || row.updateDate || '') + '</td>' +
|
|
|
'</tr>';
|
|
'</tr>';
|
|
@@ -887,7 +905,7 @@
|
|
|
var checkPassDaily = alignNumbers(screenData.checkPassDaily, dates.length);
|
|
var checkPassDaily = alignNumbers(screenData.checkPassDaily, dates.length);
|
|
|
var checkNgDaily = alignNumbers(screenData.checkNgDaily, dates.length);
|
|
var checkNgDaily = alignNumbers(screenData.checkNgDaily, dates.length);
|
|
|
var checkPassRate = numberValue(screenData.checkPassRate);
|
|
var checkPassRate = numberValue(screenData.checkPassRate);
|
|
|
- var deliveryRate = percent(todayOut, today || plan);
|
|
|
|
|
|
|
+ var deliveryRate = percent(today, plan);
|
|
|
var iqcRateValues = dates.map(function (_, i) { return percent(quality1[i], quality1[i] + quality2[i]); });
|
|
var iqcRateValues = dates.map(function (_, i) { return percent(quality1[i], quality1[i] + quality2[i]); });
|
|
|
var iqcRate = iqcRateValues.length ? iqcRateValues[iqcRateValues.length - 1] : 0;
|
|
var iqcRate = iqcRateValues.length ? iqcRateValues[iqcRateValues.length - 1] : 0;
|
|
|
|
|
|
|
@@ -898,10 +916,10 @@
|
|
|
$('#deliveryRateText').text(deliveryRate + '%');
|
|
$('#deliveryRateText').text(deliveryRate + '%');
|
|
|
$('#todayPlanRate').text(finishRate + '%');
|
|
$('#todayPlanRate').text(finishRate + '%');
|
|
|
$('#checkPassRateText').text(checkPassRate + '%');
|
|
$('#checkPassRateText').text(checkPassRate + '%');
|
|
|
- $('#iqcRate,#iqcRateText').text(iqcRate + '%');
|
|
|
|
|
|
|
+ $('#iqcRateText').text(iqcRate + '%');
|
|
|
|
|
|
|
|
renderBars('workpieceChart', dates, output, '#83ff64', '#14a9ff');
|
|
renderBars('workpieceChart', dates, output, '#83ff64', '#14a9ff');
|
|
|
- renderLineArea('deliveryChart', dates, warehouseOut, output);
|
|
|
|
|
|
|
+ renderLineArea('deliveryChart', dates, output, planDaily);
|
|
|
renderBars('warehouseChart', dates, warehouseOut, '#86ff62', '#13a4ff', {
|
|
renderBars('warehouseChart', dates, warehouseOut, '#86ff62', '#13a4ff', {
|
|
|
top: 12,
|
|
top: 12,
|
|
|
left: 28,
|
|
left: 28,
|