@{ ViewData["Title"] = "條碼输入整批作業";
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}

<style>
    .control-label {
        justify-content: flex-end !important;
    }
</style>

<div class="layui-card">
    <div class="layui-card-header">
        <div class="layui-inline"><i class="fa fa-file-text-o fa-fw"></i> @ViewBag.Title</div>
    </div>
    <div class="layui-form">
        <div asp-validation-summary="ModelOnly" class="text-danger"></div>
        <div class="layui-row">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">廠別</label>
                    <div class="layui-input-inline">
                        <select asp-items="@ViewBag.ItemsList" class="">
                            <option value="">全部</option>
                        </select>
                    </div>
                    <label class="layui-form-label">生產單位</label>
                    <div class="layui-input-inline">
                        <select asp-items="@ViewBag.FactoryUnitList" name="unit" class="">
                        </select>
                    </div>
                    <label class="layui-form-label">線別</label>
                    <div class="layui-input-inline">
                        <select asp-items="@ViewBag.LineInfoList" name="lineID" class="">
                            <option value="">全部</option>
                        </select>
                    </div>

                </div>
            </div>
        </div>

        <div class="layui-row">
            <div class="layui-col-xs2">
                <input type="radio" name="type" value="W" title="工單號碼" checked="">
            </div>
            <div class="layui-col-xs2">
                <input type="text" class="layui-input" name="wipNo" />
            </div>
        </div>

        <div class="layui-row">
            <div class="layui-col-xs2">
                <input type="radio" name="type" value="I" title="料號">
            </div>
            <div class="layui-col-xs2">
                <input type="text" class="layui-input" name="productNo" />
            </div>
        </div>

        <div class="layui-row">
            <div class="layui-col-xs2">
                <label class="layui-form-label"></label>
            </div>
            <div class="layui-col-xs10">
                <button class="layui-btn layui-btn-sm layui-btn" lay-submit lay-filter="querysubmit">
                    <i class="layui-icon layui-icon-sm">&#xe615;</i>查詢
                </button>
            </div>
        </div>

        @*<div class="layui-form-item">
            <div class="layui-input-block">
                <input type="submit" value="查詢" class="layui-btn" />
            </div>
        </div>*@

        <table class="layui-hide" id="query" lay-filter="query"></table>
    </div>
    </div>
    @section Scripts {
        @{ await Html.RenderPartialAsync("_ValidationScriptsPartial");
            await Html.RenderPartialAsync("_FileinputScriptsPartial"); }

        <script type="text/javascript">
    layui.use(['form'], function () {
        form = layui.form;
    });

    //监听表单提交事件
    hg.form.onsubmit('querysubmit', function (data) {
        hg.msghide("重新載入資料..");
        table && table.reload(data);
    });

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

    var tableCols = [[
        {
            field: 'lineName',
            title: '線別',
            sort: true
        },
        {
            field: 'wipNo',
            title: '工單號碼',
            sort: true
        },
        {
            field: 'itemNo',
            title: '料號',
            sort: true
        },
        {
            field: 'unitName',
            title: '生產單位',
            sort: true
        },
        {
            field: 'wipQty',
            title: '工單數量',
            sort: true
        },
        {
            field: 'stationName',
            title: '當前站別',
            sort: true
        },
        {
            field: 'inputQty',
            title: '數量',
        },
        {
            field: 'right',
            width: 100,
            title: '操作',
            fixed: 'right',
            templet: function (d) {
                return '<a class="layui-btn layui-btn-warm layui-icon layui-icon-list layui-btn-xs" lay-event="detail">檢視</a>'

                //return '<a class="layui-btn layui-btn-xs layui-icon layui-icon-edit" lay-event="edit">修改</a>\
                //        <a class="layui-btn layui-btn-warm layui-icon layui-icon-list layui-btn-xs" lay-event="detail">檢視</a>\
                //        <a class="layui-btn layui-btn-danger layui-btn-xs layui-icon layui-icon-delete" lay-event="del">删除</a>'
            }
        }]
    ];
            //通过行tool檢視,lay-event="detail"
            function detail(obj) {
                if (obj.data.wipID) {
                    hg.open('過站條碼資料', '/PCS/PCS022V?wipID=' + obj.data.wipID + '&stationID=' + obj.data.stationID, '800', '500', false);
                }
            }
    //基本数据表格
    var table = hg.table.datatable('query', '條碼输入整批查詢', '/PCS/PCS022Query', {}, tableCols, {}, true, 'full-100', ['filter', 'print', 'exports']);
        </script>
    }