JHSYS
/
AMES
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1. RPT002 品質看板畫面上傳

PTD
Ray 2 years ago
parent
0a801124af
commit
addaf88925
1 changed files with 213 additions and 108 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 303
      AMESCoreStudio.Web/Views/RPT/RPT002.cshtml

303
AMESCoreStudio.Web/Views/RPT/RPT002.cshtml
View File

@ -1,4 +1,4 @@
@model AMESCoreStudio.WebApi.DTO.AMES.RPT001ViewDto @model AMESCoreStudio.WebApi.DTO.AMES.RPT002ViewDto
@{ @{
ViewData["Title"] = "品質看板"; ViewData["Title"] = "品質看板";
@ -12,9 +12,8 @@
} }
.spanMasterTitleClass { .spanMasterTitleClass {
color: #11E1DF; color: #FFFFFF;
background-color: #000000; font-size: 4vmin;
font-size: 7vmin;
font-weight: bold; font-weight: bold;
padding: 5px; padding: 5px;
} }
@ -27,10 +26,9 @@
} }
.spanDetailNumberClass { .spanDetailNumberClass {
font-size: 9vmin; color: #FDFD00;
font-size: 3.5vmin;
font-weight: bold; font-weight: bold;
padding: 10px;
margin: 10px 0px;
} }
.DetailRow { .DetailRow {
@ -39,10 +37,16 @@
} }
.ColTitle { .ColTitle {
color: #FFFFFF; color: #FDFD00;
margin-top: -5%; margin-top: -5%;
} }
.ColDetailTitle {
color: #FFFFFF;
font-size: 3.5vmin;
font-weight: bold;
}
.ColRight { .ColRight {
margin-right: 5px; margin-right: 5px;
background-color: #262626 background-color: #262626
@ -53,30 +57,24 @@
background-color: #262626 background-color: #262626
} }
.Link-bottom {
margin: 10px;
border-bottom: solid #FFFFFF 1px;
}
.Link-right { .Link-right {
border-right: solid #FFFFFF 1px; border-right: dashed #FFFFFF 1px;
margin-bottom: 10px; margin-bottom: 10px;
} }
</style> </style>
<div class="layui-card"> <div class="layui-card">
<form enctype="multipart/form-data" method="post" asp-action="RPT002" class="layui-form"> <form enctype="multipart/form-data" method="post" asp-action="RPT002" class="layui-form">
<div class="layui-card-header" style="background-color:#404040"> <div class="layui-card-body" style="background-color:#404040">
<div class="layui-form"> <div class="layui-row">
<div class="layui-form-item" style="color:#FFFFFF"> <div class="layui-col-md7 spanMasterTitleClass" style="text-align:center;margin-top:5px;">
<div class="layui-inline"><i class="fa fa-file-text-o fa-fw"></i> @ViewBag.Title</div> 品質績效總覽(QA)
</div> </div>
<div class="layui-form-item layui-layout-left"> <div class="layui-col-md5 spanMasterTitleClass">
<div class="layui-inline"> <div class="layui-inline">
<label class="layui-form-label" style="color:#FFFFFF">查詢月份</label> 單月審查
<div class="layui-input-inline" style="width:90px"> <div class="layui-input-inline" style="width:200px">
<input name="SerachData" id="SerachData" style="width:90px" class="layui-input" readonly="" value=@DateTime.Now.ToString("yyyy/MM") /> <input name="SerachData" id="SerachData" class="layui-input" readonly="" value=@DateTime.Now.ToString("yyyy/MM") />
</div>
</div> </div>
<div class="layui-inline layui-show-xs-block"> <div class="layui-inline layui-show-xs-block">
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="querysubmit"> <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="querysubmit">
@ -86,140 +84,242 @@
</div> </div>
</div> </div>
</div> </div>
</form>
<div class="layui-card-body" style="background-color:#404040">
<div class="layui-row" style="text-align: center;">
<div class="layui-col-md12 spanMasterTitleClass">
<div style=" margin-top: 15px;">生產即時看板</div>
<div style="text-align:right; font-size: 12pt;color: #FFFFFF;margin-top:-10px;">系統顯示時間:@DateTime.Now.ToString("yyyy/MM/dd HH:mm:ss")</div>
</div>
</div> </div>
<div class="layui-row DetailRow"> <div class="layui-row DetailRow">
<div class="layui-col-md6"> <div class="layui-col-md7">
<div class="layui-row ColRight"> <div class="layui-row ColRight">
<div class="layui-col-md12"> <div class="layui-col-md12">
<div class="grid-demo spanDetailTitleClass" style="color: #FDFD00;"> <div class="grid-demo spanDetailTitleClass" style="color: #FFFFFF;">
生產指標 進料品質
<div class="Link-bottom"></div>
</div> </div>
</div> </div>
<div class="layui-col-md6 Link-right"> <div class="layui-col-md4 Link-right">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">生產力</div> <div class="layui-col-md12 spanDetailTitleClass ColTitle">進料批退率</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #A84CA8"> <div class="layui-row">
@Model.productiveForces <div class="layui-col-md4 ColDetailTitle">機構件</div>
<p class="spanUnitClass">%</p> <div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass">@Model.IQLRR_EE %</div>
<div class="layui-col-md12 ColDetailTitle">目標 &lt; 1.10%</div>
</div> </div>
</div> </div>
<div class="layui-row">
<div class="layui-col-md6"> <div class="layui-col-md4 ColDetailTitle">電子件</div>
<div class="layui-col-md12 spanDetailTitleClass ColTitle">生產效率</div> <div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass" style="color: #F4A446"> <div class="layui-col-md12 spanDetailNumberClass">@Model.IQLRR_ME %</div>
@Model.productivity <div class="layui-col-md12 ColDetailTitle">目標 &lt; 0.14%</div>
<p class="spanUnitClass">%</p>
</div> </div>
</div> </div>
</div> </div>
<div class="layui-col-md4 Link-right">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">線上材料品質</div>
<div class="layui-row">
<div class="layui-col-md12 spanDetailNumberClass">@Model.LQC %</div>
<div class="layui-col-md12 ColDetailTitle"> 目標 &gt; 95%</div>
</div> </div>
<div class="layui-col-md6"> </div>
<div class="layui-col-md4">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">QRC件數</div>
<div class="layui-row">
<div class="layui-col-md6 ColDetailTitle" style="text-align:left;padding-left:10px;">新增筆數</div>
<div class="layui-col-md6 ColDetailTitle">@Model.QRCNew</div>
</div>
<div class="layui-row">
<div class="layui-col-md6 ColDetailTitle" style="text-align:left;padding-left:10px;">結案筆數</div>
<div class="layui-col-md6 ColDetailTitle">@Model.QRCClose</div>
</div>
<div class="layui-row">
<div class="layui-col-md6 ColDetailTitle" style="text-align:left;padding-left:10px;">總筆數</div>
<div class="layui-col-md6 ColDetailTitle">@Model.QRCTotal</div>
</div>
</div>
</div>
</div>
<div class="layui-col-md5">
<div class="layui-row ColLeft"> <div class="layui-row ColLeft">
<div class="layui-col-md12"> <div class="layui-col-md12">
<div class="grid-demo spanDetailTitleClass" style="color: #FDFD00;"> <div class="grid-demo spanDetailTitleClass" style="color: #FFFFFF;">
生產品質 生產品質
<div class="Link-bottom"></div>
</div> </div>
</div> </div>
<div class="layui-col-md4 Link-right"> <div class="layui-col-md6 Link-right">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">IPQC合格率</div> <div class="layui-col-md12 spanDetailTitleClass ColTitle">IPQC異常件數</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #92D050"> <div class="layui-row">
@Model.ipqc <div class="layui-col-md6 ColDetailTitle" style="text-align:left;padding-left:10px;">新增筆數</div>
<p class="spanUnitClass">%</p> <div class="layui-col-md6 ColDetailTitle">@Model.IPQCNew</div>
</div> </div>
<div class="layui-row">
<div class="layui-col-md6 ColDetailTitle" style="text-align:left;padding-left:10px;">結案筆數</div>
<div class="layui-col-md6 ColDetailTitle">@Model.IPQCClose</div>
</div> </div>
<div class="layui-col-md4 Link-right"> <div class="layui-row">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">測試直通率</div> <div class="layui-col-md6 ColDetailTitle" style="text-align:left;padding-left:10px;">總筆數</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #F4A446"> <div class="layui-col-md6 ColDetailTitle">@Model.IPQCTotal</div>
@Model.test
<p class="spanUnitClass">%</p>
</div> </div>
</div> </div>
<div class="layui-col-md4"> <div class="layui-col-md6">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">FQC合格率</div> <div class="layui-col-md12 spanDetailTitleClass ColTitle">FQC批退率</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #F4A446"> <div class="layui-row">
@Model.fqc <div class="layui-col-md4 ColDetailTitle">Board</div>
<p class="spanUnitClass">%</p> <div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass">@Model.FQCRRBoard %</div>
<div class="layui-col-md12 ColDetailTitle">目標 &le; 0.20%</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle">System</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass">@Model.FQCRRSystem %</div>
<div class="layui-col-md12 ColDetailTitle">目標 &le; 1.37%</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle">Medical</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass">@Model.FQCRRMedical %</div>
<div class="layui-col-md12 ColDetailTitle">目標 &le; 0.59%</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="layui-row DetailRow"> <div class="layui-row DetailRow">
<div class="layui-col-md6"> <div class="layui-col-md7">
<div class="layui-row ColRight"> <div class="layui-row ColRight">
<div class="layui-col-md12"> <div class="layui-col-md12">
<div class="grid-demo spanDetailTitleClass" style="color: #9DC3E6"> <div class="grid-demo spanDetailTitleClass" style="color: #FFFFFF;">
生產資源 製造品質
<div class="Link-bottom"></div>
</div> </div>
</div> </div>
<div class="layui-col-md4 Link-right"> <div class="layui-col-md4 Link-right">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">出勤率</div> <div class="layui-col-md12 spanDetailTitleClass ColTitle">DOA Rate</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #F4A446"> <div class="layui-row">
@Model.attendance <div class="layui-col-md4 ColDetailTitle">Board</div>
<p class="spanUnitClass">%</p> <div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass">@Model.DOABoard %</div>
<div class="layui-col-md12 ColDetailTitle">目標 &le; 0.05%</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle">System</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass">@Model.DOASystem %</div>
<div class="layui-col-md12 ColDetailTitle">目標 &le; 0.1%</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle">Medical</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass">@Model.DOAMedical %</div>
<div class="layui-col-md12 ColDetailTitle">目標 &le; 0.035%</div>
</div>
</div> </div>
</div> </div>
<div class="layui-col-md4 Link-right"> <div class="layui-col-md4 Link-right">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">加班工時</div> <div class="layui-col-md12 spanDetailTitleClass ColTitle">FPY Rate(立德)</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #FFFFFF"> <div class="layui-row">
@Model.overtime <div class="layui-col-md4 ColDetailTitle">Board</div>
<p class="spanUnitClass">H</p> <div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass">@Model.FPYBoard_LEI %</div>
<div class="layui-col-md12 ColDetailTitle">目標 &ge; 99.89%</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle">System</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass">@Model.FPYSystem_LEI %</div>
<div class="layui-col-md12 ColDetailTitle">目標 &ge; 96.51%</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle">Medical</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass">@Model.FPYMedical_LEI %</div>
<div class="layui-col-md12 ColDetailTitle">目標 &ge; 97.81%</div>
</div>
</div> </div>
</div> </div>
<div class="layui-col-md4"> <div class="layui-col-md4">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">無效工時</div> <div class="layui-col-md12 spanDetailTitleClass ColTitle">FPY Rate(30秒切換外包)</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #A84CA8"> <div class="layui-row">
@Model.invalidHours <div class="layui-col-md4 ColDetailTitle">Board</div>
<p class="spanUnitClass">H</p> <div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass">@Model.FPYBoard %</div>
<div class="layui-col-md12 ColDetailTitle">目標 &ge; 99.89%</div>
</div> </div>
</div> </div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle">System</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass">@Model.FPYSystem %</div>
<div class="layui-col-md12 ColDetailTitle">目標 &ge; 96.51%</div>
</div> </div>
</div> </div>
<div class="layui-col-md6"> <div class="layui-row">
<div class="layui-col-md4 ColDetailTitle">Medical</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass">@Model.FPYMedical %</div>
<div class="layui-col-md12 ColDetailTitle">目標 &ge; 97.81%</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-md5">
<div class="layui-row ColLeft"> <div class="layui-row ColLeft">
<div class="layui-col-md12"> <div class="layui-col-md12">
<div class="grid-demo spanDetailTitleClass" style="color: #9DC3E6"> <div class="grid-demo spanDetailTitleClass" style="color: #FFFFFF;">
線上資訊 售後品質
<div class="Link-bottom"></div>
</div> </div>
</div> </div>
<div class="layui-col-md4 Link-right"> <div class="layui-col-md6 Link-right">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">未結工單數</div> <div class="layui-col-md12 spanDetailTitleClass ColTitle">RAM Rate</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #FFFFFF"> <div class="layui-row">
@Model.openOrderWipQty <div class="layui-col-md4 ColDetailTitle">Board</div>
<p class="spanUnitClass">張</p> <div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass">@Model.RMABoard %</div>
<div class="layui-col-md12 ColDetailTitle">目標 &le; 0.7%</div>
</div> </div>
</div> </div>
<div class="layui-col-md4 Link-right"> <div class="layui-row">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">完工入庫數</div> <div class="layui-col-md4 ColDetailTitle">System</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #FFFFFF"> <div class="layui-col-md8">
@Model.finishedProducts <div class="layui-col-md12 spanDetailNumberClass">@Model.RMASystem %</div>
<p class="spanUnitClass">pcs</p> <div class="layui-col-md12 ColDetailTitle">目標 &le; 1.5%</div>
</div> </div>
</div> </div>
<div class="layui-col-md4"> <div class="layui-row">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">異常工時</div> <div class="layui-col-md4 ColDetailTitle">Medical</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #92D050"> <div class="layui-col-md8">
@Model.abnormalTime <div class="layui-col-md12 spanDetailNumberClass">@Model.RMAMedical %</div>
<p class="spanUnitClass">H</p> <div class="layui-col-md12 ColDetailTitle">目標 &le; 1%</div>
</div> </div>
</div> </div>
</div> </div>
<div class="layui-col-md6">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">CFQR件數</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #F4A446">
<div class="layui-row">
<div class="layui-col-md6 ColDetailTitle" style="text-align:left;padding-left:10px;">新增筆數</div>
<div class="layui-col-md6 ColDetailTitle">@Model.CFQRNew</div>
</div>
<div class="layui-row">
<div class="layui-col-md6 ColDetailTitle" style="text-align:left;padding-left:10px;">結案筆數</div>
<div class="layui-col-md6 ColDetailTitle">@Model.CFQRClose</div>
</div>
<div class="layui-row">
<div class="layui-col-md6 ColDetailTitle" style="text-align:left;padding-left:10px;">總筆數</div>
<div class="layui-col-md6 ColDetailTitle">@Model.CFQRTotal</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
</form>
</div> </div>
@section Scripts { @section Scripts {
<script type="text/javascript" src="~/js/grids.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
layui.use(['form', 'laydate'], function () { layui.use(['form', 'laydate'], function () {
var form = layui.form, var form = layui.form,
@ -232,5 +332,10 @@
, theme: 'grid' , theme: 'grid'
}); });
}); });
// Jquery 將兩邊DIV設定同高度
jQuery(function ($) {
$('.layui-col-md4').responsiveEqualHeightGrid();
});
</script> </script>
} }
Write Preview
Loading…
Cancel
Save