@{
    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" style="margin-right:5px;">
                    <label class="layui-inline layui-form-label">種類歸屬</label>
                    <div class="layui-input-inline" style="width:90px">
                        <select lay-filter="TypeFlag" name="TypeFlag" id="TypeFlag" style="width:90px">
                            <option value="-99">全部</option>
                            <option value="0">設備</option>
                            <option value="1">料件</option>
                            <option value="2">儀器</option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline" style="margin-right:5px;">
                    <label class="layui-inline layui-form-label">設備種類</label>
                    <div class="layui-input-inline" style="width:120px">
                        <select lay-filter="Commodity" name="Commodity" id="Commodity" asp-items="@ViewBag.TypesList" style="width:120px">
                            <option value="-99">全部</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline" style="margin-right:5px;">
                    <label class="layui-inline layui-form-label">管理編號</label>
                    <div class="layui-input-inline">
                        <input type="text" name="QANo" id="QANo" placeholder="请输入管理編號" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline" style="margin-left:0px;">
                    <div class="layui-btn-group">
                        <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>
        <table class="layui-hide" id="test" lay-filter="test"></table>
    </div>
</div>

@section Scripts{
    <script type="text/javascript">
        var tableCols = [[
            {
                field: 'outfitID',
                width: 80,
                title: '#'
            },
            {
                field: 'outfitNo',
                title: '設備編碼'
            },
            {
                field: 'qaNo',
                title: '管理編號'
            },
            {
                field: 'partNo',
                title: '財產名稱'
            },
            //{
            //    field: 'statusNo',
            //    title: '狀態',
            //    templet: function (d) {
            //        var btn ;
            //        if (d.statusNo == "A")
            //            btn = '有效';
            //        else
            //            btn = '無效';
            //        return btn
            //        //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>'
            //    }
            //},
            {
                field: 'useStatusNo',
                title: '狀態',
                templet: function (d) {
                    var str;
                    if (d.useStatusNo == "B")
                        str = '領用';
                    else if (d.useStatusNo == "N")
                        str = '新設備';
                    else if (d.useStatusNo == "R")
                        str = '歸還';
                    else if (d.useStatusNo == "S")
                        str = '報廢';
                    return str
                    //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>'
                }
            },
            {
                field: 'locationNo',
                title: '儲位'
            },
            {
                field: 'custodianName',
                title: '保管人'
            },
            {
                field: 'right',
                width: 200,
                title: '操作',
                fixed: 'right',
                templet: function (d) {
                    var btn = '<a class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-edit" lay-event="view">檢視</a>';
                   
                    return btn
                }
            }]
        ];

     

        //通过行tool删除,lay-event="del"
        function view(obj) {
            if (obj.data.outfitID) {
                hg.open('檢視設備基本資料', '/JIG/JIG010V/' + obj.data.outfitID, 720, 520);
            }
        }

        ////搜索
        $('#querysubmit').click(function () {

            hg.msghide("刷新数据!");
            tt();

        });

        layui.use(['form', 'layer', 'laydate'], function () {
            form = layui.form;
            form.on('select(TypeFlag)', function (data) {
                var data = $("#TypeFlag").val();
                console.info(data);
                getCommodityByType(data);
            });

        });

        function getCommodityByType(data) {
            var TypeFlag = $("#TypeFlag").val();
            $.ajax({
                url: "/JIG/GetOutfitCommodityInfoesByQuery?TypeFlag=" + data + "&Status=A",
                dataType: 'json',
                //data: { id: data },
                contentType: "application/json",
                type: 'get',
                success: function (result) {
                    if (result.data) {
                        $("#Commodity").empty();
                        var count = 0;
                        $('#Commodity').append(new Option("全部", "-99"));
                        $.each(result.data, function (index, item) {
                            $('#Commodity').append(new Option(item.commodityName, item.commodityID));
                            count = count + 1;
                        });
                        if (count == 0) {
                            $("#Commodity").empty();
                            $('#Commodity').append(new Option("無選項", ""));

                        }
                    }
                    else {
                        $("#Commodity").empty();
                        $('#Commodity').append(new Option("無選項", ""));
                    }
                    layui.form.render("select");
                }
            });
        };
        ////搜索
        $('#querysubmit').click(function () {
            hg.msghide("刷新数据!");
            tt();
        });

        var table;
        $(function () {
            tt();
        });

        //基本数据表格
        function tt() {
            var QANo_data = $("#QANo").val();
            if( QANo_data == "")
            {
                QANo_data = "*";
            }
            table = hg.table.datatable('test', '設備未歸還',
                '/JIG/GetOutfitInfoesByQuery1?TypeFlag=' + $("#TypeFlag").val() + '&CommodityID=' + $("#Commodity").val() + '&VarityID=-99&Status=A&QANo=' + QANo_data+'&PartNo=*&UseStatus=B'
                , {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);
          
        }

    </script>
}