@{ ViewData["Title"] = "線上無效工時查詢"; Layout = "~/Views/Shared/_AMESLayout.cshtml"; } <div class="layui-card"> <div class="layui-card-header"> <div class="layui-inline"><i class="fa fa-file-text-o fa-fw"></i> @ViewBag.Title</div> </div> <div class="layui-card-body"> <div class="layui-form"> <div class="layui-form-item"> <div class="layui-inline" style="margin-right:5px;"> <label class="layui-inline layui-form-label" style="width:80px;">廠區:</label> <div class="layui-input-inline" style="width:120px;"> <div class="layui-input-inline" style="width: 90px; margin-right: 5px;"> <select style="width:90px;" lay-filter="factoryNo" lay-submit id="factoryNo" name="factoryNo" asp-items="@ViewBag.FactoryList"> <option value=""> —請選擇— </option> </select> </div> </div> </div> <div class="layui-inline" style="margin-right:0px;"> <label class="layui-inline layui-form-label" style="width:80px;">製程:</label> <div class="layui-input-inline" style="width: 90px; margin-right: 5px;"> <select style="width:90px;" lay-filter="unitNo" lay-submit id="unitNo" name="unitNo" asp-items="@ViewBag.FactoryUnit"> <option value=""> —請選擇— </option> </select> </div> <input id="unitId" type="hidden" name="unitId" /> <label class="layui-inline layui-form-label" style="width:80px;">線別:</label> <div class="layui-input-inline" style="width:120px;"> <select name="lineID" id="lineID" lay-filter="lineID" asp-items="@ViewBag.LineList"> <option value=""> —請選擇— </option> </select> <input type="hidden" id="line" name="line" /> </div> </div> <div class="layui-inline" style="margin-right:5px;"> <label class="layui-inline layui-form-label" style="width:80px;">判定單位:</label> <div class="layui-input-inline" style="width:120px;"> <select name="deptID" id="deptID" lay-filter="deptID" asp-items="@ViewBag.DeptList"> <option value=""> —請選擇— </option> </select> <input type="hidden" id="line" name="line" /> </div> </div> <div class="layui-inline" style="margin-left:0px;"> <label class="layui-inline layui-form-label">日期</label> <input id="sDate" type="date" name="sDate" /> TO <input id="eDate" type="date" name="eDate" /> <button id="btnSearch" class="layui-btn tt"> <i class="layui-icon"></i>搜索 </button> </div> </div> </div> <table class="layui-hide" id="test" lay-filter="test"></table> </div> </div> @section Scripts{ <script> layui.use(['table', 'jquery', 'form', 'laydate'], function () { var $ = layui.$; var form = layui.form, layer = layui.layer; var table = layui.table; table.render({ elem: '#test' , data: [] , title: '線上無效工時查詢' , cellMinwidth: 80//全局定义常规单元格的最小宽度,1ayui 2.2.1 新增 , cols: [[ { field: 'exceptionDate', title: '異常日期', sort: true }, { field: 'unitNo', title: '制程代碼' }, { field: 'stationID', title: '站別' }, { field: 'time', title: '異常工時(Min)' }, { field: 'personNameCh', title: '判定描述', }, { field: 'personNo', title: '判定類別', }, { field: 'decideUser', title: '判定負責人', }, { field: 'startTime', title: '起始時間', }, { field: 'endTime', title: '結束時間', } ]] , page: true , limits: [3, 5, 10]//一页选择显示3,5或10条数据 , limit: 10 //一页显示10条数据 //, parseData: function (res) { //将原始数据解析成tabe组件所规定的数据,res光 // var result; // if (this.page.curr) { // if (res.data) // result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr) // } // else { // if (res.data) // result = res.data.slice(0, this.limit); // } // // return { // "code": res.code,//解析接口状态 // "msg": res.msg,//解析提示文本 // "count": res.count,//解析数据长度 // "data": result//解析数据列表 // }; // } }); //搜索 $('#btnSearch').click(function () { var sd = $("#sDate").val(); var ed = $("#eDate").val(); if (sd && ed) { hg.msghide("刷新数据!"); table.reload('test', { url: '/WHS/GetExceptionWorktimeOlineByQuery/', where: { factoryid: $("#factoryNo").val(), unitid: $("#unitNo").val(), lineid: $("#lineID").val(), deptid: $("#deptID").val(), sdate: $("#sDate").val(), edate: $("#eDate").val() } }); } else { alert("請填寫查詢時間!!!!"); } return false; }); }); </script> }