@using Microsoft.AspNetCore.Mvc.Localization
@inject IHtmlLocalizer<SharedResource> sharedLocalizer

@{
    ViewData["Title"] = @sharedLocalizer["QRS017"];
    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 class="layui-form-item layui-layout-left">
                <div class="layui-inline">
                    <label class="layui-form-label">@sharedLocalizer["WO_NO"]:</label>
                    <div class="layui-input-inline" style="width:150px">
                        <input id="wipNO" name="wipNo" autocomplete="off" class="layui-input" placeholder="@sharedLocalizer["InputWo"]">
                        <input id="factoryNo" type="hidden" name="factoryNo" value="@ViewBag.UserFactory" />
                    </div>
                </div>
                <div class="layui-inline layui-show-xs-block">
                    <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="querysubmit" onclick="result()">
                        <i class="layui-icon layui-icon-sm">&#xe615;</i>
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-card-body">
        
    </div>
</div>

@section Scripts{
    <script type="text/javascript">
        layui.config({
            base: '../lib/layui_ext/',
        }).extend({
            excel: 'excel',
        });
    </script>

    <script type="text/javascript">

        function formatJSONDate(jsonDate) {
            if (jsonDate == null) {
                return "";
            }
            else {
                var date = eval(jsonDate.replace(/\/Date\((\d+)\)\//gi, "new Date($1)"));
                var myDate = new Date(date);
                var yy = myDate.getFullYear();
                var mm = (myDate.getMonth() + 1 < 10 ? '0' : '') + (myDate.getMonth() + 1);
                var dd = (myDate.getDate() < 10 ? '0' : '') + myDate.getDate();
                var h = (myDate.getHours() < 10 ? '0' : '') + myDate.getHours();
                var m = (myDate.getMinutes() < 10 ? '0' : '') + myDate.getMinutes();
                var s = (myDate.getSeconds() < 10 ? '0' : '') + myDate.getSeconds();
                //mm + "/" + dd + " " +
                //var output = yy + "-" + mm + "-" + dd + " " + h + ":" + m + ":" + s;
                var output = yy + mm + dd + h + m + s;
                // myDate.getHours() + ":" + myDate.getMinutes() + ":" + myDate.getSeconds();
                return output;
            }
        }

        layui.use(['jquery', 'excel', 'layer'], function () {
            var $ = layui.jquery;
            var layer = layui.layer;
            var excel = layui.excel;

            $('#btnExport').on('click', function () {

                $.ajax({
                    url: '@Url.Action("QRS013A", "QRS")',
                    data: { "wipNO": $("#wipNO").val() },
                    dataType: 'json',
                    success(res) {
                        var data = res.data;

                        var keys = [];
                        var cols1 = [];
                        var cols2 = [];
                        var cols = {};
                        var i = 0;
                        var cols_title = "";
                        for (var item in data[0])
                        {
                            //alert(item);
                            //alert(data[0][item]);
                            keys.push(item);

                            cols1[i] = item;
                            cols_title = cols_title + item.toString() + ",";
                            //cols2[i] = item.toString() + ":\"" + item.toString() + "\"";
                            //cols2[i] = item + ":" + item.toString();
                            i = i + 1;
                            cols2.push(item);
                        }
                        
                        var cols_header = cols_title.substring(0, cols_title.length - 1);


                        //data.unshift({ wipno: "wipno" });
                        
                        //data = excel.filterExportData(data, cols2);
                        //data.unshift({ keys });
                        //data.unshift(cols1);
                        data.unshift({ wipno: "WipNo", barcodeno: "BarcodeNo", extrabarcodeno: "ExtraBarcodeNo", modelno: "ModelNo", itemno: "ItemNo" });

                        var timestart = Date.now();
                        excel.downloadExcel(data, '@sharedLocalizer["KP_DETAIL"]' + formatJSONDate(Date.now().toString()), 'xlsx');                        

                        //excel.exportExcel(data, '組件明細' + formatJSONDate(Date.now().toString()) + '.xlsx', 'xlsx');

                        var timeend = Date.now();

                        var spent = (timeend - timestart) / 1000;
                        layer.alert('@sharedLocalizer["EXPORT_TIME"] ' + spent + ' s');
                    }
                    , error() {
                        layer.alert('@sharedLocalizer["EXPORT_FAIL"]');
                    }
                });
            });
        });

        layui.use(['form', 'layer'], function () {
            form = layui.form;
        });

        function result()
        {
            var wipNO = $("#wipNO").val();


            var query = "?wipNO=" + wipNO;
            hg.open('@sharedLocalizer["QRS017"]', '/QRS/QRS017A' + query, '', '', true);

        };

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

    </script>
}