@{
    ViewData["Title"] = "樣本序號取得紀錄";
    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>
    </div>
    <div class="layui-card-body">
        <div class="layui-form" style="margin-bottom:5px;">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-inline">
                        <label class="layui-form-label">工單:</label>
                        <input id="wipNo" style="width: 250px;" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-inline">
                        <label class="layui-form-label">料號:</label>
                        <input id="itemNo" style="width: 250px;" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-inline">
                        <label class="layui-form-label">開單人員姓名:</label>
                        <input id="userName" style="width: 250px;" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-col-sm10">
                    <div class="layui-inline">
                        <label class="layui-form-label">日期:</label>
                        <div class="layui-input-inline">
                            <input id="dateStr" name="dateStr" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-form-mid">～</div>
                        <div class="layui-input-inline">
                            <input id="dateEnd" name="dateEnd" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm2">
                    <div class="layui-inline" style="margin-left: 0px;">
                        <div class="layui-inline layui-show-xs-block">
                            <button class="layui-btn layui-btn-sm layui-btn-normal" id="querysubmit" lay-filter="querysubmit">
                                <i class="layui-icon layui-icon-sm">&#xe615;</i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <table class="layui-hide" id="test" lay-filter="test"></table>
    </div>
</div>

@section Scripts{
    <script type="text/javascript">

        layui.use(['form', 'layer', 'laydate'], function () {
            form = layui.form;
            laydate = layui.laydate;
            laydate.render({
                elem: '#dateStr'
                , trigger: 'click'
                , format: 'yyyy-MM-dd'
                , theme: 'grid'
                , isInitValue: true
                , ready: function (date) {
                    // $("#dateStrh").val($("#dateStrh").val());
                }
                , change: function (value, date, endDate) {
                    $("#dateStrh").val(value);
                }
                , done: function (value, date, endDate) {
                    $("#dateStrh").val(value);
                }
            });
            laydate.render({
                elem: '#dateEnd'
                , trigger: 'click'
                , format: 'yyyy-MM-dd'
                , theme: 'grid'
                , isInitValue: true
                , ready: function (date) {
                    //$("#dateEndh").val(value);
                    //console.log(date.y);//  得到初始化的日期时间对象
                }
                , change: function (value, date, endDate) {
                    $("#dateEndh").val(value);
                }
                , done: function (value, date, endDate) {
                    $("#dateEndh").val(value);
                }
            });
        });

        var table;
        $(function () {
            tt();
        });
        var tableCols = [[
            {
                field: 'createDate',
                sort: true,
                title: '建立日期',
                templet: '<div>{{ layui.util.toDateString(d.createDate, "yyyy/MM/dd") }}</div>'
            },
            {
                field: 'sampleWipNo',
                sort: true,
                title: '工單'
            },
            {
                field: 'itemNo',
                sort: true,
                title: '料號'
            },
            {
                field: 'qty',
                title: '數量'
            },
            {
                field: 'createName',
                title: '開單人員'
            },
            {
                field: 'startNo',
                title: '起始序號'
            },
            {
                field: 'endNo',
                title: '結束序號'
            },
            {
                field: 'startDate',
                title: '開工日期',
                templet: '<div>{{ layui.util.toDateString(d.startDate, "yyyy/MM/dd") }}</div>'
            },
            {
                field: 'completedDate',
                title: '完工日期',
                templet: '<div>{{ layui.util.toDateString(d.completedDate, "yyyy/MM/dd") }}</div>'
            },
            {
                field: 'powerCord',
                title: 'Power Cord'
            },
            {
                field: 'ecn',
                title: 'ECN'
            },
            {
                field: 'bios',
                title: 'BIOS'
            },
            {
                field: 'ean',
                title: 'EAN'
            },
            {
                field: 'barcodeNo',
                title: '內部序號'
            }, 
            //{
            //    field: 'right',
            //    width: 200,
            //    title: '操作',
            //    fixed: 'right',
            //    templet: function (d) {
            //        return '<a class="layui-btn layui-btn-normal 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> '
            //    }
            //}
        ]];
        //通过行tool编辑，lay-event="edit"
        function edit(obj) {
            console.info(obj.data);
            if (obj.data.serialRuleID) {
                hg.open('修改樣本序號取得紀錄', '/PCS/PCS033U/' + obj.data.serialRuleID , 480,480);
            }
        }
        //通过行tool删除，lay-event="del"
        function del(obj) {
            //alert(obj);
            if (obj.data.materialOutfitID) {
                hg.confirm("系統：" + obj.data.itemNo + "，確定要删除嗎？", function () {
                    $.ajax({
                        url: '/PCS/PCS033D',
                        data: { id: obj.data.serialRuleID},
                        type: 'POST',
                        success: function (data) {
                            if (data.success) {
                                obj.del(); //只删本地数据
                                hg.msghide("删除成功！");
                            }
                            else {
                                hg.msg(data.msg);
                            }
                        },
                        error: function () {
                            hg.msg("網路請求失敗！");
                        }
                    });
                });
            }
        }     
        var toolbar = [{
            text: '新增',
            layuiicon: '&#xe608;',
            class: 'layui-btn-normal',
            handler: function () {
                hg.open('新增樣本序號取得紀錄', '/PCS/PCS033C', 480, 480);

            }
        }
        ];
        ////搜索
        $('#querysubmit').click(function () {
            hg.msghide("刷新数据！");
            tt();
            return false;

        });
        //基本数据表格
        function tt() {
            var itemNo = "";
            var wipNo = "";
            var userName = "";
            var Sdate = "";
            var Edate = "";

            itemNo = $("#itemNo").val();
            wipNo = $("#wipNo").val();
            userName = $("#userName").val();
            Sdate = $("#dateStr").val();
            Edate = $("#dateEnd").val();
           
            table = hg.table.datatable('test', '出貨序號編碼規則', '/PCS/GetSampleSipmentSNsByQuery?'
                + 'itemNo=' + itemNo
                + '&wipNo=' + wipNo
                + '&userName=' + userName
                + '&Sdate=' + Sdate
                + '&Edate=' + Edate
               , {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);


        };
    </script>
}