@{
    ViewData["Title"] = "IPQC查詢報表";
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}

<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-form">
        <div class="layui-row">
            <div class="layui-form-item">
                <div class="layui-col-sm3">
                    <div class="layui-inline">
                        <label class="layui-form-label">工單號碼:</label>
                        <div class="layui-input-inline" style="width:160px">
                            <input id="wipNO" name="wipNo" autocomplete="off" class="layui-input" placeholder="請輸入工單號碼">
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm3">
                    <div class="layui-inline">
                        <label class="layui-form-label">料號:</label>
                        <div class="layui-input-inline" style="width:160px">
                            <input id="itemNO" name="itemNo" autocomplete="off" class="layui-input" placeholder="請輸入料號">
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm3">
                    <div class="layui-inline">
                        <label class="layui-form-label">機種:</label>
                        <div class="layui-input-inline" style="width:160px">
                            <input id="modelNO" name="modelNo" autocomplete="off" class="layui-input" placeholder="請輸入機種">
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm8">
                    <div class="layui-inline">
                        <label class="layui-form-label">檢驗日期:</label>
                        <div class="layui-input-inline" style="width:160px">
                            <input id="dateStart" name="dateStart" autocomplete="off" class="layui-input" value="@ViewBag.StartDate">
                        </div>
                        <div class="layui-form-mid">～</div>
                        <div class="layui-input-inline" style="width:160px">
                            <input id="dateEnd" name="dateEnd" autocomplete="off" class="layui-input"  value="@ViewBag.EndDate">
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm1">
                    <div class="layui-inline layui-show-xs-block">
                        <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit onclick="result()" lay-filter="querysubmit">
                            <i class="layui-icon layui-icon-sm">&#xe615;</i>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</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;
            laydate.render({
                elem: '#dateStart'
                , trigger: 'click'
                , format: 'yyyy-MM-dd'
                , theme: 'grid'
            });

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

        function result() {
            var modelNO = $("#modelNO").val();
            var itemNO = $("#itemNO").val();
            var wipNO = $("#wipNO").val();
            var dateStart = $("#dateStart").val();
            var dateEnd = $("#dateEnd").val();

            var query = "?modelNO=" + modelNO + "&itemNO=" + itemNO + "&wipNO=" + wipNO + "&dateStart=" + dateStart + "&dateEnd=" + dateEnd;
            hg.open('IPQC查詢報表', '/QRS/QRS015A' + query, '', '', true);

        };
    </script>
}