|
|
@ -6,11 +6,12 @@ |
|
|
|
<style> |
|
|
|
.spanUnitClass { |
|
|
|
font-size: 12pt; |
|
|
|
color: #000000; |
|
|
|
display: inline; |
|
|
|
} |
|
|
|
|
|
|
|
.spanMasterTitleClass { |
|
|
|
color: #11E1DF; |
|
|
|
background-color: #000000; |
|
|
|
font-size: 7vmin; |
|
|
|
font-weight: bold; |
|
|
|
padding: 10px; |
|
|
@ -20,16 +21,41 @@ |
|
|
|
font-size: 4vmin; |
|
|
|
font-weight: bold; |
|
|
|
padding: 10px; |
|
|
|
margin: 5px 0px; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.spanDetailNumberClass { |
|
|
|
font-size: 9vmin; |
|
|
|
font-weight: bold; |
|
|
|
padding: 10px; |
|
|
|
margin: 10px 0px; |
|
|
|
} |
|
|
|
|
|
|
|
.DetailRow { |
|
|
|
text-align: center; |
|
|
|
margin: 10px 0px; |
|
|
|
} |
|
|
|
|
|
|
|
.text-error { |
|
|
|
color: #dc3545 !important; |
|
|
|
.ColRight { |
|
|
|
margin-right: 5px; |
|
|
|
background-color: #262626 |
|
|
|
} |
|
|
|
|
|
|
|
.ColLeft { |
|
|
|
margin-left: 5px; |
|
|
|
background-color: #262626 |
|
|
|
} |
|
|
|
|
|
|
|
.Link-bottom { |
|
|
|
margin: 10px; |
|
|
|
border-bottom: solid #FFFFFF 1px; |
|
|
|
} |
|
|
|
|
|
|
|
.Link-right { |
|
|
|
border-right: solid #FFFFFF 1px; |
|
|
|
margin-bottom: 10px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
@ -42,29 +68,34 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="layui-card-body"> |
|
|
|
<div class="=layui-row" style="text-align:center;"> |
|
|
|
<div class="layui-card-body" style="background-color:#404040"> |
|
|
|
<div class="layui-row" style="text-align: center;"> |
|
|
|
<div class="layui-col-md12 spanMasterTitleClass"> |
|
|
|
<div>生產即時看板</div> |
|
|
|
<div style="text-align:right; font-size: 12pt;color: #000000;">系統顯示時間:2022/12/30 13:30</div> |
|
|
|
<div style=" margin-top: 15px;">生產即時看板</div> |
|
|
|
<div style="text-align:right; font-size: 12pt;color: #FFFFFF;margin-top:-10px;">系統顯示時間:2022/12/30 13:30</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-row" style="text-align:center;"> |
|
|
|
<div class="layui-row DetailRow"> |
|
|
|
<div class="layui-col-md6"> |
|
|
|
<div class="layui-row grid-demo"> |
|
|
|
<div class="layui-row ColRight"> |
|
|
|
<div class="layui-col-md12"> |
|
|
|
<div class="grid-demo spanDetailTitleClass">生產指標</div> |
|
|
|
<div class="grid-demo spanDetailTitleClass" style="color: #FDFD00;"> |
|
|
|
生產指標 |
|
|
|
<div class="Link-bottom"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-col-md6"> |
|
|
|
<div class="layui-col-md6 Link-right"> |
|
|
|
<div class="layui-col-md12 spanDetailTitleClass">生產力</div> |
|
|
|
<div class="layui-col-md12 spanDetailNumberClass"> |
|
|
|
<div class="layui-col-md12 spanDetailNumberClass" style="color: #A84CA8"> |
|
|
|
71.20 |
|
|
|
<p class="spanUnitClass">%</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="layui-col-md6"> |
|
|
|
<div class="Link-right"></div> |
|
|
|
<div class="layui-col-md12 spanDetailTitleClass">生產效率</div> |
|
|
|
<div class="layui-col-md12 spanDetailNumberClass"> |
|
|
|
<div class="layui-col-md12 spanDetailNumberClass" style="color: #F4A446"> |
|
|
|
93.88 |
|
|
|
<p class="spanUnitClass">%</p> |
|
|
|
</div> |
|
|
@ -72,18 +103,21 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-col-md6"> |
|
|
|
<div class="layui-row grid-demo grid-demo-bg1"> |
|
|
|
<div class="layui-row ColLeft"> |
|
|
|
<div class="layui-col-md12"> |
|
|
|
<div class="grid-demo spanDetailTitleClass">生產品質</div> |
|
|
|
<div class="grid-demo spanDetailTitleClass"> |
|
|
|
生產品質 |
|
|
|
<div class="Link-bottom"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-col-md4"> |
|
|
|
<div class="layui-col-md4 Link-right"> |
|
|
|
<div class="layui-col-md12 spanDetailTitleClass">IPQC合格率</div> |
|
|
|
<div class="layui-col-md12 spanDetailNumberClass"> |
|
|
|
<div class="layui-col-md12 spanDetailNumberClass" style="color: #92D050"> |
|
|
|
99.8 |
|
|
|
<p class="spanUnitClass">%</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-col-md4"> |
|
|
|
<div class="layui-col-md4 Link-right"> |
|
|
|
<div class="layui-col-md12 spanDetailTitleClass">測試直通率</div> |
|
|
|
<div class="layui-col-md12 spanDetailNumberClass"> |
|
|
|
96.2 |
|
|
@ -100,20 +134,23 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-row" style="text-align:center;"> |
|
|
|
<div class="layui-row DetailRow"> |
|
|
|
<div class="layui-col-md6"> |
|
|
|
<div class="layui-row grid-demo grid-demo-bg1"> |
|
|
|
<div class="layui-row ColRight"> |
|
|
|
<div class="layui-col-md12"> |
|
|
|
<div class="grid-demo spanDetailTitleClass">生產資源</div> |
|
|
|
<div class="grid-demo spanDetailTitleClass" style="color: #9DC3E6"> |
|
|
|
生產資源 |
|
|
|
<div class="Link-bottom"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-col-md4"> |
|
|
|
<div class="layui-col-md4 Link-right"> |
|
|
|
<div class="layui-col-md12 spanDetailTitleClass">出勤率</div> |
|
|
|
<div class="layui-col-md12 spanDetailNumberClass"> |
|
|
|
91.2 |
|
|
|
<p class="spanUnitClass">%</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-col-md4"> |
|
|
|
<div class="layui-col-md4 Link-right"> |
|
|
|
<div class="layui-col-md12 spanDetailTitleClass">加班工時</div> |
|
|
|
<div class="layui-col-md12 spanDetailNumberClass"> |
|
|
|
324 |
|
|
@ -130,18 +167,21 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-col-md6"> |
|
|
|
<div class="layui-row grid-demo grid-demo-bg1"> |
|
|
|
<div class="layui-row ColLeft"> |
|
|
|
<div class="layui-col-md12"> |
|
|
|
<div class="grid-demo spanDetailTitleClass">線上資訊</div> |
|
|
|
<div class="grid-demo spanDetailTitleClass"> |
|
|
|
線上資訊 |
|
|
|
<div class="Link-bottom"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-col-md4"> |
|
|
|
<div class="layui-col-md4 Link-right"> |
|
|
|
<div class="layui-col-md12 spanDetailTitleClass">未結工單數</div> |
|
|
|
<div class="layui-col-md12 spanDetailNumberClass"> |
|
|
|
11 |
|
|
|
<p class="spanUnitClass">張</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-col-md4"> |
|
|
|
<div class="layui-col-md4 Link-right"> |
|
|
|
<div class="layui-col-md12 spanDetailTitleClass">完工入庫數</div> |
|
|
|
<div class="layui-col-md12 spanDetailNumberClass"> |
|
|
|
94 |
|
|
|