@{
    ViewData["Title"] = "FQC刪除";
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}

<style type="text/css">
    /*.layui-table-main .layui-table-cell {*/
    /*height: auto !important;*/
    /*white-space: normal;
            }

            .layui-table img {
                max-width: 60px;
                max-height: 28px;
            }

            .layui-tree-main {
                cursor: pointer;
                padding-right: 10px;
                float: left;
                border-width: 1px;
                border-style: solid;
                border-color: #e6e6e6;
                margin: 10px 0;
            }

            .layui-table-cell {
                height: auto;
                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-sm3">
                        <div class="layui-inline">
                            <label class="layui-form-label">委外廠商:</label>
                            <div class="layui-input-inline" style="width:140px">
                                <select id="factory" lay-filter="factory" name="factory" asp-items="@ViewBag.FactoryInfoList" class="">
                                    <option value="">全部</option>
                                </select>
                            </div>
                            <input id="factoryID" type="hidden" name="factoryID" value="" />
                        </div>
                    </div>
                    <div class="layui-col-sm3">
                        <div class="layui-inline">
                            <label class="layui-form-label">內部序號:</label>
                            <div class="layui-input-inline" style="width:140px">
                                <input id="barcodeNo" name="barcodeNo" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-sm3">
                        <div class="layui-inline">
                            <label class="layui-form-label">工單號碼:</label>
                            <div class="layui-input-inline" style="width:140px">
                                <input id="wipNo" name="wipNo" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-sm3">
                        <div class="layui-inline">
                            <label class="layui-form-label">包裝箱號:</label>
                            <div class="layui-input-inline" style="width:140px">
                                <input id="boxNo" name="boxNo" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-form-item">
                    <div class="layui-col-sm3">
                        <div class="layui-inline">
                            <label class="layui-form-label">入庫單號:</label>
                            <div class="layui-input-inline" style="width:140px">
                                <input id="inhouseNo" name="inhouseNo" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-sm4">
                        <div class="layui-inline">
                            <label class="layui-form-label">入庫日期:</label>
                            <div class="layui-input-inline" style="width:90px">
                                <input id="dateStr" name="dateStr" autocomplete="off" class="layui-input" readonly="">
                            </div>
                            <div class="layui-form-mid">~</div>
                            <div class="layui-input-inline" style="width:90px">
                                <input id="dateEnd" name="dateEnd" autocomplete="off" class="layui-input" readonly="">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-sm3">
                        <div class="layui-inline">
                            <label class="layui-form-label">檢驗狀態</label>
                            <div class="layui-input-inline" style="width:100px">
                                <select id="status" name="status" lay-filter="status" lay-submit>
                                    <option value="A">未檢驗</option>
                                    <option value="P">允收</option>
                                    <option value="R">驗退</option>
                                    <option value="">全部</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-sm1">
                        <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>
        <table class="layui-hide" id="query" lay-filter="query"></table>
    </div>
</div>

@section Scripts{
    <script type="text/javascript">
        layui.use(['form', 'layer', 'laydate', 'table'], function () {
            var table1 = layui.table;
            form = layui.form;
            laydate = layui.laydate;
            laydate.render({
                elem: '#dateStr'
                , trigger: 'click'
                , format: 'yyyy/MM/dd'
                , theme: 'grid'
            });

            laydate.render({
                elem: '#dateEnd'
                , trigger: 'click'
                , format: 'yyyy/MM/dd'
                , theme: 'grid'
            });

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

                //hg.msghide("刷新数据!");
                //table && table.reload();
            });

            form.on('select(status)', function (data) {
                $("#status").val(data.value);
                var qs = $('button[lay-filter="querysubmit"]');
                qs.click();
            });

        });

      


    
        //监听表单提交事件
        hg.form.onsubmit('querysubmit', function (data) {
            hg.msghide("重新載入資料..");
            table && table.reload(data);
        });

        var tableCols = [[
            {
                field: 'factoryNo',
                width: 80,
                title: '委外廠',
                sort: true
            },
            {
                field: 'createDate',
                title: '入庫時間',
                sort: true,
                templet: '<div>{{ layui.util.toDateString(d.createDate, "yyyy/MM/dd HH:mm:ss") }}</div>'
            },
            {
                field: 'inhouseNo',
                width: 150,
                title: '入庫單號',
                sort: true
            },
            {
                field: 'seqID',
                title: '順序',
                width: 60
            },
            {
                field: 'wipNo',
                title: '工單號碼',
                sort: true
            },
            {
                field: 'itemNo',
                title: '料號',
                sort: true
            },
            {
                field: 'inhouseQty',
                width: 60,
                title: '批量'
            },
            //{
            //    field: 'serialNo',
            //    title: '箱號',
            //    sort: true
            //},
            {
                field: 'statusName',
                title: '檢驗狀態',
                sort: true,
                templet: '#statusName'
            },
            {
                field: 'endTime',
                title: '抽驗結束時間',
                sort: true,
                templet: '<div>{{ layui.util.toDateString(d.endTime, "yyyy/MM/dd") }}</div>'
            },
            {
                field: 'qaMeno',
                title: '備註'
            },
            {
                title: '操作',
                align: 'center',
                width: 200,
                templet: function (d) {
                    var aa ='';
                    if (d.statusName == '未驗收完成') {
                        aa = '<a class="layui-btn layui-btn-danger layui-btn-xs layui-icon layui-icon-delete" lay-event="del">删除</a>'
                    }
                    
                    return aa;
                }
            }
        ]];

        //通过行tool删除,lay-event="del"
        function del(obj) {
            if (obj.data.inhouseNo) {
                hg.confirm("FQC單號:" + obj.data.inhouseNo + obj.data.seqID + ",確定要刪除嗎?", function () {
                    $.ajax({
                        url: '/FQC/FQC012D',
                        data: { inhouseNo: obj.data.inhouseNo, seq: obj.data.seqID },
                        type: 'POST',
                        success: function (data) {
                            if (data.success) {
                                obj.del(); //只删本地数据
                                hg.msghide("删除成功!");
                            }
                            else {
                                hg.msg(data.msg);
                            }
                        },
                        error: function () {
                            hg.msg("網路請求失敗!");
                        }
                    });
                });
            }
        }

     

        //基本数据表格
        var table = hg.table.datatable('query', 'FQC查詢', '/FQC/FQC008Query', {}, tableCols, '', true, 'full-100', ['filter', 'print', 'exports']);

                        // var table = hg.table.datatable('test', '條碼狀態維護', '/PCS/GetWipInfo', {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);
    </script>

    <script type="text/html" id="statusName">
        {{#  if(d.statusName === '允收'){ }}
        <span style="color: #07ab2a;">{{ d.statusName }}</span>
        {{#  } else if(d.statusName === '批退'){ }}
        <span style="color: #d70841;">{{ d.statusName }}</span>
        {{#  } else { }}
        {{ d.statusName }}
        {{#  } }}
    </script>
}