@{
    ViewBag.Title = "考勤设置";
    Layout = "~/Views/Shared/_LayoutTable.cshtml";
}
<body>
    @*<div class="container-fluid">
            <div class="row-fluid">
                <div class="col-md-12">
                    <table id="AttendanceSetingTable" class="table table-bordered table-striped table-hover" style="margin-top:30px">
                        <tbody>
                            <tr>
                                <td colspan="2">
                                    考勤周期：
                                    <div class="radio i-checks inline">
                                        <input type="checkbox" value="周一" name="cbradios" id="a1" @(Html.Raw((bool)ViewData["chk1"] ? "checked=\"checked\"" : "")) />周一
                                        <input type="checkbox" value="周二" name="cbradios" id="a2" @(Html.Raw((bool)ViewData["chk2"] ? "checked=\"checked\"" : "")) />周二
                                        <input type="checkbox" value="周三" name="cbradios" id="a3" @(Html.Raw((bool)ViewData["chk3"] ? "checked=\"checked\"" : "")) />周三
                                        <input type="checkbox" value="周四" name="cbradios" id="a4" @(Html.Raw((bool)ViewData["chk4"] ? "checked=\"checked\"" : "")) />周四
                                        <input type="checkbox" value="周五" name="cbradios" id="a5" @(Html.Raw((bool)ViewData["chk5"] ? "checked=\"checked\"" : "")) />周五
                                        <input type="checkbox" value="周六" name="cbradios" id="a6" @(Html.Raw((bool)ViewData["chk6"] ? "checked=\"checked\"" : "")) />周六
                                        <input type="checkbox" value="周日" name="cbradios" id="a7" @(Html.Raw((bool)ViewData["chk7"] ? "checked=\"checked\"" : "")) />周日
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    上班时间：
                                    <input type="text" style="width: 80px" onfocus="WdatePicker({isShowClear:false,readOnly:true,dateFmt:'HH:mm'})" name="strdatename" id="strdatename" value="@ViewBag.strdate" />
                                    下班时间：
                                    <input type="text" style="width: 80px" onfocus="WdatePicker({isShowClear:false,readOnly:true,dateFmt:'HH:mm'})" name="enddatename" id="enddatename" value="@ViewBag.enddate" />
                                    &nbsp; &nbsp;&nbsp;是否拍照:<div class="radio i-checks inline" style="left:-30px;"> <label><input type="radio" value="是" name="radios" id="r1" @(Html.Raw((bool)ViewData["radio1"] ? "checked=\"checked\"" : "")) />是<input type="radio" value="否" name="radios" id="r2" @(Html.Raw((bool)ViewData["radio2"] ? "checked=\"checked\"" : "")) />否</label></div>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    异常定义：
                                    迟到<input type="text" name="date1" onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" style="width: 50px" id="date1" value="@ViewBag.date1" />
                                    或者  早退<input type="text" name="date3" onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" style="width: 50px" id="date3" value="@ViewBag.date3" />
                                    分钟以上视为旷工<span style="color: red">半天</span>&nbsp;&nbsp;&nbsp;&nbsp;
                                    迟到<input type="text" name="date2" onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" style="width: 50px" id="date2" value="@ViewBag.date2" />
                                    或者  早退<input type="text" name="date4" onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" style="width: 50px" id="date4" value="@ViewBag.date4" />分钟
                                    以上视为旷工<span style="color: red">一天</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    公司地址：<input type="text" name="address" style="width: 450px" id="address" value="@ViewBag.address" />
                                    <input type="hidden" name="address" style="width: 450px" id="oldaddress" value="@ViewBag.address" />
                                    &nbsp;&nbsp;&nbsp;
                                    <button type="button" id="btnShowMap" class="btn btn-default"><i class="glyphicon glyphicon-map-marker"></i>查看地图</button>
                                    &nbsp; &nbsp;&nbsp;
                                    <button type="button" onclick="UpdateXy()" class="btn btn-default">修改经纬度</button>
                                    <input  type="hidden" id="longitude" value="@ViewBag.LonLat" />
                                    &nbsp; &nbsp;&nbsp;
                                    考勤距离误差<input type="text" style="width: 60px" name="error" id="error" value="@ViewBag.error" onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" />
                                    米
                                </td>
                                <td>
                                    <button id="btnSave" class="btn btn-default" onclick="Save()"><i class="glyphicon glyphicon-saved"></i>保 存</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
                    <div id="toolbar2">
                        <input type="hidden" id="hidZQ" />
                        <input type="hidden" id="hidtype" />
                        <button id="btnSelHoliday" class="btn btn-default"><i class="fa fa-plus"></i>添加例外</button>
                    </div>
                    <table id="HolidayTable"></table>
                </div>
                <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
                    <div id="toolbar">
                        <button id="btnSelectCheckinPerson" class="btn btn-default"><i class="fa fa-plus"></i>选择考勤人员</button>
                    </div>
                    <table id="CheckInPersonTable"></table>
                </div>
            </div>
        </div>*@


    <div class="container-fluid">
        <div class="row-fluid" style="margin-top:50px">
            <div class="col-lg-6">
                <div class="form-group">
                    <label style="font-size:18px;font-weight:600">考勤周期</label>
                    <div class="radio i-checks inline" style="margin-left:-20px">
                        <input type="checkbox" value="周一" name="cbradios" id="a1" @(Html.Raw((bool)ViewData["chk1"] ? "checked=\"checked\"" : "")) />周一
                        <input type="checkbox" value="周二" name="cbradios" id="a2" @(Html.Raw((bool)ViewData["chk2"] ? "checked=\"checked\"" : "")) />周二
                        <input type="checkbox" value="周三" name="cbradios" id="a3" @(Html.Raw((bool)ViewData["chk3"] ? "checked=\"checked\"" : "")) />周三
                        <input type="checkbox" value="周四" name="cbradios" id="a4" @(Html.Raw((bool)ViewData["chk4"] ? "checked=\"checked\"" : "")) />周四
                        <input type="checkbox" value="周五" name="cbradios" id="a5" @(Html.Raw((bool)ViewData["chk5"] ? "checked=\"checked\"" : "")) />周五
                        <input type="checkbox" value="周六" name="cbradios" id="a6" @(Html.Raw((bool)ViewData["chk6"] ? "checked=\"checked\"" : "")) />周六
                        <input type="checkbox" value="周日" name="cbradios" id="a7" @(Html.Raw((bool)ViewData["chk7"] ? "checked=\"checked\"" : "")) />周日
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-group">
                    <label style="font-size:18px;font-weight:600">是否拍照</label>
                    <div class="form-inline">
                        <div class="radio i-checks inline" style="line-height:43px">
                            <input type="radio" value="是" name="radios" id="r1" @(Html.Raw((bool)ViewData["radio1"] ? "checked=\"checked\"" : "")) /><label for="r1">是</label>
                            <input type="radio" value="否" name="radios" id="r2" @(Html.Raw((bool)ViewData["radio2"] ? "checked=\"checked\"" : "")) /><label for="r2">否</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="strdatename" style="font-size:18px;font-weight:600">上班时间</label>
                    <input type="text" style="width: 420px" onfocus="WdatePicker({isShowClear:false,readOnly:true,dateFmt:'HH:mm'})" name="strdatename" id="strdatename" value="@ViewBag.strdate" />
                </div>
                <div class="form-group">
                    <label for="enddatename" style="font-size:18px;font-weight:600">下班时间</label>
                    <input type="text" style="width: 420px" onfocus="WdatePicker({isShowClear:false,readOnly:true,dateFmt:'HH:mm'})" name="enddatename" id="enddatename" value="@ViewBag.enddate" />
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-group">
                    <label style="font-size:18px;font-weight:600">异常定义</label>
                    迟到<input type="text" name="date1" onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" style="width: 50px" id="date1" value="@ViewBag.date1" />
                    或者  早退<input type="text" name="date3" onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" style="width: 50px" id="date3" value="@ViewBag.date3" />
                    分钟以上视为旷工<span style="color: red">半天</span>&nbsp;&nbsp;&nbsp;&nbsp;<br />
                    迟到<input type="text" name="date2" onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" style="width: 50px" id="date2" value="@ViewBag.date2" />
                    或者  早退<input type="text" name="date4" onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" style="width: 50px" id="date4" value="@ViewBag.date4" />分钟
                    以上视为旷工<span style="color: red">一天</span><br />
                    <label for="error">考勤距离误差</label>
                    <input type="text" style="width: 60px" name="error" id="error" value="@ViewBag.error" onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" />
                    米
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="address" style="font-size:18px;font-weight:600">公司地址</label>
                    <div class="form-inline">
                        <input type="text" name="address" id="address" value="@ViewBag.address" />
                        <input type="hidden" name="address" style="width: 450px" id="oldaddress" value="@ViewBag.address" />
                        &nbsp;
                        <button type="button" id="btnShowMap" class="btn btn-default"><i class="glyphicon glyphicon-map-marker"></i>查看地图</button>
                        &nbsp;
                        <button type="button" onclick="UpdateXy()" class="btn btn-default">修改经纬度</button><br /><br />
                        <input type="hidden" id="longitude" value="@ViewBag.LonLat" />
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-sm-6 text-left" style="height:150px;line-height:80px">
                <button id="btnSave" class="btn btn-default" onclick="Save()"><i class="glyphicon glyphicon-saved"></i>保 存</button>
            </div>
            <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
                <div id="toolbar2">
                    <input type="hidden" id="hidZQ" />
                    <input type="hidden" id="hidtype" />
                    <button id="btnSelHoliday" class="btn btn-default"><i class="fa fa-plus"></i>添加例外</button>
                </div>
                <table id="HolidayTable"></table>
            </div>
            <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
                <div id="toolbar">
                    <button id="btnSelectCheckinPerson" class="btn btn-default"><i class="fa fa-plus"></i>选择考勤人员</button>
                </div>
                <table id="CheckInPersonTable"></table>
            </div>
        </div>
    </div>
    <script type="text/javascript">
    var map = new BMap.Map("allmap");
    var myGeo = new BMap.Geocoder();
    var lng;//X
    var lat;//Y

    function UpdateXy() {
        var lonlat = $("#longitude").val();
        if (lonlat.length>0) {
            lonlat = lonlat.substring(lonlat.lastIndexOf(',') + 1, lonlat.length) + "," + lonlat.substring(0, lonlat.lastIndexOf(','));
        }
        layer.confirm("<table><tr><td>经纬度：</td><td><input id='ulongitude' value='" + lonlat + "' type='text'  /></td></tr></table>",
            { title: '经纬度修改' }, function (index) {
                var ulongitude = $("#ulongitude").val().replace(/，/ig, ",").trim();
                var reg = /^\d{1,3}\.\d{1,12}\,\d{1,3}\.\d{1,12}$/
                if (!reg.test(ulongitude)) {
                    layer.tips('经纬度格式不正确！', '#ulongitude', { tips: 1 })
                    return;
                }
                ulongitude = ulongitude.substring(ulongitude.lastIndexOf(',') + 1, ulongitude.length) + "," + ulongitude.substring(0, ulongitude.lastIndexOf(','));
                $.ajax({
                    url: "../WLTManage/UpdateLatitudeLongitude",
                    data: {
                        ulongitude: ulongitude
                    },
                    datatype: "text",
                    type: "post",
                    success: function (data) {
                        if (data == "ok") {
                            $("#longitude").val(ulongitude);
                            layer.msg("修改成功！", { time: 2000 });
                            layer.close(index);
                        } else {
                            layer.msg("保存失败！", { time: 2000 });
                            return;
                        }
                    }, error: function () {
                        layer.msg("连接超时！", { time: 2000 });
                        return;
                    }
                })

            })
    }

    //保存考勤设置表头
    function Save() {
        var str = document.getElementsByName("cbradios");  //选择考勤周期
        var objarray = str.length;
        var chestr = "";
        for (i = 0; i < objarray; i++) {
            if (str[i].checked == true) {
                chestr += str[i].value + ",";
            }
        }
        if (chestr == "") {
            layer.msg("请先选择考勤周期！", { time: 2000 });
            return;
        }
        //是否拍照
        var chkObjs = null;
        var obj = document.getElementsByName("radios")
        for (var i = 0; i < obj.length; i++) { //遍历Radio
            if (obj[i].checked) {
                chkObjs = obj[i].value;
            }
        }
        //地址解析
        var address = $.trim($("#address").val());
        // 百度地图API功能
        var point;
        map.centerAndZoom(point, 12);
        // 创建地址解析器实例
        var myGeo = new BMap.Geocoder();
        if (address != "" && address != $("#oldaddress").val()) {
            myGeo.getPoint("" + address + "", function (point) {
                if (point) {
                    lng = point.lng;
                    lat = point.lat;
                    $.ajax({
                        url: "../WLTManage/SaveAttendanceData",
                        dataType: "text",
                        data: {
                            chestr: chestr,
                            strdate: $("#strdatename").val(),
                            enddate: $("#enddatename").val(),
                            date1: $("#date1").val(),
                            date2: $("#date2").val(),
                            date3: $("#date3").val(),
                            date4: $("#date4").val(),
                            address: address,
                            error: $("#error").val(),
                            chkObjs: chkObjs,
                            lng: lng,
                            lat: lat
                        },
                        type: "post",
                        success: function (data) {
                            layer.msg(data, { icon: 1, time: 2000 });
                        },
                        error: function (data) {
                            layer.msg(data, { icon: 2, time: 2000 });
                        }
                    })
                } else {
                    $.ajax({
                        url: "../WLTManage/SaveAttendanceData",
                        dataType: "text",
                        data: {
                            chestr: chestr,
                            strdate: $("#strdatename").val(),
                            enddate: $("#enddatename").val(),
                            date1: $("#date1").val(),
                            date2: $("#date2").val(),
                            date3: $("#date3").val(),
                            date4: $("#date4").val(),
                            address: address,
                            error: $("#error").val(),
                            chkObjs: chkObjs,
                            lng: "",
                            lat: ""
                        },
                        type: "post",
                        success: function (data) {
                            layer.msg(data, { icon: 1, time: 2000 });
                        },
                        error: function (data) {
                            layer.msg(data, { icon: 2, time: 2000 });
                        }
                    })
                }
            }, "");
        } else {
            var lnglat = $("#longitude").val();
            $.ajax({
                url: "../WLTManage/SaveAttendanceData",
                dataType: "text",
                data: {
                    chestr: chestr,
                    strdate: $("#strdatename").val(),
                    enddate: $("#enddatename").val(),
                    date1: $("#date1").val(),
                    date2: $("#date2").val(),
                    date3: $("#date3").val(),
                    date4: $("#date4").val(),
                    address: address,
                    error: $("#error").val(),
                    chkObjs: chkObjs,
                    lat: lnglat.substring(lnglat.lastIndexOf(',') + 1, lnglat.length),
                    lng: lnglat.substring(0, lnglat.lastIndexOf(','))
                },
                type: "post",
                success: function (data) {
                    layer.msg(data, { icon: 1, time: 2000 });
                },
                error: function (data) {
                    layer.msg(data, { icon: 2, time: 2000 });
                }
            })
        }
    }


    //删除考勤人员
    function DelPersonData(LoginID, Num) {//行删除按钮
        layer.confirm("确认删除？", function (enter) {//删除前提示
            if (enter) {
                $.ajax({
                    url: "../WLTManage/DelPersonData",
                    dataType: "text",
                    data: { loginid: LoginID },
                    type: "post",
                    success: function (data) {//删除成功后刷新table
                        layer.msg(data, { time: 2000 });
                        $('#CheckInPersonTable').bootstrapTable("refresh");
                    },
                    error: function (data) {
                        layer.msg(data, { icon: 5, time: 2000 });
                        $('#CheckInPersonTable').bootstrapTable("refresh");
                    }
                })
            }
        })
    }

    //删除节假日
    function DelHolidayData(num, type) {//行删除按钮
        layer.confirm("确认删除？", function (enter) {//删除前提示
            if (enter) {
                $.ajax({
                    url: "../WLTManage/DelHolidayData",
                    dataType: "text",
                    data: { Num: num },
                    type: "post",
                    success: function (data) {//删除成功后刷新table
                        layer.msg(data, { time: 2000 });
                        if (data == "删除成功！") {
                            $('#SpecialHolidaysTable').bootstrapTable("refresh");
                            $('#HolidayTable').bootstrapTable("refresh");
                        }

                    },
                    error: function (data) {
                        layer.msg(data, { icon: 5, time: 2000 });
                        $('#SpecialHolidaysTable').bootstrapTable("refresh");
                        $('#HolidayTable').bootstrapTable("refresh");
                    }
                })
            }
        })
    }

    $(function () {
        $(".i-checks").iCheck({ checkboxClass: "icheckbox_square-green", radioClass: "iradio_square-green", });
        //考勤人员
        $('#CheckInPersonTable').bootstrapTable({
            url: '../WLTManage/GetPersonList',         //请求后台的URL（*）
            method: 'post',                      //请求方式（*）
            toolbar: '#toolbar',                //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            pagination: true,                   //是否显示分页（*）
            sortOrder: "asc",                   //排序方式
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1,                       //初始化加载第一页，默认第一页
            pageSize: 15,                       //每页的记录行数（*）
            pageList: [15, 30, 50],        //可供选择的每页的行数（*）
            minimumCountColumns: 2,  //最少允许的列数
            //height: "100%",               //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "btypeid",            //每一行的唯一标识，一般为主键列
            clickToSelect: true,              //是否启用点击选中行
            sortable: true,                     //是否启用排序
            silentSort: true,
            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: "index", title: "序号", align: "center", width: 50, edit: false, formatter: function (value, row, index) {
                        return row.index = index + 1; //返回行号
                    }
                },
                { field: 'LoginName', title: '姓名' },
                 {
                     field: "del", title: "删除", align: "center", width: "100px", formatter: function (value, row, index) {//删除
                         var strHtml = '<button id="btnDelete" class="btn btn-default" onclick="DelPersonData(\'' + row.Loginid + '\')"><i class="glyphicon glyphicon-trash"></i> 删除</button>';
                         return strHtml;
                     }
                 }
            ]

        });

        //节假日
        $('#HolidayTable').bootstrapTable({
            url: '../WLTManage/GetHolidayList',         //请求后台的URL（*）
            method: 'post',                      //请求方式（*）
            toolbar: '#toolbar2',                //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            pagination: true,                   //是否显示分页（*）
            sortOrder: "asc",                   //排序方式
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1,                       //初始化加载第一页，默认第一页
            pageSize: 5,                       //每页的记录行数（*）
            pageList: [5, 10],        //可供选择的每页的行数（*）
            minimumCountColumns: 2,  //最少允许的列数
            //height: "100%",               //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "btypeid",            //每一行的唯一标识，一般为主键列
            clickToSelect: true,              //是否启用点击选中行
            sortable: true,                     //是否启用排序
            silentSort: true,
            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, //页码
                    type: '',
                };
            },//传递参数（*）
            columns: [
                {
                    field: "index", title: "序号", align: "center", width: 50, edit: false, formatter: function (value, row, index) {
                        return row.index = index + 1; //返回行号
                    }
                },
                { field: 'KaoqinDate', title: '日期' },
                { field: 'Type', title: '类型' },
                { field: 'Num', title: 'Num' },
                {
                    field: "del", title: "删除", align: "center", width: "100px", formatter: function (value, row, index) {//删除
                        var strHtml = '<button id="btnDelete" class="btn btn-default" onclick="DelHolidayData(\'' + row.Num + '\',\'' + 2 + '\')"><i class="glyphicon glyphicon-trash"></i> 删除</button>';
                        return strHtml;
                    }
                }
            ]
        });
        $('#HolidayTable').bootstrapTable('hideColumn', 'Num');

        //特殊节假日
        $('#SpecialHolidaysTable').bootstrapTable({
            url: '../WLTManage/GetHolidayList',         //请求后台的URL（*）
            method: 'post',                      //请求方式（*）
            toolbar: 'toolbar3',                //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            pagination: true,                   //是否显示分页（*）
            sortOrder: "asc",                   //排序方式
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1,                       //初始化加载第一页，默认第一页
            pageSize: 5,                       //每页的记录行数（*）
            pageList: [5, 10],        //可供选择的每页的行数（*）
            minimumCountColumns: 2,  //最少允许的列数
            //height: "100%",               //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "btypeid",            //每一行的唯一标识，一般为主键列
            clickToSelect: true,              //是否启用点击选中行
            sortable: true,                     //是否启用排序
            silentSort: true,
            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, //页码
                    type: '1',
                };
            },//传递参数（*）
            columns: [
                {
                    field: "index", title: "序号", align: "center", width: 50, edit: false, formatter: function (value, row, index) {
                        return row.index = index + 1; //返回行号
                    }
                },
                { field: 'KaoqinDate', title: '日期' },
                { field: 'Num', title: 'Num' },
                {
                    field: "del", title: "删除", align: "center", width: "100px", formatter: function (value, row, index) {//删除
                        var strHtml = '<button id="btnDelete" class="btn btn-default" onclick="DelHolidayData(\'' + row.Num + '\',\'' + 1 + '\')"><i class="glyphicon glyphicon-trash"></i> 删除</button>';
                        return strHtml;
                    }
                }
            ]
        });
        $('#SpecialHolidaysTable').bootstrapTable('hideColumn', 'Num');

        //选择考勤人员
        $("#btnSelectCheckinPerson").on("click", function () {
            layer.open({
                type: 2,
                title: '选择考勤人员',
                shadeClose: false,
                shade: 0.5,
                area: ['70%', '80%'],
                content: '../WLTManage/PersonList'
            });
        });
        //选择节假日
        $("#btnSelHoliday").on("click", function () {
            var str = document.getElementsByName("cbradios");  //选择考勤周期
            var objarray = str.length;
            var chestr = "";
            for (i = 0; i < objarray; i++) {
                if (str[i].checked == true) {
                    chestr += str[i].value + ",";
                }
            }
            if (chestr == "") {
                layer.msg("请先选择考勤周期！");
                return;
            }
            $('#hidZQ').val(chestr);//周期
            $('#hidtype').val("2");
            layer.open({
                type: 2,
                title: '选择节假日',
                shadeClose: false,
                shade: 0.5,
                area: ['40%', '40%'],
                content: '../WLTManage/SelectHoliday'
            });
        });

        //选择特殊工作日
        $("#btnSelSHolidays").on("click", function () {
            var str = document.getElementsByName("cbradios");  //选择考勤周期
            var objarray = str.length;
            var chestr = "";
            for (i = 0; i < objarray; i++) {
                if (str[i].checked == true) {
                    chestr += str[i].value + ",";
                }
            }
            if (chestr == "") {
                layer.msg("请先选择考勤周期！");
                return;
            }
            $('#hidZQ').val(chestr);//周期
            $('#hidtype').val("1");
            layer.open({
                type: 2,
                title: '选择特殊节假日',
                shadeClose: false,
                shade: 0.5,
                area: ['30%', '20%'],
                content: '../WLTManage/SelectHoliday'
            });
        });

        $("#btnShowMap").on("click", function () {//查看地图
            layer.open({
                type: 2,
                title: '<i class="glyphicon glyphicon-picture"></i> 查看地图',
                shadeClose: false,
                shade: 0.5,
                area: ['70%', '80%'],
                content: '../WLTManage/KQShowMap?'
            });
        });

    });

    </script>
</body>