@{
    ViewData["Title"] = "完工入庫";
    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;
    }



</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="barcodeNo" name="barcodeNo" 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:150px">
                                <input id="wipNo" name="wipNo" 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:150px">
                                <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-sm4">
                        <div class="layui-inline">
                            <label class="layui-form-label">RecordNumber:</label>
                            <div class="layui-input-inline">
                                <input id="inhouseNo" name="inhouseNo" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-sm6">
                        <div class="layui-inline">
                            <label class="layui-form-label">入庫日期:</label>
                            <div class="layui-input-inline" style="width:150px">
                                <input id="dateStr" name="date_str" autocomplete="off" class="layui-input" readonly="">
                            </div>
                            <div class="layui-form-mid">~</div>
                            <div class="layui-input-inline" style="width:150px">
                                <input id="dateEnd" name="date_end" autocomplete="off" class="layui-input" readonly="">
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-form-item">
                        </div>
                    </div>
                    <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">
                                    <select name="Status" id="Status" class="custom-select col-sm-2">
                                        <option value="ALL">全部</option>
                                        <option value="Y">已入庫</option>
                                        <option value="N">待入庫</option>
                                    </select>
                                </div>
                            </div>

                        </div>
                        <div class="layui-col-sm4">
                            <div class="layui-inline">
                                <label class="layui-form-label">廠別:</label>
                                <div class="layui-input-inline">
                                    <select name="Status" id="FactoryID" class="custom-select col-sm-2">
                                        <option value="1">安勤</option>
                                        <option value="2">昶亨</option>

                                    </select>
                                </div>
                            </div>

                        </div>

                        <div class="layui-col-sm">
                            <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>
            <div class="layui-row">
                <div class="layui-form-item">
                    <div class="layui-col-sm4">
                        <div class="layui-inline">
                            <label class="layui-form-label">RecordNumber 輸入:</label>
                            <div class="layui-input-inline">
                                <input id="inhouseNo1" name="inhouseNo1" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-sm4">
                        <div class="layui-inline">
                            <label class="layui-form-label">RecordDate 輸入:</label>
                            <div class="layui-input-inline" style="width:150px">
                                <input id="recordDate" name="date_str" autocomplete="off" value="@System.DateTime.Now.ToString("yyyy-MM-dd")" class="layui-input" readonly="">
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            

        </div>
        <table class="layui-hide" id="query" lay-filter="query"></table>
    </div>
