@{
    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 class="layui-form-item layui-layout-left">
                <div class="layui-inline">
                    <label class="layui-form-label">警報類別</label>
                    <div class="layui-input-inline">
                        <select id="alarmType" lay-filter="alarmType" lay-verify="required" lay-submit>
                            <option value="0">全部</option>
                            <option value="1">同一不良代碼累計超過</option>
                            <option value="2">同一不良位置累計超過</option>
                            <option value="3">同一維修代碼累計超過</option>
                        </select>
                    </div>
                    <input id="alarmTypeID" type="hidden" name="alarmTypeID" value="0" />
                        <div class="layui-inline">
                            <label class="layui-form-label">工單號碼:</label>
                            <div class="layui-input-inline" style="width:150px">
                                <input id="wipNO" name="wipNo" autocomplete="off" class="layui-input" placeholder="請輸入工單號碼" value="@ViewBag.WipNo">
                            </div>
                        </div>
                </div>
                <div class="layui-inline layui-show-xs-block">
                    <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="querysubmit">
                        <i class="layui-icon layui-icon-sm">&#xe615;</i>
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-card-body">
        <table class="layui-hide" id="test" lay-filter="test"></table>
    </div>
</div>

@section Scripts{
    <script type="text/javascript">

        layui.use(['form', 'layer'], function () {
            form = layui.form;

            form.on('select(alarmType)', function (data) {
                $("#alarmTypeID").val(data.value);

                //alert(alarmTypeID.value);

                var qs = $('button[lay-filter="querysubmit"]');
                qs.click();
            });
        });

        //监听表单提交事件
        hg.form.onsubmit('querysubmit', function (data) {
            table && table.reload(data);
        });

        var tableCols = [[
            {
                field: 'wipAlarmID',
                width: 120,
                title: '警報編號',
                sort: true
            },
            {
                field: 'wipNO',
                width: 200,
                title: '工單號碼'
            },
            {
                field: 'alarmParam',
                width: 120,
                title: '警報參數'
            },
            {
                field: 'alarmValue',
                width: 80,
                title: '警報值'
            },
            {
                field: 'alarmDesc',
                minWidth: 200,
                title: '警報描述'
            },
            {
                field: 'alarmDateTime',
                title: '警報時間',
                width: 180,
                templet: '<div>{{ layui.util.toDateString(d.alarmDateTime, "yyyy-MM-dd HH:mm") }}</div>'
            }]
        ];

        //基本数据表格
        var table = hg.table.datatable('test', '警報資料查詢', '/QRS/GetWipAlarmsByType', {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);
    </script>
}