@model AMESCoreStudio.Web.ViewModels.PCS.WipDataViewModel


@{ ViewData["Title"] = "PCS001";
    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 id="formPCS001N" enctype="multipart/form-data" method="post" asp-action="PCS001N" class="layui-form">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <div class="layui-form-item " style="padding-left:30px">
                <input asp-for="wipInfo.InputFlag" type="checkbox" title="判斷前製程是否已經投入" />
            </div>
            <div>@ViewData["message"]</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" style="width: 150px; display: initial" class="layui-input" oninput="let p=this.selectionStart;this.value=this.value.toUpperCase();this.setSelectionRange(p, p);" autocomplete="off" />
                        <button id="Copy" class="layui-btn layui-btn-sm layui-btn-normal" style="padding: 0 5px;" name="action" value="Copy" lay-submit lay-filter="querysubmit" title="刷新">
                            <i class="layui-icon layui-icon-sm">&#xe669;</i>
                        </button>
                    </div>
                    <label asp-for="wipInfo.WipSEQ" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <select 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" style="width: 150px; display:initial" oninput="let p=this.selectionStart;this.value=this.value.toUpperCase();this.setSelectionRange(p, p);" maxlength="20" class="layui-input" autocomplete="off" />
                        <button id="ItemNo" class="layui-btn layui-btn-sm layui-btn-normal" style="padding: 0 5px;" name="action" value="ItemNo" lay-submit lay-filter="querysubmit" title="刷新">
                            <i class="layui-icon layui-icon-sm">&#xe669;</i>
                        </button>
                    </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" />
                    </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 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 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 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" />
                    </div>

                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">客戶類別</label>
                    <div class="layui-input-inline">
                        <input asp-for="wipInfo.CustomerMedical" type="checkbox" title="醫療" />
                        <input asp-for="wipInfo.CustomerVIP" 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" />
                    </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 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 lay-filter="lind" asp-for="wipInfo.LineID" asp-items="@ViewBag.LineInfoList" class="">
                        </select>
                    </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" />
                    </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" style="padding-left:30px">
                <input type="checkbox" title="混線投入機種檢查" asp-for="wipInfo.ModelCheck" />
                <input type="checkbox" title="混線投入ECN相同檢查" asp-for="wipInfo.ECNCheck" />
                <input type="checkbox" title="線上強制工單" asp-for="wipInfo.Priority" />
            </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>
                </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" maxlength="30"/>
                                </div>
                                <label asp-for="wipAtt.WipProcess" class="layui-form-label"></label>
                                <div class="layui-input-inline">
                                    <select 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 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" value="1" class="layui-input" />
                                </div>
                                <label asp-for="wipInfo.BoxCNT" class="layui-form-label"></label>
                                <div class="layui-input-inline">
                                    <input asp-for="wipInfo.BoxCNT" value="1" class="layui-input" />
                                </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" maxlength="20"/>
                                </div>
                                <label asp-for="wipAtt.EAN" class="layui-form-label"></label>
                                <div class="layui-input-inline">
                                    <input asp-for="wipAtt.EAN" class="layui-input" maxlength="20"/>
                                </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="" />
                                </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="" />
                                </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" style="font-weight: bold;">出貨序號</label>
                                <div class="layui-input-inline">
                                    <input asp-for="wipBarcodeOther.StartNO" class="layui-input" readonly="readonly" />
                                </div>
                                <div class="layui-form-mid">-</div>
                                <div class="layui-input-inline">
                                    <input asp-for="wipBarcodeOther.EndNO" class="layui-input" readonly="readonly" />
                                </div>
                                <div id="barcodeOtherDiv" style="display:inline;">
                                    <label class="layui-form-label">lotNo</label>
                                    <div class="layui-input-inline" style="width:100px;">
                                        <input id="lotNo" class="layui-input" style="width:100px;" type="text" />
                                    </div>
                                    <div class="layui-input-inline">
                                        <input id="GetBarcodeOther" class="layui-btn layui-btn-primary layui-border-blue layui-btn-sm" type="button" value="產生出貨序號" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label" style="font-weight: bold;">MAC</label>
                                <div class="layui-input-inline">
                                    <input id="GetMAC" class="layui-btn layui-btn-primary layui-border-blue layui-btn-sm" type="button" value="產生MAC" />
                                </div>
                                <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">
                                <textarea asp-for="wipBarcode.Remarks" class="layui-textarea" type="text"></textarea>
                            </div>
                        </div>
                    </div>

                    @* Keypart組合sheet *@
                    <div class="layui-tab-item">
                        <a id="KPTableAdd" class="layui-btn layui-btn-xs layui-icon layui-icon-add-circle">新增</a>
                        <input type="hidden" value=@Model.WipKps.Count() id="WipKpCount" />
                        <table id="KPTable" class="layui-table">
                            @{int k = 0;}
                            <thead>
                                <tr>
                                    <th>
                                        KP料號名稱
                                    </th>
                                    <th>
                                        KP料號NO
                                    </th>
                                    <th>
                                        順序
                                    </th>
                                    <th>
                                        前置碼
                                    </th>
                                    <th>
                                        長度
                                    </th>
                                    <th>
                                        生產單位代號
                                    </th>
                                    <th>

                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var index in Model.WipKps)
                                {
                                    <tr>
                                        <td>
                                            <input name="WipKps[@k].WipKpID" type="hidden" value="@index.WipKpID" />
                                            <input onkeypress="if( event.keyCode == 13 ) { return false; }" class="layui-input" asp-for="@index.KpName" name="WipKps[@k].KpName" />
                                        </td>
                                        <td>
                                            <select asp-for="@index.KpNo" name="WipKps[@k].KpNo" asp-items="@ViewBag.ItemsList" class=""></select>
                                        </td>
                                        <td>
                                            <input onkeypress="if( event.keyCode == 13 ) { return false; }" class="layui-input" asp-for="@index.KpSeq" name="WipKps[@k].KpSeq" />
                                        </td>
                                        <td>
                                            <input onkeypress="if( event.keyCode == 13 ) { return false; }" class="layui-input" asp-for="@index.Title" name="WipKps[@k].Title" />
                                        </td>
                                        <td>
                                            <input onkeypress="if( event.keyCode == 13 ) { return false; }" class="layui-input" asp-for="@index.Length" name="WipKps[@k].Length" />
                                        </td>
                                        <td>
                                            <select asp-for="@index.UnitNo" name="WipKps[@k].UnitNo" asp-items="@ViewBag.FactoryUnitByWipNo" class=""></select>
                                        </td>
                                        <td>
                                            <a class="layui-btn layui-btn-danger layui-btn-xs layui-icon layui-icon-delete" onclick="Remove(this);">刪除</a>
                                        </td>
                                    </tr>
                                    k++;
                                }
                            </tbody>
                        </table>
                    </div>

                    @* 生產流程sheet *@
                    <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label asp-for="wipInfo.FlowRuleID" as class="layui-form-label"></label>
                                <div class="layui-input-inline">
                                    <select 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 asp-for="wipInfo.SFISFlowCk" type="checkbox" title="途程確認" />
                            </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 class="layui-hide" id="ruleStation" lay-filter="ruleStation"></table>
                        </div>
                    </div>
                </div>
            </div>

            <span style="color: firebrick;word-break: break-all;" class="text-danger offset-sm-3">@Html.ValidationMessage("error")</span>
            <div class="layui-form-item">
                <div style="text-align:center">
                    <input type="submit" value="儲存" id="add" name="action" class="layui-btn" />
                </div>
            </div>
        </form>
    </div>
