@{
    ViewBag.Title = "自动签到";
    Layout = "~/Views/Shared/_LayoutTable.cshtml";
}
<body style="background-color:white">

    <div class="container-fluid">
        <div class="row-fluid">
            <div class="col-md-6">
                <div id="toolbar">
                    <button id="btnNewCheckinPerson" class="btn btn-default"><i class="glyphicon glyphicon-plus-sign"></i> 添加签到人员</button>
                    <button class="btn btn-default" id="btnSave" onclick="SaveData()"><i class="glyphicon glyphicon-saved"></i> 保 存</button>
                </div>
                <table id="AttendanceInformationTable" data-mobile-responsive="true"></table>
            </div>
            <div class="col-md-6">
                <table id="AttendanceSettingTable" class="table table-bordered table-striped table-hover" style="margin-top:53px" >
                    <tr>
                        <td style="text-align: left">签到时间：</td>
                        <td>
                            <input type="text" onfocus="WdatePicker({isShowClear:false,readOnly:true,dateFmt:'HH:mm'})" style="width: 90%;" name="strdatename" id="strdatename" value="@{if (TempData["signbegindate"] != null) {@TempData["signbegindate"]} }" /><input type="text" onfocus="WdatePicker({isShowClear:false,readOnly:true,dateFmt:'HH:mm'})" style="width: 90%;" name="enddatename" id="enddatename" value="@{if (TempData["signenddate"] != null) {@TempData["signenddate"]} }" />
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left">签到周期：</td>
                        <td>
                            <div class="controls">
                                <div class="radio i-checks inline">
                                    <input type="checkbox" @{if (TempData["signweeks"] != null) { @(TempData["signweeks"].ToString().Contains("周一") ? "checked='checked'" : "")        } } value="周一" name="cbradios" />周一
                                    <input type="checkbox" @{if (TempData["signweeks"] != null) { @(TempData["signweeks"].ToString().Contains("周二") ? "checked='checked'" : "")        } } value="周二" name="cbradios" />周二
                                    <input type="checkbox" @{if (TempData["signweeks"] != null) { @(TempData["signweeks"].ToString().Contains("周三") ? "checked='checked'" : "")        } } value="周三" name="cbradios" />周三
                                    <input type="checkbox" @{if (TempData["signweeks"] != null) { @(TempData["signweeks"].ToString().Contains("周四") ? "checked='checked'" : "")        } } value="周四" name="cbradios" />周四
                                    <input type="checkbox" @{if (TempData["signweeks"] != null) { @(TempData["signweeks"].ToString().Contains("周五") ? "checked='checked'" : "")        } } value="周五" name="cbradios" />周五
                                    <input type="checkbox" @{if (TempData["signweeks"] != null) { @(TempData["signweeks"].ToString().Contains("周六") ? "checked='checked'" : "")        } } value="周六" name="cbradios" />周六
                                    <input type="checkbox" @{if (TempData["signweeks"] != null) { @(TempData["signweeks"].ToString().Contains("周日") ? "checked='checked'" : "")        } } value="周日" name="cbradios" />周日
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left">签到间隔：</td>
                        <td>
                            <div class="controls">
                                <div class="radio i-checks inline">
                                    <input type="radio" @{if (TempData["typevalues"] != null) { @(TempData["typevalues"].ToString() == "5" ? "checked='checked'" : "")        } } value="5" name="radios" />5
                                    <input type="radio" @{if (TempData["typevalues"] != null) { @(TempData["typevalues"].ToString() == "10" ? "checked='checked'" : "")        } } value="10" name="radios" />10
                                    <input type="radio" @{if (TempData["typevalues"] != null) { @(TempData["typevalues"].ToString() == "20" ? "checked='checked'" : "")        } } value="20" name="radios" />20
                                    <input type="radio" @{if (TempData["typevalues"] != null) { @(TempData["typevalues"].ToString() == "30" ? "checked='checked'" : "")        } } value="30" name="radios" />30
                                    <input type="radio" @{if (TempData["typevalues"] != null) { @(TempData["typevalues"].ToString() == "60" ? "checked='checked'" : "")        } } value="60" name="radios" />60
                                    <input type="radio" @{if (TempData["typevalues"] != null) { @(TempData["typevalues"].ToString() == "" ? "checked='checked'" : "")        } } value="" name="radios" />不签到
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>

        </div>
    </div>
                
                

                
    <script type="text/javascript">
    function SaveData() {//保存
        var week = $("input[name='cbradios']:checked").serialize();
        var weeks = decodeURIComponent(week, true);//解码
        $.ajax({
            url: "../WLTManage/SaveAutoCheckInSetting",
            dataType: "text",
            data: { begindate: $("#strdatename").val(), enddate: $("#enddatename").val(), weeks: weeks, typevalues: $("input[name='radios']:checked").val() },
            type: "post",
            success: function (data) {
                layer.msg(data, { time: 2000 });
            },
            error: function (data) {
                layer.msg(data, { icon: 5, time: 2000 });
            }
        })
    }
    function deleteCheckInPerson(LoginID, Num) {//行删除按钮
        layer.confirm("确认删除？", function (enter) {//删除前提示
            if (enter) {
                $.ajax({
                    url: "../WLTManage/DeleteCheckInPerson",
                    dataType: "text",
                    data: { LoginID: LoginID, Num: Num },
                    type: "post",
                    success: function (data) {//删除成功后刷新table
                        layer.msg(data, { time: 2000 });
                        $('#AttendanceInformationTable').bootstrapTable("refresh");
                    },
                    error: function (data) {
                        layer.msg(data, { icon: 5, time: 2000 });
                        $('#AttendanceInformationTable').bootstrapTable("refresh");
                    }
                })
            }
        })
    }
    $(function () {
        $('#AttendanceInformationTable').bootstrapTable({
            url: '../WLTManage/GetAutoCheckInPersonList',         //请求后台的URL（*）
            method: 'post',                      //请求方式（*）
            toolbar: '#toolbar',                //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            pagination: true,                   //是否显示分页（*）
            sortOrder: "asc",                   //排序方式
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                      //每页的记录行数（*）
            pageList: [10, 30, 50],        //可供选择的每页的行数（*）
            minimumCountColumns: 2,  //最少允许的列数
            //height: $(".centerdiv").height() - 70,               //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "",            //每一行的唯一标识，一般为主键列
            clickToSelect: true,              //是否启用点击选中行
            sortable: false,                     //是否启用排序
            silentSort: false,
            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
            strictSearch: false,
            paginationFirstText: '首页',
            paginationLastText: '末页',
            paginationPreText: '上一页',
            paginationNextText: '下一页',
            showColumns: false,            //是否显示所有的列
            showRefresh: false,              //是否显示刷新按钮
            showToggle: false,                     //是否显示详细视图和列表视图的切换按钮
             cardView: false,                    //是否显示详细视图
            detailView: false,                   //是否显示父子表
            queryParams: function (params) {
                return {
                    pagesize: params.limit,//页面大小
                    page: params.offset //页码
                };
            },//传递参数（*）
            columns: [
                { field: 'XIWAMAXTIME', title: 'XIWAMAXTIME' },
                { field: 'BILLNUMBERID', title: 'BILLNUMBERID' },
                { field: 'SIGNBEGINDATE', title: 'SIGNBEGINDATE' },
                { field: 'SIGNENDDATE', title: 'SIGNENDDATE' },
                { field: 'SIGNWEEKS', title: 'SIGNWEEKS' },
                { field: 'NUM', title: 'NUM' },
                { field: 'LOGINID', title: '编号',width:'200px'},
                { field: 'LOGINNAME', title: '姓名', width: '400px'},
                {
                    field: "DEL", title: "删除", align: "center", formatter: function (value, row, index) {//删除
                        var strHtml = '<button id="btnDelete" class="btn btn-default btn-sm"  onclick="deleteCheckInPerson(\'' + row.LOGINID + '\',\'' + row.NUM + '\')"><i class="glyphicon glyphicon-trash"></i> 删除</button>';
                        return strHtml;
                    }
                }
            ]
        });
        $(window).resize(function () {
            $('#AttendanceInformationTable').bootstrapTable('resetView');
        });
        //隐藏列
        $('#AttendanceInformationTable').bootstrapTable('hideColumn', 'XIWAMAXTIME');
        $('#AttendanceInformationTable').bootstrapTable('hideColumn', 'BILLNUMBERID');
        $('#AttendanceInformationTable').bootstrapTable('hideColumn', 'SIGNBEGINDATE');
        $('#AttendanceInformationTable').bootstrapTable('hideColumn', 'SIGNENDDATE');
        $('#AttendanceInformationTable').bootstrapTable('hideColumn', 'SIGNWEEKS');
        $('#AttendanceInformationTable').bootstrapTable('hideColumn', 'NUM');
        //新增签到人员按钮
        $("#btnNewCheckinPerson").on("click", function () {
            layer.open({
                type: 2,
                title: '<i class="glyphicon glyphicon-plus-sign"></i> 签到人员新增',
                shadeClose: false,
                shade: 0.5,
                area: ['70%', '80%'],
                content: '../WLTManage/NewCheckInPerson'
            });
        })
        $(".i-checks").iCheck({ checkboxClass: "icheckbox_square-green", radioClass: "iradio_square-green", });
    });

    //$(document).ready(function () {
    //    $('input').iCheck({
    //        checkboxClass: 'icheckbox_polaris',
    //        radioClass: 'iradio_polaris',
    //        increaseArea: '-10%' // optional
    //    });
    //});
    </script>
</body>