@{
    ViewData["Title"] = "直通率";
    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">
                            <select id="unit" lay-filter="unit" lay-verify="required" lay-submit asp-items="@ViewBag.UnitList">
                                <option value="*">全部</option>
                            </select>
                        </div>
                        <input id="unitNo" type="hidden" name="unitNo" value="*" />
                    </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="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" readonly="">
                        </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" readonly="">
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm3">
                    <div class="layui-inline layui-show-xs-block">
                        <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit onclick="result_a()" lay-filter="querysubmit" title="明細">
                            <i class="layui-icon layui-icon-sm">&#xe615;明細</i>
                        </button>
                        <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit onclick="result_b()" lay-filter="querysubmit" title="匯總">
                            <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_a() {
            var unitNo = $("#unit").val();
            var itemNO = $("#itemNO").val();
            var wipNO = $("#wipNO").val();
            var dateStart = $("#dateStart").val();
            var dateEnd = $("#dateEnd").val();
            var modelNO = $("#modelNO").val();

            var query = "?unitNo=" + unitNo + "&itemNO=" + itemNO + "&wipNO=" + wipNO + "&dateStart=" + dateStart + "&dateEnd=" + dateEnd + "&modelNO=" + modelNO;
            hg.open('直通率', '/QRS/QRS014A' + query, '', '', true);

        };

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

            var query = "?unitNo=" + unitNo + "&itemNO=" + itemNO + "&wipNO=" + wipNO + "&dateStart=" + dateStart + "&dateEnd=" + dateEnd + "&modelNO=" + modelNO;
            hg.open('直通率', '/QRS/QRS014B' + query, '', '', true);

        };
    </script>
}