@{
    ViewData["Title"] = "工單KeyParts查詢(停用)";
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}
<h1> 前端畫面功能已經註解，後端邏輯已經刪除! </h1>
@* 

<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">工單號碼:</label>
                    <div class="layui-input-inline" style="width:150px">
                        <input id="wipNO" name="wipNo" autocomplete="off" class="layui-input" placeholder="請輸入工單號碼">
                        <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">
                        <i class="layui-icon layui-icon-sm">&#xe615;</i>
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-card-body">
        <table class="layui-hide" id="test" lay-filter="test"></table>
        <!--div class="layui-inline">
            <button type="button" id="btnExport" class="layui-btn layui-btn-normal layui-btn-sm"><i class="fa fa-file-excel-o"></i>導出數據</button>
        </div-->
    </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, '組件明細' + 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('導出數據耗時 ' + spent + ' s');
                    }
                    , error() {
                        layer.alert('導出數據失敗');
                    }
                });
            });
        });

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

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

        var tableCols1 = [[
            {
                field: 'wipNO',
                title: '工單號碼',
                sort: true
            },
            {
                field: 'barcodeNo',
                width: 160,
                title: '條碼'
            },
            {
                field: 'extraBarcodeNo',
                width: 160,
                title: '出貨條碼'
            },
            {
                field: 'modelNO',
                width: 120,
                title: '機種'
            },
            {
                field: 'itemNO',
                width: 120,
                title: '料號'
            },
            {
                field: 'keyPartNo',
                width: 80,
                title: '組件代碼'
            },
            {
                field: 'keyPartItem',
                width: 120,
                title: '組件料號'
            },
            {
                field: 'keyPartSN',
                width: 160,
                title: '組件條碼'
            },
            {
                field: 'keyPartDate',
                title: '收集時間',
                width: 160,
                templet: '<div>{{ layui.util.toDateString(d.keyPartDate, "yyyy/MM/dd HH:mm:ss") }}</div>'
            },
            {
                field: 'keyPartUserName',
                title: '作業員',
                width: 120,
                sort: true
            }]
        ];

        var tableCols = [[
            {
                field: 'wipno',
                title: '工單號碼',
                width: 120,
                sort: true
            },
            {
                field: 'barcodeno',
                width: 150,
                title: '條碼'
            },
            {
                field: 'extrabarcodeno',
                width: 150,
                title: '出貨條碼'
            },
            {
                field: 'modelno',
                width: 120,
                title: '機種'
            },
            {
                field: 'itemno',
                width: 120,
                title: '料號'
            },
            {
                field: 'kP_CPU',
                title: 'CPU'
            },
            {
                field: 'kP_RAM',
                title: 'RAM'
            },
            {
                field: 'kP_17',
                title: 'DRAM'
            },
            {
                field: 'kP_HDD',
                title: 'HDD'
            },
            {
                field: 'kP_Mini_Board',
                title: 'Mini Board'
            },
            {
                field: 'kP_PANEL',
                title: 'PANEL'
            }            ,
            {
                field: 'kP_LICENSE',
                title: 'LICENSE'
            },
            {
                field: 'kP_PSU',
                title: 'PSU'
            },
            {
                field: 'kP_Adaptcr',
                title: 'Adaptcr'
            },
            {
                field: 'kP_Panell',
                title: 'Panell'
            },
            {
                field: 'kP_MB',
                title: 'MB'
            },
            {
                field: 'kP_MB1',
                title: 'MB1'
            },
            {
                field: 'kP_MB2',
                title: 'MB2'
            },
            {
                field: 'kP_MB3',
                title: 'MB'
            },
            {
                field: 'kP_MAC1',
                title: 'MB_MAC1'
            },
            {
                field: 'kP_MAC2',
                title: 'MB_MAC2'
            },
            {
                field: 'kP_MAC3',
                title: 'MB_MAC3'
            },
            {
                field: 'kP_MAC4',
                title: 'MB_MAC4'
            }
        ]];

        //基本数据表格
        var table = hg.table.datatable('test', '工單KeyParts資料', '/QRS/QRS013A', {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);
    </script>
} *@