@model AMESCoreStudio.Web.ViewModels.PCS.WipDataViewModel


@{
    ViewData["Title"] = "PCS001C";
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}

<style>
    .control-label {
        justify-content: flex-end !important;
    }

    .text-error {
        color: #dc3545 !important;
    }

    .my-read-only-class {
        cursor: not-allowed;
    }
</style>

<div class="layui-card">
    <div class="col-sm-12">
        <form enctype="multipart/form-data" class="layui-form">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <div class="layui-form-item">
                <input type="checkbox" title="判斷前製程是否已經投入" @(Model.wipInfo.InputFlag == "Y" ? "checked" : "") />
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label asp-for="wipInfo.WipNO" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="wipInfo.WipNO" class="layui-input" autocomplete="off" />
                        <span asp-validation-for="wipInfo.WipNO" class="layui-bg-red"></span>
                    </div>
                    <label asp-for="wipInfo.WipSEQ" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <select disabled asp-for="wipInfo.WipSEQ" asp-items="@ViewBag.WipSEQTypeList" class=""></select>
                    </div>
                    <label asp-for="wipAtt.ItemNO" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="wipAtt.ItemNO" class="layui-input" autocomplete="off" />
                        <span asp-validation-for="wipAtt.ItemNO" class="layui-bg-red"></span>
                    </div>
                    <label asp-for="wipInfo.PlanQTY" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="wipInfo.PlanQTY" class="layui-input" autocomplete="off" />
                        <span asp-validation-for="wipInfo.PlanQTY" class="layui-bg-red"></span>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label asp-for="wipInfo.WipType" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <select disabled asp-for="wipInfo.WipType" asp-items="@ViewBag.GetWipTypeList" class=""></select>
                    </div>
                    <label asp-for="wipInfo.ProductTypeID" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <select disabled asp-for="wipInfo.ProductTypeID" asp-items="@ViewBag.ProductTypesList"></select>
                    </div>
                    <label asp-for="wipInfo.Werks" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <select disabled asp-for="wipInfo.Werks" asp-items="@ViewBag.FactoryInfoList" style="color: #dc3545 !important;"></select>
                    </div>
                    <label asp-for="wipInfo.WerksNO" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="wipInfo.WerksNO" class="layui-input" autocomplete="off" />
                        <span asp-validation-for="wipInfo.WerksNO" class="layui-bg-red"></span>
                    </div>

                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">客戶類別</label>
                    <div class="layui-input-inline">
                        <input @(Model.wipInfo.CustomerMedical == "Y" ? "checked" : "") type="checkbox" title="醫療" />
                        <input @(Model.wipInfo.CustomerVIP == "Y" ? "checked" : "") type="checkbox" title="VIP" />
                    </div>
                    <label asp-for="wipInfo.CustomerNO" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="wipInfo.CustomerNO" class="layui-input" autocomplete="off" />
                        <span asp-validation-for="wipInfo.CustomerNO" class="layui-bg-red"></span>
                    </div>
                    <label asp-for="wipInfo.CustomerItemNO" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="wipInfo.CustomerItemNO" class="layui-input" autocomplete="off" />
                    </div>
                    <label asp-for="wipInfo.Sales" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="wipInfo.Sales" class="layui-input" autocomplete="off" />
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label asp-for="wipInfo.UnitNO" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <select disabled id="unit" lay-filter="unit" asp-for="wipInfo.UnitNO" asp-items="@ViewBag.FactoryUnitList" class=""></select>
                    </div>
                    <input id="unitNo" type="hidden" asp-for="wipInfo.UnitNO" />
                    <label asp-for="wipInfo.LineID" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <select disabled lay-filter="lind" asp-for="wipInfo.LineID" asp-items="@ViewBag.LineInfoList" class="">
                        </select>
                        <span asp-validation-for="wipInfo.LineID" class="layui-bg-red"></span>
                    </div>

                    <input id="lindID" type="hidden" name="lindID" value="" />

                    <label asp-for="wipInfo.RelatedWONO" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="wipInfo.RelatedWONO" class="layui-input" />
                        <span asp-validation-for="wipInfo.RelatedWONO" class="layui-bg-red"></span>
                    </div>

                    <label asp-for="wipInfo.OrderNO" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="wipInfo.OrderNO" class="layui-input" />
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <label asp-for="wipInfo.Remarks" class="layui-form-label"></label>
                <div class="layui-input-block">
                    <textarea asp-for="wipInfo.Remarks" class="layui-textarea"></textarea>
                </div>
            </div>

            <div class="layui-form-item">
                <label asp-for="wipInfo.Description" class="layui-form-label"></label>
                <div class="layui-input-block">
                    <input asp-for="wipInfo.Description" class="layui-input" />
                </div>
            </div>

            <div class="layui-form-item">
                <input type="checkbox" title="混線投入機種檢查" @(Model.wipInfo.ModelCheck == "Y" ? "checked" : "") />
                <input type="checkbox" title="混線投入ECN相同檢查" @(Model.wipInfo.ECNCheck == "Y" ? "checked" : "") />
                <input type="checkbox" title="線上強制工單" @(Model.wipInfo.Priority == "Y" ? "checked" : "") />
            </div>

            <div class="layui-tab layui-tab-brief">
                <ul class="layui-tab-title">
                    <li class="layui-this">工單屬性</li>
                    <li>序號編碼</li>
                    <li>Keypart組合</li>
                    <li>生產流程</li>
                    <li id="board">板卡-工程資訊</li>
                    <li id="system">工程資訊</li>
                    <li>治具組合</li>
                    <li>SOP文件</li>
                    <li>標籤選項</li>
                    <li>上傳檔案</li>
                </ul>
                <div class="layui-tab-content">
                    @* 工單屬性sheet *@
                    <div class="layui-tab-item layui-show">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label asp-for="wipAtt.ModelNO" class="layui-form-label"></label>
                                <div class="layui-input-inline">
                                    <input asp-for="wipAtt.ModelNO" class="layui-input" />
                                </div>
                                <label asp-for="wipAtt.WipProcess" class="layui-form-label"></label>
                                <div class="layui-input-inline">
                                    <select disabled asp-for="wipAtt.WipProcess" asp-items="@ViewBag.ProcessTypeList" class=""></select>
                                </div>
                                <label asp-for="wipAtt.Side" class="layui-form-label"></label>
                                <div class="layui-input-inline">
                                    <select disabled asp-for="wipAtt.Side" asp-items="@ViewBag.MFGTypeList" class=""></select>
                                </div>

                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label asp-for="wipAtt.Boards" class="layui-form-label"></label>
                                <div class="layui-input-inline">
                                    <input asp-for="wipAtt.Boards" class="layui-input" />
                                    <span asp-validation-for="wipAtt.Boards" class="layui-bg-red"></span>
                                </div>
                                <label asp-for="wipInfo.BoxCNT" class="layui-form-label"></label>
                                <div class="layui-input-inline">
                                    <input asp-for="wipInfo.BoxCNT" class="layui-input" />
                                    <span asp-validation-for="wipInfo.BoxCNT" class="layui-bg-red"></span>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label asp-for="wipAtt.ECN" class="layui-form-label"></label>
                                <div class="layui-input-inline">
                                    <input asp-for="wipAtt.ECN" class="layui-input" />
                                </div>
                                <label asp-for="wipAtt.EAN" class="layui-form-label"></label>
                                <div class="layui-input-inline">
                                    <input asp-for="wipAtt.EAN" class="layui-input" />
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label asp-for="wipInfo.WipScheduleDate" class="layui-form-label"></label>
                                <div class="layui-input-inline">
                                    <input asp-for="wipInfo.WipScheduleDate" class="layui-input" readonly="" />
                                    <span asp-validation-for="wipInfo.WipScheduleDate" class="layui-bg-red"></span>
                                </div>
                                <label asp-for="wipInfo.WipDueDate" class="layui-form-label"></label>
                                <div class="layui-input-inline">
                                    <input asp-for="wipInfo.WipDueDate" class="layui-input" readonly="" />
                                    <span asp-validation-for="wipInfo.WipDueDate" class="layui-bg-red"></span>
                                </div>
                            </div>
                        </div>

                    </div>

                    @* 序號編碼sheet *@
                    <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label" style="font-weight: bold;">生產序號</label>
                                <table id="MydataTable" class="layui-table">
                                    <thead>
                                        <tr>
                                            <th>
                                                起始生產序號
                                            </th>

                                            <th>
                                                結束生產序號
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach (var index in Model.wipBarcodes)
                                        {
                                            <tr>
                                                <td>
                                                    @index.StartNO
                                                </td>
                                                <td>
                                                    @index.EndNO
                                                </td>
                                            </tr>
                                        }
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">出貨序號</label>
                                <input type="hidden" value=@Model.wipBarcodeOthers.Count() id="wipBarcodeOtherCount" />
                                <table id="wipBarcodeOtherTable" class="layui-table">
                                    <thead>
                                        <tr>
                                            <th>
                                                出貨區間起起
                                            </th>
                                            <th>
                                                出貨區間起迄
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach (var index in Model.wipBarcodeOthers)
                                        {
                                            <tr>
                                                <td>
                                                    @index.StartNO
                                                </td>
                                                <td>
                                                    @index.EndNO
                                                </td>
                                            </tr>
                                        }
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label" style="font-weight: bold;">MAC</label>
                                <input type="hidden" value=@Model.wipMACs.Count() id="WipMacCount" />
                                <table id="MACTable" class="layui-table">
                                    <thead>
                                        <tr>
                                            <th>
                                                MAC區間起
                                            </th>
                                            <th>
                                                MAC區間迄
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach (var index in Model.wipMACs)
                                        {
                                            <tr>
                                                <td>
                                                    @index.Title@index.StartNO
                                                </td>
                                                <td>
                                                    @index.Title@index.EndNO
                                                </td>
                                            </tr>
                                        }
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">備註</label>
                            <div class="layui-input-block">
                                <input asp-for="wipBarcode.Remarks" class="layui-input" type="text" />
                            </div>
                        </div>
                    </div>

                    @* Keypart組合sheet *@
                    <div class="layui-tab-item">
                        <table id="MydataTable" class="layui-table">
                            @{
                                int i = 0;
                            }
                            <thead>
                                <tr>
                                    <th>
                                        KP料號名稱
                                    </th>
                                    <th>
                                        KP料號NO
                                    </th>
                                    <th>
                                        順序
                                    </th>
                                    <th>
                                        前置碼
                                    </th>
                                    <th>
                                        長度
                                    </th>
                                    <th>
                                        生產單位
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var index in Model.WipKps)
                                {
                                    <tr>
                                        <td>

                                            @index.KpName
                                        </td>
                                        <td>
                                            <select asp-for="@index.KpNo" name="WipKps[@i].KpNo" asp-items="@ViewBag.ItemsList" class="" disabled></select>
                                        </td>
                                        <td>

                                            @index.KpSeq
                                        </td>
                                        <td>

                                            @index.Title
                                        </td>
                                        <td>

                                            @index.Length
                                        </td>
                                        <td>

                                            @index.UnitNoName
                                        </td>
                                    </tr>
                                    i++;
                                }
                            </tbody>
                        </table>
                    </div>

                    @* 生產流程sheet *@
                    <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label asp-for="wipInfo.FlowRuleID" class="layui-form-label"></label>
                                <div class="layui-input-inline">
                                    <select disabled lay-filter="flow" asp-for="wipInfo.FlowRuleID" asp-items="@ViewBag.MaterialFlowRule" class=""></select>
                                </div>
                                <input id="flowId" type="hidden" name="flowId" value="" />
                            </div>
                            <div class="layui-inline">
                                <input type="checkbox" title="途程確認" @(Model.wipInfo.SFISFlowCk == "Y" ? "checked" : "") />
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">作業流程註解</label>
                            <div class="layui-input-block">
                                <textarea placeholder="請輸入作業流程註解" asp-for="wipInfo.FlowRemark" class="layui-textarea"></textarea>
                            </div>
                        </div>
                        <table id="rulestionOld" class="layui-table">
                            <thead>
                                <tr>
                                    <th>
                                        生產單位
                                    </th>
                                    <th>
                                        流程名稱
                                    </th>
                                    <th>
                                        站別描述
                                    </th>
                                    <th>
                                        站別順序
                                    </th>
                                    <th>
                                        站別類型
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var index in Model.ruleStations)
                                {
                                    <tr>
                                        <td>
                                            @index.UnitNoName
                                        </td>
                                        <td>
                                            @index.FlowRuleName
                                        </td>
                                        <td>
                                            @index.StationDesc
                                        </td>
                                        <td>
                                            @index.Sequence
                                        </td>
                                        <td>
                                            @index.StationType
                                        </td>
                                    </tr>
                                }
                            </tbody>
                        </table>
                    </div>


                    @* 板卡-工程資訊sheet *@
                    <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label" asp-for="wipBoard.Engineer"></label>
                                <div class="layui-input-inline">
                                    <input class="layui-input" asp-for="wipBoard.Engineer" onchange="getUserName(this);" />
                                </div>

                                <label class="layui-form-label">姓名</label>
                                <div class="layui-input-inline">
                                    <input class="layui-input" asp-for="wipBoard.Engineer_Name" readonly="readonly" />
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">SMD點紅膠</label>
                                <div class="layui-input-block">
                                    <cl-checkbox asp-items="@ViewBag.GetCheckboxSMD" asp-for="wipBoard.SMDs" asp-skin="defult"></cl-checkbox>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">SMD點紅膠備註</label>
                            <div class="layui-input-block">
                                <input asp-for="wipBoard.SmdRemarks" class="layui-input" type="text" />
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">SMD點防焊膠</label>
                                <div class="layui-input-block">
                                    <cl-checkbox asp-items="@ViewBag.GetCheckboxSMDSolderMa" asp-for="wipBoard.SmdSolderMasks" asp-skin="defult"></cl-checkbox>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">SMD點防焊膠備註</label>
                            <div class="layui-input-block">
                                <input asp-for="wipBoard.SmdSMRemarks" class="layui-input" type="text" />
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">DIP</label>
                                <div class="layui-input-block">
                                    <cl-checkbox asp-items="@ViewBag.GetCheckboxDIP" asp-for="wipBoard.DipSides" asp-skin="defult"></cl-checkbox>
                                    <input @if (Model.wipBoard != null)
                                    {
                                        @(Model.wipBoard.DipCarrier == "Y" ? "checked" : "")
                                    } type="checkbox" title="CARRIER" name="wipBoard.DipCarrier" />
                                    <input @if (Model.wipBoard != null)
                                    {
                                        @(Model.wipBoard.DipTape == "Y" ? "checked" : "")
                                    } type="checkbox" title="貼付膠帶" name="wipBoard.DipTape" />
                                    <input @if (Model.wipBoard != null)
                                    {
                                        @(Model.wipBoard.DipSolderMask == "Y" ? "checked" : "")
                                    } type="checkbox" title="點防焊膠" name="wipBoard.SmdSolderMask" />
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">DIP備註</label>
                            <div class="layui-input-block">
                                <input asp-for="wipBoard.DipRemarks" class="layui-input" type="text" />
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">燒錄</label>
                                <div class="layui-input-inline">
                                    <input @if (Model.wipBoard != null)
                                    {
                                        @(Model.wipBoard.Burn == "Y" ? "checked" : "")
                                    } type="checkbox" title="是否燒入" name="wipBoard.Burn" />
                                </div>

                                <label class="layui-form-label">燒機位置</label>
                                <div class="layui-input-inline">
                                    <input asp-for="wipBoard.BurnLocation" class="layui-input" />
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">燒錄備註</label>
                            <div class="layui-input-block">
                                <input asp-for="wipBoard.BurnRemarks" class="layui-input" type="text" />
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">零件烘烤</label>
                                <div class="layui-input-inline">
                                    <input @if (Model.wipBoard != null)
                                    {
                                        @(Model.wipBoard.ISPartsBake == "Y" ? "checked" : "")
                                    } type="checkbox" title="零件是否需要烘烤" name="wipBoard.ISPartsBake" />
                                </div>
                                <label class="layui-form-label">零件烘烤溫度</label>
                                <div class="layui-input-inline" style="width:100px">
                                    <select disabled asp-items="@ViewBag.GetPartsBakeTypeList" asp-for="wipBoard.PartsBake" class=""></select>
                                </div>

                                <label class="layui-form-label">零件烘烤時間</label>
                                <div class="layui-input-inline" style="width:100px">
                                    <input asp-for="wipBoard.PartsBakeTime" class="layui-input" />
                                </div>

                                <div class="layui-input-inline">
                                    <input @if (Model.wipBoard != null)
                                    {
                                        @(Model.wipBoard.PartsBakeOvertime == "Y" ? "checked" : "")
                                    } type="checkbox" title="零件烘烤超過48hrs" name="wipBoard.PartsBakeOvertime" />
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">零件烘烤備註</label>
                            <div class="layui-input-block">
                                <input asp-for="wipBoard.PartsBakeRemarks" class="layui-input" type="text" />
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">PCB烘烤</label>
                                <div class="layui-input-inline">
                                    <input @if (Model.wipBoard != null)
                                    {
                                        @(Model.wipBoard.ISPcbBake == "Y" ? "checked" : "")
                                    } type="checkbox" title="PCB是否需要烘烤" name="wipBoard.ISPcbBake" />
                                </div>
                                <div class="layui-input-inline">
                                    <select disabled asp-items="@ViewBag.GetPCBBakeTypeSelect" asp-for="wipBoard.PcbBake" class=""></select>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">PCB烘烤備註</label>
                            <div class="layui-input-block">
                                <input asp-for="wipBoard.PcbBakeRemarks" class="layui-input" type="text" />
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label" asp-for="wipBoard.SolderPaste"></label>
                                <div class="layui-input-block">
                                    <select disabled asp-items="@ViewBag.GetSolderPasteSelect" asp-for="wipBoard.SolderPaste"></select>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">錫膏備註</label>
                            <div class="layui-input-block">
                                <input asp-for="wipBoard.SolderPasteRemarks" class="layui-input" type="text" />
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">PCB加工</label>
                                <div class="layui-input-inline">
                                    <select disabled asp-items="@ViewBag.GetPCBProcessingTypeSelect" asp-for="wipBoard.PcbProcessing" class=""></select>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">PCB加工備註</label>
                            <div class="layui-input-block">
                                <input asp-for="wipBoard.PcbProcessingRemarks" class="layui-input" type="text" />
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <div class="layui-input-inline">
                                    <label asp-for="wipBoard.BiRatio" class="layui-form-label"></label>
                                    <div class="layui-input-block">
                                        <input asp-for="wipBoard.BiRatio" class="layui-input" />
                                        <span asp-validation-for="wipBoard.BiRatio" class="layui-bg-red"></span>
                                    </div>
                                </div>
                                <div class="layui-input-inline">
                                    <label asp-for="wipBoard.BiTemperature" class="layui-form-label"></label>
                                    <div class="layui-input-block">
                                        <input asp-for="wipBoard.BiTemperature" class="layui-input" />
                                        <span asp-validation-for="wipBoard.BiTemperature" class="layui-bg-red"></span>
                                    </div>
                                </div>
                                <div class="layui-input-inline">
                                    <label asp-for="wipBoard.BiTime" class="layui-form-label"></label>
                                    <div class="layui-input-block">
                                        <input asp-for="wipBoard.BiTime" class="layui-input" />
                                        <span asp-validation-for="wipBoard.BiTime" class="layui-bg-red"></span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">燒機備註</label>
                            <div class="layui-input-block">
                                <input asp-for="wipBoard.BiRemarks" class="layui-input" type="text" />
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label asp-for="wipBoard.BiosVer" class="layui-form-label"></label>
                                <div class="layui-input-inline">
                                    <input asp-for="wipBoard.BiosVer" class="layui-input" />
                                    <span asp-validation-for="wipBoard.BiosVer" class="layui-bg-red"></span>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">BIOS備註</label>
                            <div class="layui-input-block">
                                <input asp-for="wipBoard.BiosRemarks" class="layui-input" type="text" />
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label asp-for="wipBoard.Checksum" class="layui-form-label"></label>
                                <div class="layui-input-inline">
                                    <input asp-for="wipBoard.Checksum" class="layui-input" />
                                    <span asp-validation-for="wipBoard.Checksum" class="layui-bg-red"></span>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">Check Sum備註</label>
                            <div class="layui-input-block">
                                <input asp-for="wipBoard.CsRemarks" class="layui-input" type="text" />
                            </div>
                        </div>
                    </div>

                    @* 系統-工程資訊sheet *@
                    <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label" asp-for="wipSystem.Engineer"></label>
                                <div class="layui-input-inline">
                                    <input class="layui-input" asp-for="wipSystem.Engineer" readonly="readonly" />
                                </div>

                                <label class="layui-form-label">姓名</label>
                                <div class="layui-input-inline">
                                    <input class="layui-input" asp-for="wipSystem.Engineer_Name" readonly="readonly" />
                                </div>
                                <div class="layui-input-inline" style="display: flex;align-items: center;height: 35px;">
                                    @if (!string.IsNullOrWhiteSpace(Model.itemNoCT1))
                                    {
                                        <span style="color:red">有維護標準工時</span>
                                    }
                                    else
                                    {
                                        <span style="color:red">**無維護標準工時**</span>
                                    }
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">Power Mode</label>
                                <div class="layui-input-inline">
                                    <select disabled asp-for="wipSystem.PowerModeType" asp-items="@ViewBag.GetWipSystemPMTypeSelect" class=""></select>
                                </div>
                                <div class="layui-input-inline">
                                    <input class="layui-input" style="text-transform:uppercase;" asp-for="wipSystem.PowerMode" autocomplete="off" />
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">PLM生產備註</label>
                            <div class="layui-input-block">
                                <textarea class="layui-textarea" asp-for="wipSystem.Memo" readonly="readonly"></textarea>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label asp-for="wipSystem.BiRatio" class="layui-form-label"></label>
                                <div class="layui-input-inline" style="width:80px;">
                                    <input style="background-color: #acdbe36b" asp-for="wipSystem.BiRatio" class="layui-input" />
                                </div>
                                <label asp-for="wipSystem.BiTime" class="layui-form-label"></label>
                                <div class="layui-input-inline" style="width:50px;">
                                    <input asp-for="wipSystem.BiTime" class="layui-input" />
                                </div>
                                <div class="layui-form-mid layui-word-aux">小時</div>
                                <label asp-for="wipSystem.BiTemperature" class="layui-form-label"></label>
                                <div class="layui-input-inline" style="width:120px;">
                                    <select asp-for="wipSystem.BiTemperature" asp-items="@ViewBag.GetWipBITemperatuerSelect" class=""></select>
                                </div>
                                <label asp-for="wipSystem.BI_OS" class="layui-form-label"></label>
                                <div class="layui-input-inline" style="width:200px;">
                                    <select asp-for="wipSystem.BI_OS" asp-items="@ViewBag.GetWipBI_OSSelect" class=""></select>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label asp-for="wipSystem.BiMemo" class="layui-form-label"></label>
                            <div class="layui-input-block">
                                <textarea asp-for="wipSystem.BiMemo" class="layui-textarea"></textarea>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">BIOS</label>
                                <div class="layui-input-inline" style="width:150px;">
                                    <select disabled asp-for="wipSystem.BiosType" asp-items="@ViewBag.GetWipSystemTypeSelect" class=""></select>
                                </div>
                                <div class="layui-input-inline" style="width:150px;">
                                    <input class="layui-input autocomplete" onkeypress="if( event.keyCode == 13 ) { return false; }" oninput="let p=this.selectionStart;this.value=this.value.toUpperCase();this.setSelectionRange(p, p);" asp-for="wipSystem.Bios" autocomplete="off" />
                                </div>
                                <div class="layui-input-inline" style="width:300px;">
                                    <input class="layui-input" asp-for="wipSystem.Bios_Desc" readonly="readonly" />
                                </div>
                                <label class="layui-form-label" style="width:40px;">Ver.</label>
                                <div class="layui-input-inline" style="width:80px;">
                                    <input asp-for="wipSystem.BiosVer" class="layui-input" />
                                </div>
                                <label class="layui-form-label" style="width:40px;">CS.</label>
                                <div class="layui-input-inline" style="width:80px;">
                                    <input asp-for="wipSystem.Checksum" style="width:80px;" class="layui-input" />
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">EC</label>
                                <div class="layui-input-inline" style="width:150px;">
                                    <select disabled asp-for="wipSystem.ECType" asp-items="@ViewBag.GetWipSystemTypeSelect" class=""></select>
                                </div>
                                <div class="layui-input-inline" style="width:150px;">
                                    <input class="layui-input autocomplete" onkeypress="if( event.keyCode == 13 ) { return false; }" oninput="let p=this.selectionStart;this.value=this.value.toUpperCase();this.setSelectionRange(p, p);" asp-for="wipSystem.Ec" autocomplete="off" />
                                </div>
                                <div class="layui-input-inline" style="width:300px;">
                                    <input class="layui-input" asp-for="wipSystem.Ec_Desc" readonly="readonly" />
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">FW</label>
                                <div class="layui-input-inline" style="width:150px;">
                                    <select disabled asp-for="wipSystem.FWType" asp-items="@ViewBag.GetWipSystemTypeSelect" class=""></select>
                                </div>
                                <div class="layui-input-inline" style="width:150px;">
                                    <input class="layui-input autocomplete" onkeypress="if( event.keyCode == 13 ) { return false; }" oninput="let p=this.selectionStart;this.value=this.value.toUpperCase();this.setSelectionRange(p, p);" asp-for="wipSystem.Fw" autocomplete="off" />
                                </div>
                                <div class="layui-input-inline" style="width: 300px;">
                                    <input class="layui-input" asp-for="wipSystem.Fw_Desc" readonly="readonly" />
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">FW1</label>
                                <div class="layui-input-inline" style="width:150px;">
                                    <select disabled asp-for="wipSystem.FW1Type" asp-items="@ViewBag.GetWipSystemTypeSelect" class=""></select>
                                </div>
                                <div class="layui-input-inline" style="width:150px;">
                                    <input class="layui-input autocomplete" onkeypress="if( event.keyCode == 13 ) { return false; }" asp-for="wipSystem.Fw1" oninput="let p=this.selectionStart;this.value=this.value.toUpperCase();this.setSelectionRange(p, p);" autocomplete="off" />
                                </div>
                                <div class="layui-input-inline" style="width: 300px; ">
                                    <input class="layui-input" asp-for="wipSystem.Fw1_Desc" readonly="readonly" />
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">FW2</label>
                                <div class="layui-input-inline" style="width:150px;">
                                    <select disabled asp-for="wipSystem.FW2Type" asp-items="@ViewBag.GetWipSystemTypeSelect" class=""></select>
                                </div>
                                <div class="layui-input-inline" style="width:150px;">
                                    <input class="layui-input autocomplete" onkeypress="if( event.keyCode == 13 ) { return false; }" asp-for="wipSystem.Fw2" oninput="let p=this.selectionStart;this.value=this.value.toUpperCase();this.setSelectionRange(p, p);" autocomplete="off" />
                                </div>
                                <div class="layui-input-inline" style="width: 300px;">
                                    <input class="layui-input" asp-for="wipSystem.Fw2_Desc" readonly="readonly" />
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label" asp-for="wipSystem.OsVer"></label>
                                <div class="layui-input-inline" style="width:150px;">
                                    <select disabled asp-for="wipSystem.OsType" asp-items="@ViewBag.GetWipSystemTypeSelect" class=""></select>
                                </div>
                                <div class="layui-input-inline" style="width:150px;">
                                    <input class="layui-input autocomplete" onkeypress="if( event.keyCode == 13 ) { return false; }" asp-for="wipSystem.OsVer" oninput="let p=this.selectionStart;this.value=this.value.toUpperCase();this.setSelectionRange(p, p);" autocomplete="off" />
                                </div>
                                <div class="layui-input-inline" style="width: 300px;">
                                    <input class="layui-input" asp-for="wipSystem.OsVer_Desc" readonly="readonly" />
                                </div>
                                <input @if (Model.wipSystem != null) { @(Model.wipSystem.Antivirus == "Y" ? "checked" : "")  }
                                       type="checkbox" title="T3是否需掃毒" name="wipSystem.Antivirus" />
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label" asp-for="wipSystem.Cpu"></label>
                                <div class="layui-input-inline">
                                    <input class="layui-input" asp-for="wipSystem.Cpu" autocomplete="off" />
                                </div>
                                <label class="layui-form-label" asp-for="wipSystem.Ram"></label>
                                <div class="layui-input-inline">
                                    <input class="layui-input" asp-for="wipSystem.Ram" autocomplete="off" />
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">FINE_PACKAGE</label>
                                <div class="layui-input-inline">
                                    <input type="checkbox" title="是否為精裝" @if (Model.wipSystem != null)
                                    {
                                        @(Model.wipSystem.FinePackage == "Y" ? "checked" : "")
                                    } />

                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label" asp-for="wipSystem.DmiBi"></label>
                                <div class="layui-input-inline">
                                    <select disabled asp-for="wipSystem.DmiBi" asp-items="@ViewBag.GetWipSystemDMITypeSelect" class=""></select>
                                </div>
                                <label class="layui-form-label" asp-for="wipSystem.DmiBiMemo"></label>
                                <div class="layui-input-inline" style="width: 500px;">
                                    <input class="layui-input" asp-for="wipSystem.DmiBiMemo" readonly="readonly" />
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label" asp-for="wipSystem.Jumper"></label>
                            <div class="layui-input-block">
                                <input class="layui-input" asp-for="wipSystem.Jumper" autocomplete="off" />
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">組裝備註</label>
                            <div class="layui-input-block">
                                <textarea class="layui-textarea" asp-for="wipSystem.BabMemo"></textarea>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">測試備註</label>
                            <div class="layui-input-block">
                                <textarea class="layui-textarea" asp-for="wipSystem.TestMemo"></textarea>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">包裝備註</label>
                            <div class="layui-input-block">
                                <textarea class="layui-textarea" asp-for="wipSystem.PackingMemo"></textarea>
                            </div>
                        </div>
                    </div>

                    @* 治具組合sheet *@
                    <div class="layui-tab-item">
                        <table id="MydataTable" class="layui-table">
                            @{
                                int j = 0;
                            }
                            <thead>
                                <tr>
                                    <th>
                                        治具種類
                                    </th>
                                    <th>
                                        生產單位
                                    </th>
                                    <th>
                                        作業站
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var index in Model.WipOutfits)
                                {
                                    <tr>
                                        <td>
                                            @index.PartNoName
                                        </td>
                                        <td>
                                            @index.UnitNoName
                                        </td>
                                        <td>
                                            @index.StationName
                                        </td>
                                    </tr>
                                    j++;
                                }
                            </tbody>
                        </table>
                    </div>

                    @* SOP文件 sheet *@
                    <div class="layui-tab-item" lay-filter="test2">
                        <table class="layui-hide" id="query" lay-filter="query"></table>
                        <table lay-filter="demo" class="layui-table">
                            @{
                                int l = 0;
                            }
                            <thead>
                                <tr>
                                    <th lay-data="{field:'username'}">SOP文件敘述</th>
                                    @*<th lay-data="{field:'experience', width:80, sort:true}">檔案路徑</th>*@
                                    <th lay-data="{field:'sign'}">SOP類型</th>
                                    <th lay-data="{field:'sign'}">生產單位</th>
                                    <th lay-data="{field:'sign'}">SOP版本</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var index in Model.WipSops)
                                {
                                    <tr>
                                        <td>
                                            @index.SOPName
                                        </td>
                                        @*<td>
                                    @index.SOPPath
                                    </td>*@
                                        <td>
                                            @index.SOPTypeName
                                        </td>
                                        <td>
                                            @index.UnitNoName
                                        </td>
                                        <td>
                                            @index.SOPVer
                                        </td>
                                    </tr>
                                    l++;
                                }
                            </tbody>
                        </table>
                    </div>

                    @* 標籤選項sheet *@
                    <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <label class="layui-form-label">列印方式</label>
                            <cl-radio asp-items="@ViewBag.GetCheckboxPrintMode" asp-for="wipLabel.PrintMode"></cl-radio>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">列印張數</label>
                            <div class="layui-input-inline" style="width: 100px;">
                                <input class="layui-input" asp-for="wipLabel.PrintPage" />
                            </div>
                            <div class="layui-form-mid layui-word-aux">張</div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">認證LOGO</label>
                            <div class="layui-input-block">
                                <cl-checkbox asp-items="@ViewBag.GetCheckboxApproveLogo" asp-for="wipLabel.ApproveLogos" asp-skin="defult"></cl-checkbox>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">公司LOGO</label>
                            <div class="layui-input-block">
                                <cl-radio asp-items="@ViewBag.GetCheckboxCompanyLogo" asp-for="wipLabel.CompanyLogo"></cl-radio>

                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">工單屬性</label>
                            <div class="layui-input-block">
                                <cl-radio asp-items="@ViewBag.GetCheckboxWipAttr" asp-for="wipLabel.WipAttr"></cl-radio>
                                <input class="layui-input" style="width:200px;display:inline;" asp-for="wipLabel.NonstandardWoMemo" readonly="readonly" />
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">備註</label>
                            <div class="layui-input-block">
                                <textarea asp-for="wipLabel.Remarks" class="layui-textarea"></textarea>
                            </div>
                        </div>
                    </div>

                    @* 上傳資料sheet *@
                    <div class="layui-tab-item">
                        <span style="color:red">**預覽只能顯示圖檔、PDF、文字檔**</span>
                        <div class="layui-form-item">
                            <table lay-filter="demo" class="layui-table">
                                <thead>
                                    <tr>
                                        <th lay-data="{field:'username'}">檔案名稱</th>
                                        <th lay-data="{field:'experience', sort:true}">檔案路徑</th>
                                        <th lay-data="{field:'remark'}">備註</th>
                                        <th lay-data="{field:'right', width:120, sort:true}"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach (var index in Model.wipInfoBlobs)
                                    {
                                        <tr>
                                            <td>
                                                <span id="FileName">@index.ImageName</span>
                                            </td>
                                            <td>
                                                <span id="Filepath">@index.Filepath</span>
                                            </td>
                                            <td>
                                                <span id="Remark">@index.Remark</span>

                                            </td>
                                            <td>
                                                <a class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-read" onclick="show(this)">預覽</a>
                                                <a class="layui-btn layui-btn-normal layui-btn-xs" onclick="filedownload(this)">下載</a>
                                            </td>
                                        </tr>
                                    }
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
@section Scripts {

    <script type="text/javascript">

        $(document).ready(function () {
            // 安勤統一只Show工程資訊
            $("#system").show();
            $("#board").hide();

            if ("@ViewBag.WipSpecial" == "N") {
                if ($("#unitNo").val() == "B" || $("#unitNo").val() == "P" || $("#unitNo").val() == "T") {
                    $("#system").show();
                    $("#board").hide();
                }
                else {
                    $("#system").hide();
                    $("#board").show();
                }
            }

            $(":input").attr("disabled", "disabled");
        });

        layui.use(['form', 'laydate', 'element', 'table'], function () {
            var form = layui.form,
                laydate = layui.laydate,
                layer = layui.layer,
                element = layui.element,
                table = layui.table;


            laydate.render({
                elem: '#wipInfo_WipScheduleDate'
                , trigger: 'click'
                , format: 'yyyy/MM/dd'
                , theme: 'grid'
            });

            laydate.render({
                elem: '#wipInfo_WipDueDate'
                , trigger: 'click'
                , format: 'yyyy/MM/dd'
                , theme: 'grid'
            });

            element.on('tab(test2)', function (data) {
                alert("TAB");
                table && table.reload(data);
            });

            ////转换静态表格
            //table.init('demo', {
            //    height: 315 //设置高度
            //    , limit: 10 //注意:请务必确保 limit 参数(默认:10)是与你服务端限定的数据条数一致
            //    //支持所有基础参数
            //});
        });

        //通过行tool编辑,lay-event="show"
        function show(obj) {
            var Path = $(obj).closest("TR").find('span[id*=Filepath]').text();;
            var FileName = $(obj).closest("TR").find('span[id*=FileName]').text();;
            layui.use('layer', function () {
                var layer = layui.layer;
                layer.open({
                    type: 2,
                    title: '預覽文件',
                    shadeClose: true,//点击遮罩关闭层
                    shade: 0.8,
                    area: ['90%', '90%'],
                    zIndex: 19891014,
                    content: "../../" + Path + FileName
                });
            });
        };

        // 檔案下載
        function filedownload(obj) {
            var Path = $(obj).closest("TR").find('span[id*=Filepath]').text();
            var FileName = $(obj).closest("TR").find('span[id*=FileName]').text();
            filePath = `/PCS/FileDownload?Path=${Path}&FileName=${FileName}`;
            console.log(filePath);
            $(obj).attr("href", filePath);
        };

        var tableCols = [[
            {
                field: 'unitName',
                title: '生產單位',
                width: 200,
                sort: true
            },
            {
                field: 'sopName',
                title: 'SOP敘述',
                sort: true
            },
            {
                field: 'sopPath',
                title: '檔案路徑',
                sort: true
            },
            {
                field: 'sopTypeName',
                title: 'SOP類型',
                width: 100,
                sort: true
            },
            {
                field: 'right',
                width: 80,
                title: '操作',
                align: 'center',
                fixed: 'right',
                templet: function (d) {
                    return '<a class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-read" lay-event="show">預覽</a>'
                }
            }]
        ];
    </script>
}