@{
    ViewData["Title"] = "SOP文件查詢";
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}

<style type="text/css">
    .layui-table-main .layui-table-cell {
        /*height: auto !important;*/
        white-space: normal;
    }

    .layui-table img {
        max-width: 60px;
        max-height: 28px;
    }

    .layui-tree-main {
        cursor: pointer;
        padding-right: 10px;
        float: left;
        border-width: 1px;
        border-style: solid;
        border-color: #e6e6e6;
        margin: 10px 0;
    }
</style>

<div class="layui-card">
    <div class="layui-card-header">
        <div class="layui-form">
            <div class="layui-form-item">
                <div class="layui-inline"><i class="fa fa-file-text-o fa-fw"></i> @ViewBag.Title</div>
            </div>
        </div>
    </div>
    <div class="layui-card-body">
        <form enctype="multipart/form-data" method="post" asp-action="PCS031" class="layui-form">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">工單號碼</label>
                    <div class="layui-input-inline">
                        <input id="wipNo" name="wipNo" autocomplete="off" class="layui-input" placeholder="請輸入工單號碼" onchange="getSelect(this);">
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">通過站別</label>
                    <div class="layui-input-inline ">
                        <select id="goByRuleStation" lay-filter="RuleStation" class=""></select>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">回到站別</label>
                    <div class="layui-input-inline ">
                        <select id="retureRuleStation" lay-filter="RuleStation" class=""></select>
                    </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 class="layui-input-block">
                    <input type="submit" value="保存" class="layui-btn" />
                </div>
            </div>
        </form>
    </div>
</div>


@section Scripts {
    @{ await Html.RenderPartialAsync("_ValidationScriptsPartial");
        await Html.RenderPartialAsync("_FileinputScriptsPartial"); }

    <script type="text/javascript">
        layui.use(['form'], function () {
            form = layui.form;
        });
    $(document).ready(function () {
        var error = '@Html.ValidationMessage("error")';
        if ($(error).text() != '') {
            parent.hg.msg(error);
        }
    });

    function getSelect(val) {
               $.ajax(
                {
                    url: "@Url.Action("PCS031Query", "PCS")",
                    dataType: 'json',
                       data: { "wipNo": val.value},
                    type: 'post',
                    success: function (result)
                    {
                        if (result.success) {
                            $("#goByRuleStation").empty();//清空下拉框的值
                            $("#retureRuleStation").empty();//清空下拉框的值
                            $.each(result.data, function (index, item) {
                                $("#goByRuleStation").append($("<option>").text(item.text).val(item.value))
                                $("#retureRuleStation").append($("<option>").text(item.text).val(item.value))
                            });
                            //$("#wipInfo_LineID option:eq(1)").attr("selected", 'selected'); //默认选择第一个选项
                            layui.form.render("select");//重新渲染 固定写法
                        }
                        else {
                            parent.hg.msg(result.msg);
                        }
                    },
                    error: function (result)
                    {
                        alert(result);
                    }
                });
        };
    </script>
}