@{
    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">&#xe615;</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>
}