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
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 321
      AMESCoreStudio.Web/Views/RPT/RPT002.cshtml

321
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"] = "品質看板";
@ -12,9 +12,8 @@
}
.spanMasterTitleClass {
color: #11E1DF;
background-color: #000000;
font-size: 7vmin;
color: #FFFFFF;
font-size: 4vmin;
font-weight: bold;
padding: 5px;
}
@ -27,10 +26,9 @@
}
.spanDetailNumberClass {
font-size: 9vmin;
color: #FDFD00;
font-size: 3.5vmin;
font-weight: bold;
padding: 10px;
margin: 10px 0px;
}
.DetailRow {
@ -39,10 +37,16 @@
}
.ColTitle {
color: #FFFFFF;
color: #FDFD00;
margin-top: -5%;
}
.ColDetailTitle {
color: #FFFFFF;
font-size: 3.5vmin;
font-weight: bold;
}
.ColRight {
margin-right: 5px;
background-color: #262626
@ -53,173 +57,269 @@
background-color: #262626
}
.Link-bottom {
margin: 10px;
border-bottom: solid #FFFFFF 1px;
}
.Link-right {
border-right: solid #FFFFFF 1px;
border-right: dashed #FFFFFF 1px;
margin-bottom: 10px;
}
</style>
<div class="layui-card">
<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-form">
<div class="layui-form-item" style="color:#FFFFFF">
<div class="layui-inline"><i class="fa fa-file-text-o fa-fw"></i> @ViewBag.Title</div>
<form enctype="multipart/form-data" method="post" asp-action="RPT002" class="layui-form">
<div class="layui-card-body" style="background-color:#404040">
<div class="layui-row">
<div class="layui-col-md7 spanMasterTitleClass" style="text-align:center;margin-top:5px;">
品質績效總覽(QA)
</div>
<div class="layui-form-item layui-layout-left">
<div class="layui-col-md5 spanMasterTitleClass">
<div class="layui-inline">
<label class="layui-form-label" style="color:#FFFFFF">查詢月份</label>
<div class="layui-input-inline" style="width:90px">
<input name="SerachData" id="SerachData" style="width:90px" class="layui-input" readonly="" value=@DateTime.Now.ToString("yyyy/MM") />
單月審查
<div class="layui-input-inline" style="width:200px">
<input name="SerachData" id="SerachData" class="layui-input" readonly="" value=@DateTime.Now.ToString("yyyy/MM") />
</div>
<div class="layui-inline layui-show-xs-block">
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="querysubmit">
<i class="layui-icon layui-icon-sm">&#xe615;</i>
</button>
</div>
</div>
<div class="layui-inline layui-show-xs-block">
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="querysubmit">
<i class="layui-icon layui-icon-sm">&#xe615;</i>
</button>
</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 class="layui-row DetailRow">
<div class="layui-col-md6">
<div class="layui-col-md7">
<div class="layui-row ColRight">
<div class="layui-col-md12">
<div class="grid-demo spanDetailTitleClass" style="color: #FDFD00;">
生產指標
<div class="Link-bottom"></div>
<div class="grid-demo spanDetailTitleClass" style="color: #FFFFFF;">
進料品質
</div>
</div>
<div class="layui-col-md6 Link-right">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">生產力</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #A84CA8">
@Model.productiveForces
<p class="spanUnitClass">%</p>
<div class="layui-col-md4 Link-right">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">進料批退率</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle">機構件</div>
<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 class="layui-row">
<div class="layui-col-md4 ColDetailTitle">電子件</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass">@Model.IQLRR_ME %</div>
<div class="layui-col-md12 ColDetailTitle">目標 &lt; 0.14%</div>
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">生產效率</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #F4A446">
@Model.productivity
<p class="spanUnitClass">%</p>
<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-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-md6">
<div class="layui-col-md5">
<div class="layui-row ColLeft">
<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 class="layui-col-md4 Link-right">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">IPQC合格率</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #92D050">
@Model.ipqc
<p class="spanUnitClass">%</p>
<div class="layui-col-md6 Link-right">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">IPQC異常件數</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.IPQCNew</div>
</div>
</div>
<div class="layui-col-md4 Link-right">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">測試直通率</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #F4A446">
@Model.test
<p class="spanUnitClass">%</p>
<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 class="layui-row">
<div class="layui-col-md6 ColDetailTitle" style="text-align:left;padding-left:10px;">總筆數</div>
<div class="layui-col-md6 ColDetailTitle">@Model.IPQCTotal</div>
</div>
</div>
<div class="layui-col-md4">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">FQC合格率</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #F4A446">
@Model.fqc
<p class="spanUnitClass">%</p>
<div class="layui-col-md6">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">FQC批退率</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle">Board</div>
<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 class="layui-row DetailRow">
<div class="layui-col-md6">
<div class="layui-col-md7">
<div class="layui-row ColRight">
<div class="layui-col-md12">
<div class="grid-demo spanDetailTitleClass" style="color: #9DC3E6">
生產資源
<div class="Link-bottom"></div>
<div class="grid-demo spanDetailTitleClass" style="color: #FFFFFF;">
製造品質
</div>
</div>
<div class="layui-col-md4 Link-right">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">出勤率</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #F4A446">
@Model.attendance
<p class="spanUnitClass">%</p>
<div class="layui-col-md12 spanDetailTitleClass ColTitle">DOA Rate</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle">Board</div>
<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 class="layui-col-md4 Link-right">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">加班工時</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #FFFFFF">
@Model.overtime
<p class="spanUnitClass">H</p>
<div class="layui-col-md12 spanDetailTitleClass ColTitle">FPY Rate(立德)</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle">Board</div>
<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 class="layui-col-md4">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">無效工時</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #A84CA8">
@Model.invalidHours
<p class="spanUnitClass">H</p>
<div class="layui-col-md12 spanDetailTitleClass ColTitle">FPY Rate(30秒切換外包)</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle">Board</div>
<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 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 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-md6">
<div class="layui-col-md5">
<div class="layui-row ColLeft">
<div class="layui-col-md12">
<div class="grid-demo spanDetailTitleClass" style="color: #9DC3E6">
線上資訊
<div class="Link-bottom"></div>
<div class="grid-demo spanDetailTitleClass" style="color: #FFFFFF;">
售後品質
</div>
</div>
<div class="layui-col-md4 Link-right">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">未結工單數</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #FFFFFF">
@Model.openOrderWipQty
<p class="spanUnitClass">張</p>
<div class="layui-col-md6 Link-right">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">RAM Rate</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle">Board</div>
<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 class="layui-col-md4 Link-right">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">完工入庫數</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #FFFFFF">
@Model.finishedProducts
<p class="spanUnitClass">pcs</p>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle">System</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass">@Model.RMASystem %</div>
<div class="layui-col-md12 ColDetailTitle">目標 &le; 1.5%</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.RMAMedical %</div>
<div class="layui-col-md12 ColDetailTitle">目標 &le; 1%</div>
</div>
</div>
</div>
<div class="layui-col-md4">
<div class="layui-col-md12 spanDetailTitleClass ColTitle">異常工時</div>
<div class="layui-col-md12 spanDetailNumberClass" style="color: #92D050">
@Model.abnormalTime
<p class="spanUnitClass">H</p>
<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>
</form>
</div>
@section Scripts {
<script type="text/javascript" src="~/js/grids.min.js"></script>
<script type="text/javascript">
layui.use(['form', 'laydate'], function () {
var form = layui.form,
@ -232,5 +332,10 @@
, theme: 'grid'
});
});
// Jquery 將兩邊DIV設定同高度
jQuery(function ($) {
$('.layui-col-md4').responsiveEqualHeightGrid();
});
</script>
}
Write Preview
Loading…
Cancel
Save