@{ 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"></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> }