@{
    ViewData["Title"] = "未結工單查詢";
    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;
    }

    .layui-table th {
        text-align: center;
    }
</style>


<div class="layui-card">
    <form enctype="multipart/form-data" id="myForm" method="post" asp-action="PCS008" class="layui-form">
        <div class="layui-card-header">
            <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 class="layui-card-body">
            <div class="layui-form-item">
                <label class="layui-form-label">生產單位:</label>
                <div class="layui-input-inline">
                    <select id="unit" lay-filter="unit" name="unit" lay-submit asp-items="@ViewBag.FactoryUnitList">
                    </select>
                    <input id="unitNo" type="hidden" name="unitNo" value="@ViewBag.UnitNo" />
                    <input id="factoryNo" type="hidden" name="factoryNo" value="@ViewBag.UserFactory" />
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">工單號碼:</label>
                <div class="layui-input-inline">
                    <input id="wipNo" name="wipNo" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">料號:</label>
                <div class="layui-input-inline">
                    <input id="itemNo" name="itemNo" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">工單建立日期:</label>
                    <div class="layui-input-inline" style="width:150px">
                        <input id="dateStr" name="dateStr" autocomplete="off" class="layui-input" readonly="">
                    </div>
                    <div class="layui-form-mid">～</div>
                    <div class="layui-input-inline" style="width:150px">
                        <input id="dateEnd" name="dateEnd" autocomplete="off" class="layui-input" readonly="">
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <br />
            <div class="layui-col-md12" style="text-align:center">
                <a class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="querysubmit">
                  查詢
                </a>
            </div>
        </div>
    </form>
</div>

@section Scripts{
    @{ await Html.RenderPartialAsync("_ValidationScriptsPartial");
        await Html.RenderPartialAsync("_FileinputScriptsPartial"); }
    <script type="text/javascript">
        layui.use(['form', 'layer', 'laydate'], function () {
            var form = layui.form,
            laydate = layui.laydate;
            form.on('select(unit)', function (data) {
                $("#unitNo").val(data.value);
            });

            form.on('submit(querysubmit)', function () {
                var data = $("#myForm").serialize();
                //alert(data);
                hg.open('未結工單分布圖', '/PCS/PCS008V?' + data, '', '', true);
            });

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

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