@model AMESCoreStudio.Web.ViewModels.PCS.PCS027ViewModel

@{ 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 class="layui-row">
            <div class="layui-col-xs2">
                <label class="layui-form-label">組件類別</label>
            </div>
            <div class="layui-col-xs4">
                <select asp-items="@ViewBag.ItemsList" asp-for="KPItemNo" class="">
                    <option value="">全部</option>
                </select>
            </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-xs4">
                <input type="text" asp-for="WipNo" class="layui-input" />
            </div>
        </div>

        <div class="layui-row">
            <div class="layui-col-xs2">
                <input type="radio" name="type" value="B" title="內部號碼">
            </div>
            <div class="layui-col-xs4">
                <input type="text" asp-for="Barcode" class="layui-input" />
            </div>
        </div>

        <div class="layui-row">
            <div class="layui-col-xs2">
                <input type="radio" name="type" value="BS" title="多筆條碼">
            </div>
            <div class="layui-col-xs3">
                <label class="layui-btn">
                    <input type="file" id="formFile" accept=".xls,.xlsx">
                </label>
            </div>
            <div class="layui-col-xs2">
                <a class="layui-btn layui-btn-sm layui-btn-normal" id="attachment" title="文件上傳" lay-submit lay-filter="attachment">
                    <i class="layui-icon layui-icon-sm">&#xe62f;</i>
                </a>
            </div>
        </div>

        <div class="layui-row">
            <div class="layui-col-xs2">
                <label class="layui-form-label"></label>
            </div>
            <div class="layui-col-xs10">
                <textarea class="layui-textarea" type="text" asp-for="BarCodeItem"></textarea>
            </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);
        }
    });

    $(function () {
        $("#attachment").click(function () {
            var files = $('#formFile').prop("files");
            if (files.length == 0) {
                alert("請選擇上傳文件!");
                return;
            }
            formData = new FormData();
            formData.append("Uploader", files[0]);
            $.ajax({
                type: "POST",
                url: "@Url.Action("PCS027_Excel", "PCS")",
                contentType: false,
                processData: false,
                cache: false,
                data: formData,
                success: function (result) {
                    if (result.success) {
                        $("#BarCodeItem").text(result.data);
                    }
                    else {
                        alert("讀取Excel錯誤:"+result.data);
                    }
                },
                error: function () {
                    alert("上傳文件錯誤!");
                }
            });
        });
    });

    var tableCols = [[
        {
            field: 'wipNo',
            width: 150,
            title: '工單號碼',
            sort: true
        },
        {
            field: 'barcode',
            title: '內部條碼',
            sort: true
        },
        {
            field: 'itemNoName',
            title: '組件類別',
            width: 150,
            sort: true
        },
        {
            field: 'partNo',
            title: '組件條碼',
            sort: true
        },
        {
            field: 'kpItemNo',
            title: '組件料號',
            width: 100,
            sort: true
        },
        {
            field: 'stationName',
            title: '過站別',
            width: 100
        },
        {
            field: 'unLockDate',
            title: '過站時間',
            width: 100,
            templet: '<div>{{ layui.util.toDateString(d.unLockDate, "yyyy/MM/dd") }}</div>'
        }]
    ];

    var toolbar = [{
        text: '批次刪除',
        layuiicon: '&#xe640;',
        class: 'layui-btn-danger',
        handler: function () {
            let trArr = $(".layui-table-body.layui-table-main tr");// 行数据
            if (trArr.length == 0) {
                hg.msg("請確認是否有查詢資料!");
                return;
            }

            hg.confirm("確定要組件批次刪除嗎?", function () {
                $.ajax({
                    url: '/PCS/PCS027D',
                    data: { wipNo: $("#WipNo").val(), barCode: $("#Barcode").val(), KPItemNo: $("#KPItemNo").val(), BarCodeItem: $("#BarCodeItem").val()},
                    type: 'POST',
                    success: function (data) {
                        if (data.success) {
                            hg.msghide("删除成功!");
                            var qs = $('button[lay-filter="querysubmit"]');
                            qs.click();
                        }
                        else {
                            hg.msg(data.msg);
                        }
                    },
                    error: function () {
                        hg.msg("網路請求失败!");
                    }
                });
            });
        }
    }];
    var table = hg.table.datatable('query', '組件批次刪除料查詢', '/PCS/PCS027Query', {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);
    </script>
}