</div>


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


        //var roleId = 0;
        //var roleName = "";

        layui.use(['form', 'layer', 'laydate'], function () {
            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'
            });
            laydate.render({
                elem: '#recordDate'
                , trigger: 'click'
                , format: 'yyyy-MM-dd'
                , theme: 'grid'
            });
        });

        $('#inhouseNo1').on('keypress', function (event) {

            if (event.keyCode == 13) {
                var data = $("#inhouseNo1").val();
                if (data == '') {
                    alert("請輸入recordNumber")
                }
                else
                {
                    $('#recordNumber2 ').each(function () {
                        $(this).val(data);
                    });
                }

            }

        });

        $('#querysubmitTmp').click(function () {
            var data = $("#inhouseNo1").val();

            var data = $("#inhouseNo1").val();
            if (data == '') {
                alert("請輸入recordNumber")
            }
            else {
                $('#recordNumber2 ').each(function () {
                    $(this).val(data);
                });
            }

        });

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

        var tableCols = [[
            {
                type: 'checkbox'

            },
            {
                field: 'serialNo',
                width: 145,
                title: '箱號',
                sort: true,
                totalRowText : '合計:'
            },
            {
                field: 'boxQty',
                width: 70,
                title: '數量',
                sort: true,
                totalRow: true
            },
            {
                field: 'inhouseNo',
                width: 140,
                title: '送驗單號',
                sort: true
            },
            {
                field: 'seqID',
                title: '順序',
                width: 60,
                sort: true
            },
            {
                field: 'wipNo',
                title: '工單號碼',
                sort: true
            },
            {
                field: 'itemNo',
                title: '料號',
                sort: true
            },
            {
                field: 'createDate',
                title: 'FQC時間',
                sort: true,
                templet: '<div>{{ layui.util.toDateString(d.createDate, "yyyy/MM/dd") }}</div>'
            },
            {
                field: 'statusName',
                title: '檢驗狀態',
                width: 60,
                sort: true,
                templet: '#statusName'

            },
            {
                field: 'endTime',
                title: '抽驗結束時間',
                sort: true,
                templet: '<div>{{ layui.util.toDateString(d.endTime, "yyyy/MM/dd") }}</div>'
            },
            {
                field: 'locationNo',
                width: 150,
                title: '庫別',
                fixed: 'right',
                edit: 'text',
                templet: function (d) {
                    var txt = '<div class="layui-input-inline" style="width:130px"><input id="locationNo" name="locationNo" autocomplete="off" class="layui-input" placeholder="請輸入庫別"></div>';
                    if (d.locationNo != null)
                        txt = '<div class="layui-input-inline" style="width:130px"><input id="locationNo" name="locationNo" autocomplete="off" class="layui-input" value="' + d.locationNo +'" ></div>';
                    if (d.recordNumber != null) {
                        if (d.locationNo != null)
                            txt = d.locationNo
                        else
                            txt = "";
                    }

                    return txt;
                }

            }
            @*,
            {
                field: 'recordNumber',
                width: 150,
                title: 'RecordNumber',
                fixed: 'right',
                edit: 'text',
                templet: function (d) {
                    var txt = '<div class="layui-input-inline" style="width:130px"><input id="recordNumber" name="recordNumber" autocomplete="off" class="layui-input" placeholder="請輸入recordNumber"></div>';
                    if (d.recordNumber != null)
                        txt = d.recordNumber;

                    return txt;
                }


            }*@,
            {
                field: 'right',
                width: 150,
                title: '操作',
                fixed: 'right',
                templet: function (d) {
                    var btn = '<a class="layui-btn layui-btn-warm layui-icon layui-icon-list layui-btn-xs" lay-event="detail">檢視</a>';
                    if  (d.recordNumber == null)
                        btn = btn + '<a class="layui-btn layui-btn-xs layui-icon layui-icon-edit" lay-event="edit">入庫</a>';
                    else
                        btn = btn + '<a> 已入庫</a>';
                        return btn;

                }
            }
        ]];

        //通过行tool编辑,lay-event="show"
        function show(obj) {
                layui.use('layer', function () {
                    var layer = layui.layer;
                    layer.open({
                        type: 2,
                        area: ['900px', '650px'],
                        fixed: false, //不固定
                        maxmin: true,
                        content: obj.data.filePath + obj.data.newName
                    });
                });
            };

        function detail(obj) {

            hg.open('箱號資料查詢', '/PCS/PCS031V?QuotName=' + $("#FactoryID").val()+'&InhouseNo=' + obj.data.inhouseNo + '&SeqID=' + obj.data.seqID, '', '', true);

        }

        function edit(obj) {
            var recordmumber = $("#inhouseNo1").val();
            var recordDate = $("#recordDate").val();
            var Factority_ID = $("#FactoryID").val();
          
            if (recordmumber == '') {
                hg.msg('請輸入recordmumber!');
            }
            else {
                hg.confirm("送驗單號_箱號:【" + obj.data.inhouseNo + "_" + obj.data.serialNo +  "】,確定要入庫嗎?", function () {
                $.ajax({
                    url: '/PCS/PCS031inhouse',
                    data: { InhouseNo: obj.data.inhouseNo, boxNo: obj.data.serialNo, seq: obj.data.seqID, recordNumber: recordmumber, locationNo: obj.data.locationNo, recordDate: recordDate, factorityID: Factority_ID, itemNo: obj.data.itemNo },
                    type: 'POST',
                    success: function (data) {
                        if (data.success) {
                            hg.msg("success" + data.msg);
                            tt();
                        }
                        else {
                            hg.msg(data.msg);
                        }
                    },
                    error: function () {
                        hg.msg("網路請求失敗!" + data.msg);
                    }
                });
            });
             }
        }

        var toolbar = [{
            text: '批次入庫',
            layuiicon: '&#xe63c;',
            class: 'ayui-btn-warm',
            handler: function (obj, row) {
                if (obj.checkstatus && obj.checkstatus.data.length > 0) {
                    console.log(obj.checkstatus.data.map(function (x) { return x.serialNo }).join(','))
                    var recordmumber = $("#inhouseNo1").val();
                    var recorddate = $("#recordDate").val();
                    var Factority_ID = $("#FactoryID").val();
                   
                    if (recordmumber == '') {
                        hg.msg('請輸入recordmumber!');
                    }
                    else {
                        hg.confirm("批量入庫所有选中的数据,確定要入庫吗?", function () {
                            $.ajax({
                                url: '/PCS/PCS031inhouse_all',
                                data: { ids: obj.checkstatus.data.map(function (x) { return x.inhouseNo + "," + x.serialNo + "," + x.seqID + "," + recordmumber + "," + x.locationNo + "," + recorddate + "," + Factority_ID + "," + x.itemNo }) },
                                type: 'POST',
                                success: function (data) {
                                    if (data.success) {
                                        hg.msg(data.msg);
                                        //重载表格数据
                                        tt();

                                    }
                                    else {
                                        //hg.msg(data.msg);
                                        hg.msg('批量入庫失败!');
                                    }
                                },
                                error: function () {
                                    hg.msg("网络请求失败!");
                                }
                            });

                        });
                    }
                } else {
                    hg.msg('請選中一個或多個複選框,再操作!');
                }
            }
        }, {
                text: '查詢勾選數量合計',
                layuiicon: '&#xe63c;',
                class: 'layui-btn-normal',
                handler: function (obj, row) {
                    if (obj.checkstatus && obj.checkstatus.data.length > 0) {
                        console.log(obj.checkstatus.data.map(function (x) { return x.serialNo }).join(','))
                     
                   
                                $.ajax({
                                    url: '/PCS/PCS031sum',
                                    data: { ids: obj.checkstatus.data.map(function (x) { return x.boxQty }) },
                                    type: 'POST',
                                    success: function (data) {
                                        if (data.success) {
                                            layer.msg('已選數量合計:' + data.msg);
                                        }
                                        else {
                                            //hg.msg(data.msg);
                                            layer.msg('查詢失败!');
                                        }
                                    },
                                    error: function () {
                                        layer.msg("网络请求失败!");
                                    }
                                });

                           
                       
                    } else {
                        layer.msg('請選中一個或多個複選框,再操作!');
                    }
                }
            }
        ];

        //基本数据表格
        //   var table = hg.table.datatable('query', 'FQC查詢', '/PCS/PCS031Query', {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports'], true);
       // var table = hg.table.datatable('query', 'FQC查詢', '/PCS/PCS031Query?'+'barcodeNo=' + $("#barcodeNo").val() + '&wipNo=' + $("#wipNo").val() + '&boxNo=' + $("#boxNo").val() + '&inhouseNo=' + $("#inhouseNo").val() + '&date_str=' + $("#dateStr").val() + '&date_end=' + $("#dateEnd").val() + '&status=' + $("#Status").val(), {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports'], true);

        var table;
        $(function () {
            tt();
        });
        //基本数据表格
        function tt() {
            table = hg.table.datatable('query', 'FQC查詢', '/PCS/PCS031Query?' + 'factority=' + $("#FactoryID").val()+'&barcodeNo=' + $("#barcodeNo").val() + '&wipNo=' + $("#wipNo").val() + '&boxNo=' + $("#boxNo").val() + '&inhouseNo=' + $("#inhouseNo").val() +'&date_str=' + $("#dateStr").val() + '&date_end=' + $("#dateEnd").val() + '&status=' + $("#Status").val(), {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports'], true);
        }



    </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>



}