@{
    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">
            <div class="layui-row">
                <div class="layui-form-item">
                    <div class="layui-col-sm12">
                        <div class="layui-inline">
                            <label class="layui-form-label">巡檢類型:</label>
                            <div class="layui-input-inline" style="width:100px">
                                <select style="width:100px;" lay-filter="Type" lay-submit id="Type" name="Type" asp-items="@ViewBag.TypesList">
                                    <option value="">請選擇</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">巡檢表單:</label>
                            <div class="layui-input-inline" style="width:100px">
                                <select style="width:100px;" lay-filter="Form" lay-submit id="Form" name="Form" asp-items="@ViewBag.FromsList">
                                    <option value="-99">請選擇</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <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 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="BarcodeNo" style="width: 250px;" class="layui-input">
                        </div>
                    </div>
                
                    <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 class="layui-inline">
                        <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>
        </div>
        <table class="layui-hide" id="test" lay-filter="test"></table>
    </div>
</div>

@section Scripts{
    <!-- input输入 -->
    <script type="text/html" id="purchaseTotal">
        <input type="number" min="0" class="layui-input" lay-vertype="tips" name="purchase_total" value="" lay-event="purchaseTotal" lay-filter="purchaseTotal">
    </script>
    <script type="text/html" id="inputTest">
        <input type="text" class="layui-input" lay-vertype="tips" name="input_Test" value="" lay-event="inputTest" lay-filter="inputTest">
    </script>


    <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);
                }
            });

            form.on('select(Type)', function (data) {
                var data = $("#Type").val();
                console.info(data);
                if (data) {
                    getInspectionForms(data); }
                else {
                    $("#Form").empty();
                    $('#Form').append(new Option("請選擇", "-99"));
                    layui.form.render("select");

                }
            });

        });
        function getInspectionForms(data) {
            $.ajax({
                url: "/SPC/GetInspectionForms",
                dataType: 'json',
                //data: { id: data },
                contentType: "application/json",
                type: 'get',
                success: function (result) {
                    if (result.data) {
                        $("#Form").empty();
                        $('#Form').append(new Option("請選擇", ""));
                        var count = 0;
                        $.each(result.data, function (index, item) {
                            if (item.inspectionTypeID == data) {
                                $('#Form').append(new Option(item.inspectionName, item.inspectionFormID));
                                count = count + 1;
                            }
                        });
                        if (count == 0) {
                            $("#Form").empty();
                            $('#Form').append(new Option("無選項", ""));

                        }
                    }
                    else {
                        $("#Form").empty();
                        $('#Form').append(new Option("無選項", ""));
                    }
                    layui.form.render("select");
                }
            });
        };
         
        $("#BarcodeNo").change(function () {

            var BarcodeNo = $("#BarcodeNo").val();
            var WipNo = $("#WipNo").val();
            if (BarcodeNo != "" && WipNo != "") {
                CheckBarcodeNo(BarcodeNo, WipNo);
            }
        });

        ////搜索
        $('#querysubmit').click(function () {
            console.log('#btnSearch');
            var form = $("#Form").val();
            if (form) {
                hg.msghide("刷新数据!");
                tt();
            }
            else {
                alert("請選擇巡檢表單!!!!");
            }
            return false;

        });
        var tableCols = [[
            {
                field: 'inspectionID',
                title: '#',
                sort: true
            },
            {
                field: 'wipNo',
                title: '工單號碼',
                sort: true
            },
            {
                field: 'barcodeNo',
                title: '抽驗編號',
                sort: true
            },
            {
                field: 'itemNo',
                title: '料號'
            },
            {
                field: 'statusNo',
                width: 100,
                title: '狀態'
            },
            {
                field: 'createDate',
                title: '建立日期',
                sort: true,
                templet: '<div>{{ layui.util.toDateString(d.createDate, "yyyy/MM/dd") }}</div>'
            },
            {
                field: 'detailItem',
                title: '檢驗狀態',
                templet: function (d) {  // yiru modify 22-12-09
                    if (d.detailFail != "0")
                        return "F";
                    else
                        return "P";
                  //  return "Total:" + d.detailItem + "  Pass:" + d.detailPass + "   Fail:" + d.detailFail + "   N/A:" + d.detailNA;
                }
            },
            //{
            //    field: 'detailItem1',
            //    title: '明細狀態1',
            //    width: 200,
            //    templet: function (d) {  // yiru modify 22-12-09
            //        var Tmp = GetdetailQuery(d.inspectionID);
            //        return Tmp;
            //    }
            //},
            {
                align: 'center', title: '操作', width: 100, fixed: 'right',
                sort: true,
                templet: function (item) {
                    var btns = '';
                    //btns = btns + '<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>';
                 //   if (item.statusNo == "暫存")
                //        btns = btns + '<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>';
              //     else if (item.statusNo == "儲存")
                        btns = btns + '<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="view">檢視</a>';

                    return btns;
                }
            }
        ]];

       

       
        //通过行tool编辑,lay-event="view"
        function view(obj) {
            if (obj.data.inspectionID) {
                hg.open('檢視巡檢結果', '/SPC/SPC004V/' + obj.data.inspectionID, '', '', true);
            }
        }
        //通过行tool删除,lay-event="del"
      
       
        //基本数据表格
        var table;
        //$(function () {
        //    tt();
        //});
        function tt() {
            //基本数据表格
            var form = "";
            var WipNo = "";
            var ItemNo = "";
            var BarcodeNo = "";
            var StatusNo = "";
            var sdate = "";
            var edate = "";

            form = $("#Form").val();
            WipNo = $("#WipNo").val();
            ItemNo = $("#ItemNo").val();
            StatusNo = "";
            BarcodeNo = $("#BarcodeNo").val();
            sdate = $("#dateStr").val();
            edate = $("#dateEnd").val();

            table = hg.table.datatable('test', '巡檢結果維護', '/SPC/GetInspectionResultMastersByQueryAll?'
                + 'id=' + form
                + '&WipNo=' + WipNo
                + '&ItemNo=' + ItemNo
                + '&BarcodeNo=' + BarcodeNo
                + '&StatusNo=' + StatusNo
                + '&sdate=' + sdate
                + '&edate=' + edate
                , {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);
        };

        function CheckBarcodeNo(BarcodeNo, WipNo) {
           
            $.ajax({
                url: '/SPC/CheckBarcodeNO?BarcodeNo=' + BarcodeNo + '&WipNo=' + WipNo,
                dataType: 'json',
                contentType: "application/json",
                type: 'get',
                success: function (result) {
                    if (!result.data) {
                        alert("檢驗編號不在工單區間內");
                    }

                }
            });
        };


        
        function GetdetailQuery(id) {

            var str = "";
            $.ajax({
                url: '/SPC/GetInspectionResultDetails?id=' + id,
                dataType: 'json',
                contentType: "application/json",
                type: 'get',
                success: function (result) {
                    if (result.data) {
                        var P = 0;
                        var F = 0;
                        var NA = 0;
                        var Total = 0;
                        //   $.each(result.data, (index, item) {
                        $.each(result.data, function () {
                            Total += 1;
                            if (result.data.result == "P") {
                                P += 1;
                            }
                            if (result.data.result == "F") {
                                F += 1;
                            }
                            if (result.data.result == "NA") {
                                NA += 1;
                            }
                        });
                        if (F != "0")
                            str = "F"
                        else
                            str = "P"
                     //   str = "Total:" + Total.toString + "  P:" + P.toString() + " F:" + F.toString + " NA:" + NA.toString;
                        return str;
                    }

                }
            });
        };
      


    </script>
}