@model AMESCoreStudio.WebApi.DTO.AMES.RPT002ViewDto
@{
ViewData["Title"] = "品質看板";
Layout = "~/Views/Shared/_AMESLayout.cshtml";
}
<style>
.spanUnitClass {
font-size: 12pt;
display: inline;
}
.spanMasterTitleClass {
color: #FFFFFF;
font-size: 4vmin;
}
.spanDetailTitleClass {
font-size: 4vmin;
font-weight: bold;
padding: 5px;
}
.spanDetailNumberClass {
font-size: 5vmin;
font-weight: bold;
}
.ColorWhite {
color: #ffffff;
}
.ColorGreen {
color: #00CC00;
}
.ColorRed {
color: #CC1100;
}
.DetailRow {
text-align: center;
margin: 5px 0px;
}
.ColTitle {
color: #FDFD00;
margin-top: -5%;
font-size: 3vmin;
margin: 5px 0px;
}
.ColDetailTitle {
color: #FFFFFF;
font-size: 3.5vmin;
}
.ColRight {
margin-right: 2px;
background-color: #1f3770
}
.ColLeft {
margin-left: 2px;
background-color: #1f3770
}
.Link-right {
border-right: dashed #FFFFFF 1px;
margin-bottom: 10px;
}
.vertical {
margin-top: 5%;
}
.marginblock_10PP {
margin-block-end: 10%;
}
</style>
<div class="layui-card" style="background-color:#000000">
<form id="rpt002Form" enctype="multipart/form-data" method="post" asp-action="RPT002" class="layui-form">
<input id="werksNoSeq" name="werksNoSeq" type="hidden" value="@ViewBag.werksNoSeq" />
<div class="layui-card-body" style="background-color:#1f3770">
<div class="layui-row">
<div class="layui-col-md7 spanMasterTitleClass" style="text-align:center;margin-top:5px;">
品質績效總覽(QA)
</div>
<div class="layui-col-md5 spanMasterTitleClass">
<div class="layui-inline">
單月審查
<div class="layui-input-inline" style="width:200px">
<input name="SerachData" id="SerachData" class="layui-input" readonly="" value=@Model.SerachData />
</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"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row DetailRow">
<div class="layui-col-md7">
<div class="layui-row ColRight">
<div class="layui-col-md12">
<div class="grid-demo spanDetailTitleClass" style="color: #FFFFFF;">
進料品質
</div>
</div>
<div class="layui-col-md4 Link-right" style="height:35vh;">
<div class="layui-col-md12 ColTitle">進料批退率</div>
<div class="layui-row marginblock_10PP">
<div class="layui-col-md4 ColDetailTitle vertical">機構件</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.IQLRR_EE < 1.10)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.IQLRR_EE %</div>
<div class="layui-col-md12 ColDetailTitle">目標 < 1.10%</div>
</div>
</div>
<div class="layui-row marginblock_10PP">
<div class="layui-col-md4 ColDetailTitle vertical">電子件</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.IQLRR_ME < 0.14)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.IQLRR_ME %</div>
<div class="layui-col-md12 ColDetailTitle">目標 < 0.14%</div>
</div>
</div>
</div>
<div class="layui-col-md4 Link-right" style="height:35vh;">
<div class="layui-col-md12 ColTitle">線上材料品質</div>
<div style="line-height: 3;">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.LQC > 95)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.LQC %</div>
<div class="layui-col-md12 ColDetailTitle"> 目標 > 95%</div>
</div>
</div>
<div class="layui-col-md4" style="height:35vh;">
<div class="layui-col-md12 ColTitle">QRC件數</div>
<div class="layui-row marginblock_10PP">
<div class="layui-col-md6 ColDetailTitle " style="text-align:left;padding-left:10px;">新增筆數</div>
<div class="layui-col-md6 spanDetailNumberClass ColorWhite">@Model.QRCNew</div>
</div>
<div class="layui-row marginblock_10PP">
<div class="layui-col-md6 ColDetailTitle" style="text-align:left;padding-left:10px;">結案筆數</div>
<div class="layui-col-md6 spanDetailNumberClass ColorWhite">@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 spanDetailNumberClass ColorWhite">@Model.QRCTotal</div>
</div>
</div>
</div>
</div>
<div class="layui-col-md5">
<div class="layui-row ColLeft">
<div class="layui-col-md12">
<div class="grid-demo spanDetailTitleClass" style="color: #FFFFFF;">
生產品質
</div>
</div>
<div class="layui-col-md6 Link-right" style="height:35vh;">
<div class="layui-col-md12 ColTitle">IPQC異常件數</div>
<div class="layui-row marginblock_10PP">
<div class="layui-col-md6 ColDetailTitle" style="text-align:left;padding-left:10px;">新增筆數</div>
<div class="layui-col-md6 spanDetailNumberClass ColorWhite">@Model.IPQCNew</div>
</div>
<div class="layui-row marginblock_10PP">
<div class="layui-col-md6 ColDetailTitle" style="text-align:left;padding-left:10px;">結案筆數</div>
<div class="layui-col-md6 spanDetailNumberClass ColorWhite">@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 spanDetailNumberClass ColorWhite">@Model.IPQCTotal</div>
</div>
</div>
<div class="layui-col-md6" style="height:35vh;">
<div class="layui-col-md12 ColTitle">FQC批退率</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle vertical">Board</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.FQCRRBoard <= 0.20)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.FQCRRBoard %</div>
<div class="layui-col-md12 ColDetailTitle">目標 ≤ 0.20%</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle vertical">System</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.FQCRRSystem <= 1.37)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.FQCRRSystem %</div>
<div class="layui-col-md12 ColDetailTitle">目標 ≤ 1.37%</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle vertical">Medical</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.FQCRRMedical <= 0.59)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.FQCRRMedical %</div>
<div class="layui-col-md12 ColDetailTitle">目標 ≤ 0.59%</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row DetailRow">
<div class="layui-col-md7">
<div class="layui-row ColRight">
<div class="layui-col-md12">
<div class="grid-demo spanDetailTitleClass" style="color: #FFFFFF;">
製造品質
</div>
</div>
<div class="layui-col-md4 Link-right" style="height:35vh;">
<div class="layui-col-md12 ColTitle">DOA Rate</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle vertical">Board</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.DOABoard <= 0.05)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.DOABoard %</div>
<div class="layui-col-md12 ColDetailTitle">目標 ≤ 0.05%</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle vertical">System</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.DOASystem <= 0.1)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.DOASystem %</div>
<div class="layui-col-md12 ColDetailTitle">目標 ≤ 0.1%</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle vertical">Medical</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.DOAMedical <= 0.035)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.DOAMedical %</div>
<div class="layui-col-md12 ColDetailTitle">目標 ≤ 0.035%</div>
</div>
</div>
</div>
<div class="layui-col-md4 Link-right" style="height:35vh;">
<div class="layui-col-md12 ColTitle">FPY Rate(立德)</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle vertical">Board</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.FPYBoard_LEI >= 99.89)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.FPYBoard_LEI %</div>
<div class="layui-col-md12 ColDetailTitle">目標 ≥ 99.89%</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle vertical">System</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.FPYSystem_LEI >= 96.51)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.FPYSystem_LEI %</div>
<div class="layui-col-md12 ColDetailTitle">目標 ≥ 96.51%</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle vertical">Medical</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.FPYMedical_LEI >= 97.81)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.FPYMedical_LEI %</div>
<div class="layui-col-md12 ColDetailTitle">目標 ≥ 97.81%</div>
</div>
</div>
</div>
<div class="layui-col-md4" style="height:35vh;">
<div class="layui-col-md12 ColTitle">FPY Rate(@Model.WerkNo)</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle vertical">Board</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.FPYBoard >= 99.89)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.FPYBoard %</div>
<div class="layui-col-md12 ColDetailTitle">目標 ≥ 99.89%</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle vertical">System</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.FPYSystem >= 96.51)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.FPYSystem %</div>
<div class="layui-col-md12 ColDetailTitle">目標 ≥ 96.51%</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle vertical">Medical</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.FPYMedical >= 97.81)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.FPYMedical %</div>
<div class="layui-col-md12 ColDetailTitle">目標 ≥ 97.81%</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-md5">
<div class="layui-row ColLeft">
<div class="layui-col-md12">
<div class="grid-demo spanDetailTitleClass" style="color: #FFFFFF;">
售後品質
</div>
</div>
<div class="layui-col-md6 Link-right" style="height:35vh;">
<div class="layui-col-md12 ColTitle">RAM Rate</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle vertical">Board</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.RMABoard <= 0.7)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.RMABoard %</div>
<div class="layui-col-md12 ColDetailTitle">目標 ≤ 0.7%</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle vertical">System</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.RMASystem <= 1.5)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.RMASystem %</div>
<div class="layui-col-md12 ColDetailTitle">目標 ≤ 1.5%</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md4 ColDetailTitle vertical">Medical</div>
<div class="layui-col-md8">
<div class="layui-col-md12 spanDetailNumberClass
@if(Model.RMAMedical <= 1)
{
<text>ColorGreen</text>
}
else
{
<text>ColorRed</text>
}
">@Model.RMAMedical %</div>
<div class="layui-col-md12 ColDetailTitle">目標 ≤ 1%</div>
</div>
</div>
</div>
<div class="layui-col-md6" style="height:35vh;">
<div class="layui-col-md12 ColTitle">CFQR件數</div>
<div class="layui-col-md12 spanDetailNumberClass">
<div class="layui-row marginblock_10PP">
<div class="layui-col-md6 ColDetailTitle" style="text-align:left;padding-left:10px;">新增筆數</div>
<div class="layui-col-md6 spanDetailNumberClass ColorWhite">@Model.CFQRNew</div>
</div>
<div class="layui-row marginblock_10PP">
<div class="layui-col-md6 ColDetailTitle" style="text-align:left;padding-left:10px;">結案筆數</div>
<div class="layui-col-md6 spanDetailNumberClass ColorWhite">@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 spanDetailNumberClass ColorWhite">@Model.CFQRTotal</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,
laydate = layui.laydate
laydate.render({
elem: '#SerachData'
, trigger: 'click'
, format: 'yyyy/MM'
, theme: 'grid'
});
});
// 自動提交
function autoSubmitForm() {
document.getElementById('rpt002Form').submit();
}
// 每30秒執行autoSubmitForm
setInterval(autoSubmitForm, 30000);
</script>
}