@{
    ViewData["Title"] = "出貨序號重取";
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}
@using Microsoft.AspNetCore.Mvc.Localization
@inject IHtmlLocalizer<AMESCoreStudio.Web.SharedResource> sharedLocalizer
<style>
    /*    .layui-table-col-special .layui-table-cell {
            height:auto;
            overflow:visible;
            text-overflow:inherit;
            white-space: normal;
        }*/
</style>
<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-card-body">
        <div class="layui-form">
            <div class="layui-row">
                <div class="layui-form-item">
                    <div class="layui-col-sm4">
                        <div class="layui-inline">
                            <label class="layui-form-label">工單:</label>
                            <div class="layui-input-inline" style="width:150px">
                                <input id="wipNo" name="wipNo" oninput="let p=this.selectionStart;this.value=this.value.toUpperCase();this.setSelectionRange(p, p);" autocomplete="off" class="layui-input" placeholder="請輸入工單號碼">
                            </div>
                        </div>
                    </div>
                   
                    <div class="layui-col-sm4">
                        <div class="layui-inline">
                          
                           
                            <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="querysubmit">
                                <i class="layui-icon layui-icon-sm">&#xe615;</i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <table class="layui-hide" id="query" lay-filter="query"></table>
    </div>
</div>

@section Scripts{
    <script type="text/javascript">
        layui.use('table', function () {
            form = layui.form;

            form.on('select(unit)', function (data) {
                $("#unitNo").val(data.value);
                //roleName = data.elem[data.elem.selectedIndex].text;
                var qs = $('button[lay-filter="querysubmit"]');
                qs.click();

            });

            var table = layui.table;

        });

        //监听表单提交事件
        hg.form.onsubmit('querysubmit', function (data) {
           // table && table.reload(data);
            tt();

        });
        var tableCols = [[
            {
                field: 'wipNo',
                width: 150,
                title: '工單號碼',
                sort: true
            },
            {
                field: 'itemNo',
                title: '工程編號',
                width: 150,
                sort: true
            },
            {
                field: 'planQTY',
                title: '數量',
                width: 80,
            },
            {
                field: 'wipBarcodeOhterQTY',
                title: '取號數',
                width: 80,
            },
            {
                field: 'status',
                title: '狀態',
                width: 100,

            },
            {
                field: 'startNo',
                title: '出貨序號起',
                sort: true
            },
            {
                field: 'endNo',
                title: '出貨序號迄',
                sort: true
            },
            {
                field: 'wipScheduleDate',
                title: '預計開工日',
                sort: true,
                templet: '<div>{{ layui.util.toDateString(d.wipScheduleDate, "yyyy/MM/dd") }}</div>'
            },
            {
                field: 'right',
                width: 150,
                title: '操作',
                fixed: 'right',
                templet: function (d) {
                    if (d.startNo.length == 1)
                        return ' <a class="layui-btn layui-btn-xs layui-btn-xs layui-icon layui-icon-edit" lay-event="Create">產生序號</a>';
                    else
                        return '<a class="layui-btn layui-btn-xs layui-icon layui-icon-edit" lay-event="edit">修改</a>\
                        <a class="layui-btn layui-btn-danger layui-btn-xs layui-icon layui-icon-delete" lay-event="del" > 刪除</a >';

                }
            }
        ]
        ];
          // 出貨序號LotNo
        function getLotNo() {
            var b = "";
            $.ajax(
                {
                    url: "@Url.Action("GetFactoryInfoes", "BAS")",
                    dataType: 'json',
                    data: {},
                    async:false,
                    type: 'get',
                    success: function (result) {
                        $.each(result.data, function (index, item) {
                            if ($("#wipInfo_Werks").val() == item.factoryID) {
                                b = item.factoryNo.substr(2, 2);
                            }
                        });
                    },
                });
            return b;
        }

        //通过行tool編輯,lay-event="edit"
        function edit(obj) {
            if (obj.data.wipNo) {
                hg.open('修改工單資料', '/PCS/PCS040R?id=' + obj.data.wipNo + '&rule=' + obj.data.rule + '&serialRuleitem=' + obj.data.itemRule + '&otherID=' + obj.data.otherID, 740, 350);
            }
        }

        function del(obj) {
            hg.confirm("工單號碼【" + obj.data.wipNo + "】" + obj.data.status + "確定要刪除嗎?", function () {
                $.ajax({
                    url: '/PCS/PCS040D',
                    data: { wipNo: obj.data.wipNo, otherID: obj.data.otherID },
                    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("網路請求失敗!");
                    }
                });
            });
        }

        function Create(obj) {
            if (obj.data.wipNo) {
                hg.open('產生工單資料', '/PCS/PCS040C?id=' + obj.data.wipNo + '&rule=' + obj.data.rule + '&serialRuleitem=' + obj.data.itemRule, 740, 350);
            }
        }


        var table;
        $(function () {
            tt();
        });
        //基本数据表格
        function tt() {
            table = hg.table.datatable('query', '工單資料修改', '/PCS/PCS040Query?id=' + $("#wipNo").val(), {}, tableCols, {}, true, 'full-100', ['filter', 'print', 'exports']);
        }
        $(document).off('mousedown', '.layui-table-grid-down').
            on('mousedown', '.layui-table-grid-down', function (event) {
                table._tableTrCurrr = $(this).closest('td');
            });
        $(document).off('click', '.layui-table-tips-main [lay-event]').
            on('click', '.layui-table-tips-main [lay-event]', function (event) {
                var elem = $(this);
                var tableTrCurrr = table._tableTrCurrr;
                if (!tableTrCurrr) {
                    return;
                }
                var layerIndex = elem.closest('.layui-table-tips').attr('times');
                layer.close(layerIndex);
                table._tableTrCurrr.find('[lay-event="' + elem.attr('lay-event') + '"]').children("i").first().click();
            });
    </script>
}