</div>
@section Scripts {

    <script type="text/javascript">
        $('#formPCS001N').on('keyup keypress', function (e) {
            var keyCode = e.keyCode || e.which;
            var localName = e.target.localName;
            if (keyCode === 13 && localName != 'textarea') {
                e.preventDefault();
                return false;
            }
        });

        $(document).ready(function () {
            var error = '@Html.ValidationMessage("error")';
            if ($(error).text() != '') {
                parent.hg.msg(error);
            }

            // DIV 出貨序號
            if ($('#wipBarcode_StartNO').val() != "" && $('#wipBarcode_EndNO').val() != "") {
                $("#GetBarCode").hide();
            }

            // DIV 出貨序號
            if ($('#wipBarcodeOther_StartNO').val() != "" && $('#wipBarcodeOther_EndNO').val() != "") {
                $("#barcodeOtherDiv").hide();
            }

            getLineInfoList($("#unit").val());

            // 產生條碼
            $('#GetBarCode').click(function () {
                var wipNO = $('#wipInfo_WipNO').val().toUpperCase();
                var planQTY = $('#wipInfo_PlanQTY').val();
                if (wipNO == '' || !wipNO) {
                    parent.hg.msg("請輸入工單號碼");
                    return;
                }
                if (planQTY == '' || !planQTY || planQTY == 0) {
                    parent.hg.msg("請確認計畫數量");
                    return;
                }
                $("#wipBarcode_StartNO").val(wipNO + PrefixInteger(1, 4));
                $("#wipBarcode_EndNO").val(wipNO + PrefixInteger(planQTY, 4));

            });

            // 產生出貨序號
            $("#GetBarcodeOther").click(function (event) {
                var itemNo = $('#wipAtt_ItemNO').val();
                var planQTY = $('#wipInfo_PlanQTY').val();
                var lotNo = $('#lotNo').val();
                var wipNo = $('#wipInfo_WipNO').val();
                var wipShcDate = $('#wipInfo_WipScheduleDate').val().replace(/\//g, '-');
                if (wipNo == '' || !wipNo) {
                    parent.hg.msg("請輸入工單號碼");
                    return;
                }
                if (itemNo == '' || !itemNo) {
                    parent.hg.msg("請輸入料號");
                    return;
                }
                if (planQTY == '' || !planQTY || planQTY == 0) {
                    parent.hg.msg("請確認計畫數量");
                    return;
                }
                if (wipShcDate == '') {
                    parent.hg.msg("請確認預計開工日期有填寫");
                    return;
                }
                if (lotNo == '' || !lotNo) {
                    lotNo = getLotNo();
                }

                $.ajax({
                    url: '@Url.Action("GetBarcodeOther", "PCS")',
                    dataType: 'json',
                    data: { "itemNo": itemNo, "lotNo": lotNo, "num": planQTY, "wipNo": wipNo, "wipShcDate": wipShcDate },
                    cache: false,
                    type: "POST",
                    success: function (result) {
                        // 錯誤訊息
                        if (!result.success) {
                            parent.hg.msg(result.msg);
                        }
                        else {
                            $("#wipBarcodeOther_StartNO").val(result.data.startNO);
                            $("#wipBarcodeOther_EndNO").val(result.data.endNO);
                            $("#barcodeOtherDiv").hide();
                        }
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        alert("Found error when using Ajax!!");
                    }
                });
            });

            // 產生MAC
               $("#GetMAC").click(function (event) {
                var wipNO = $('#wipAtt_ItemNO').val();
                var planQTY = $('#wipInfo_PlanQTY').val();
                if (wipNO == '' || !wipNO) {
                    parent.hg.msg("請輸入料號");
                    return;
                }
                if (planQTY == '' || !planQTY || planQTY == 0) {
                    parent.hg.msg("請確認計畫數量");
                    return;
                }
                $.ajax({
                    url: '@Url.Action("GetMAC", "PCS")',
                    dataType: 'json',
                    data: { "itemno": $("#wipAtt_ItemNO").val(), "wipNo": $('#wipInfo_WipNO').val() ,"planQTY": $('#wipInfo_PlanQTY').val() },
                    cache: false,
                    type: "POST",
                    success: function (data, textStatus, jqXHR) {
                        if (data._msg != undefined) {
                            parent.hg.msg(data._msg);
                        }
                        else {
                            var contactdiv = '<tr>' +
                                `<td>${data.mix}</td>
                                    <td>${data.max}</td></tr>`;
                            $('#MACTable').append(contactdiv);
                        }
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        alert("Found error when using Ajax!!");
                    }
                });
            });

            function PrefixInteger(num, length) {
                return (Array(length).join('0') + num).slice(-length);
            };
         });

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

            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'
            });

            //form.on('select(flow)', function (data) {
            //    RuleStation(data.value);
            //});

            form.on('select(unit)', function (data) {
                $("#unitNo").val(data.value);
                var itemNo = $("#wipAtt_ItemNO").val();
                getLineInfoList(data.value);
                if (itemNo != '') {
                    getFlowRuleList(data.value);
                }

            });

            form.on('select(flow)', function (data) {
                $("#flowId").val(data.value);
                RuleStation(data.value);
            });

            form.on('select(lind)', function (data) {
                $("#lindId").val(data.value);
            });
        });

        function getFlowRuleList(data)
        {
            $.ajax(
                {
                    url: "@Url.Action("GetMaterialFlowRuleJson", "PCS")",
                    dataType: 'json',
                    data: { "itemno": $("#wipAtt_ItemNO").val(), "unit_no": $("#unitNo").val()},
                    type: 'post',
                    success: function (result)
                    {
                        console.info(result.data);
                        var i = 0;
                        $("#wipInfo_FlowRuleID").empty();//清空下拉框的值
                        $.each(result.data, function (index, item) {
                            if (i == 0) {
                                RuleStation(item.value);
                            }
                            $("#wipInfo_FlowRuleID").append($("<option>").text(item.text).val(item.value))
                            i++;
                        });

                        layui.form.render("select");//重新渲染 固定写法

                    },
                    error: function (result)
                    {
                        alert(result);
                    }
                });
        };

        function getLineInfoList(data)
        {
            $.ajax(
                {
                    url: "@Url.Action("GetUnitLineJson", "BAS")",
                    dataType: 'json',
                    data: { "unit_no": data},
                    type: 'post',
                    success: function (result)
                    {
                        console.info(result.data);
                        var value = $("#wipInfo_LineID").val();
                        $("#wipInfo_LineID").empty();//清空下拉框的值
                        $.each(result.data, function (index, item) {
                            $("#wipInfo_LineID").append($("<option>").text(item.text).val(item.value))

                        });
                        //$("#wipInfo_LineID option:eq(1)").attr("selected", 'selected'); //默认选择第一个选项
                        $("#wipInfo_LineID option[value=" + value+"]").prop("selected", true);
                        layui.form.render("select");//重新渲染 固定写法
                    },
                    error: function (result)
                    {
                        alert(result);
                    }
                });
        };

        // RuleStation 備註
        function RuleStation(NewID) {
              $.ajax(
                {
                    url: "@Url.Action("getMaterialFlowRuleRemark", "PCS")",
                    dataType: 'json',
                      data: { "itemno": $("#wipAtt_ItemNO").val(), "unit_no": $("#unitNo").val(), "flowID": NewID },
                    type: 'post',
                    success: function (result)
                    {
                        $("#wipInfo_FlowRemark").val(result.data);
                    },
                    error: function (result)
                    {
                        alert(result);
                    }
                });

            if (NewID == null) {
                NewID = 0;
            }

            var tableCols_rule = [[
                {
                    field: 'unitNoName',
                    width: 150,
                    title: '生產單位',
                    sort: true
                },
                {
                    field: 'flowRuleName',
                    title: '流程名稱',
                    width: 200,
                    sort: true
                },
                {
                    field: 'stationDesc',
                    title: '站別描述',
                    sort: true
                },
                {
                    field: 'sequence',
                    title: '站別順序',
                    width: 200,
                    sort: true
                },
                {
                    field: 'stationType',
                    title: '站別類型',
                    width: 200,
                    sort: true
                },]
            ];
            var tableruleStation = hg.table.datatable('ruleStation', '', '/PCS/GetRuleStationByFlowDto?flow=' + NewID , {}, tableCols_rule, '', false, 'full-100');
            tableruleStation;
        }



        // KPTableAdd
        $('#KPTableAdd').click();
        $('#KPTableAdd').on('click', function () {
            let No = parseInt($('#WipKpCount').val());
            var FactoryUnit = getFactoryUnitByWipNoList();
            var Select = "<select name=WipKps[" + No + "].UnitNo>";
            $.each(FactoryUnit, function (index, item) {
                Select += '<option value=' + item.value + '>' + item.text + '</option>';
            });
            Select += '</select>';
            var Items = getItemsList();
            var SelectKPNo = "<select name=WipKps[" + No + "].KpNo>";
            $.each(Items, function (index, item) {
                SelectKPNo += '<option value=' + item.value + '>' + item.text + '</option>';
            });
            SelectKPNo += '</select>';
            var contactdiv = '<tr>' +
                '<td><input type="hidden" value="" name="WipKps[' + No + '].WipKpID" />' +
                '<input onkeypress="if( event.keyCode == 13 ) { return false; }" class="layui-input" name="WipKps[' + No + '].KpName" /></td>' +
                '<td>' + SelectKPNo + '</td>' +
                '<td><input onkeypress="if( event.keyCode == 13 ) { return false; }" class="layui-input" name="WipKps[' + No + '].KpSeq" value=' + (No + 1) + ' /></td>' +
                '<td><input onkeypress="if( event.keyCode == 13 ) { return false; }" class="layui-input" name="WipKps[' + No + '].Title" /></td>' +
                '<td><input onkeypress="if( event.keyCode == 13 ) { return false; }" class="layui-input" name="WipKps[' + No + '].Length" /></td>' +
                '<td>' + Select + '</td>' +
                '<td><a class="layui-btn layui-btn-danger layui-btn-xs layui-icon layui-icon-delete" onclick="Remove(this);">刪除</a></td>' +
                '</tr>';

            $('#KPTable').append(contactdiv);
            $('#WipKpCount').val(No + 1);

            layui.form.render("select");//重新渲染 固定写法
        });

         // Table 刪除
        function Remove(button) {
            //Determine the reference of the Row using the Button.
            hg.confirm("確認要刪除此筆資料嗎？", function () {
                var row = $(button).closest("TR");
                var id = $(button).closest("TR").find('input[type=hidden]').val();
                //var table = $(button).closest("TABLE")[0]; //$("#KPTable")[0];
                $(button).closest("TR").find('input[type=hidden]').val(-1);
                row.hide();
            });
            //table.deleteRow(row[0].rowIndex);
        };

        //KP Items 選單
        function getItemsList()
        {
            var b;
            $.ajax(
                {
                    url: "@Url.Action("getKpItemsJson", "PCS")",
                    dataType: 'json',
                    data: {},
                    async:false,
                    type: 'post',
                    success: function (result)
                    {
                        b = result.data;
                    },
                    error: function (result)
                    {
                        alert(result);
                    }
                });
            return b;
        };

        // 出貨序號LotNo
        function getLotNo() {
            var b = "";
            $.ajax(
                {
                    url: "@Url.Action("GetFactoryInfoes", "BAS")",
                    dataType: 'json',
                    data: {},
                    async:false,
                    type: 'get',
                    success: function (result) {
                        $.each(result.data, function (index, item) {
                            if ($("#wipInfo_Werks").val() == item.factoryID) {
                                b = item.factoryNo.substr(2, 2);
                            }
                        });
                    },
                });
            return b;
        }

        // 工單刷新
        $("#Copy").click(function (event) {
            if ($("#wipInfo_WipNO").val() == '') {
                parent.hg.msg("請輸入工單號碼");
                return false;
            }
        });

        // 料號刷新
        $("#ItemNo").click(function (event) {
            if ($("#wipAtt_ItemNO").val() == '') {
                parent.hg.msg("請輸入料號");
                return false;
            }
        });

        // 料號刷新
        $("#add").click(function (event) {
            if ($("#wipAtt_ItemNO").val() == '' || $("#wipInfo_WipNO").val() == '') {
                parent.hg.msg("請輸入料號或工單號碼");
                return false;
            }
        });

          //生產單位By工單號碼選單
        function getFactoryUnitByWipNoList()
        {
            var a;
            $.ajax(
                {
                    url: "@Url.Action("GetFactoryUnitByWipNoJson", "PCS")",
                    dataType: 'json',
                    data: { "wipNo": $("#wipInfo_WipNO").val()},
                    async:false,
                    type: 'post',
                    success: function (result)
                    {
                        a = result.data;
                    },
                    error: function (result)
                    {
                        alert(result);
                    }
                });
            return a;
        };
    </script>
}