快捷导航

点击下载提交了两次

$(function(){
       
});
var AttendanceDetail = {
    init:function () {
        $("#AttendanceDetailTable").bootstrapTable({
            columns: [
                {
                    field: 'userid',
                    title: '员工卡号'
                },{
                    field: 'username',
                    title: '员工姓名'
                },{
                    field: 'startDate',
                    title: '第一次打卡'
                },{
                    field: 'stopDate',
                    title: '最后一次打卡'
                },{
                    field: 'state',
                    title: '状态',
                    formatter: function (value ,row,index) {
                        var colorStyle="";
                        if(value=="正常"){
                            colorStyle = "btn-success";
                        }else if(value=="迟到"){
                            colorStyle = "btn-warning";
                        }else if(value=="早退"){
                            colorStyle = "btn-warning";
                        }else if(value=="缺卡"){
                            colorStyle = "btn-purple";
                        }else if(value=="旷工"){
                            colorStyle = "btn-danger";
                        }
                        return ""+value+"" ;
                    }
                },{
                    field: 'deptname',
                    title: '部门'
                },
            ],
        })
        $.ajax({
            type: "post",
            url: "http://127.0.0.1:8080/ikingoa/queryReturnAttendance",
            dataType: "json",
            async:false,
            data:{
                dateTime:"month",
                whole:0,
                dateTimes:"",
                state:"全部",
                deptname:"全部",
                username:""
            },
            success:function (data) {
                     console.log("我是第二次请求么?");
                $("#AttendanceDetailTable").bootstrapTable("load",data);
               
            }
        });
        //查询条件筛选
        var flag=0;
        $(".timeFrameStyle button").click(function () {
            $(this).addClass("btn-success");
            $(this).siblings().removeClass("btn-success");
            queryConditionSelected();
        });
        $("#dateTimeSelected input").on("change",function () {
            $(".timeFrameStyle button").removeClass("btn-success");
            queryConditionSelected();
        });
        $("#departmentSelected a").click(function () {
            $("#departmentSelected button:first-of-type").html($(this).text());
            $("#departmentSelected button").addClass("btn-success");
            queryConditionSelected();
        });
        $("#userNameSelected .btn-info").click(function () {
            queryConditionSelected();
        })
        $(".signInStatusStyle button").click(function () {
            $(this).addClass("btn-success");
            $(this).siblings().removeClass("btn-success");
            queryConditionSelected();
        });
        $(".tableHead .btn-success").click(function () {
            queryConditionSelected();
        });
        $("#downMonthData").click(function () {
            queryConditionSelected();
        })
        function queryConditionSelected(){
            var dateTime = "month";
            var whole = 0;
            var dateTimes = "";
            var state = "全部";
            var deptname = "全部";
            var username = "";
            var time = $.trim($(".timeFrameStyle .btn-success").text());
            if(time=="昨天"){
                dateTime = "day";
                whole= 1;
            }else if(time=="本周"){
                dateTime = "week";
                whole = 0;
            }else if(time=="上月"){
                dateTime = "month";
                whole = 1;
            }else if(time=="本月"){
                dateTime = "month";
                whole = 0;
            }
            dateTimes = $("#datetimepicker input").val();
            state = $(".signInStatusStyle .btn-success").text();
            deptname = $("#departmentSelected button:first-of-type").html();
            username = $("#userNameSelected input").val();
            console.log(dateTime+"--------"+whole+"--------"+dateTimes+"--------"+state+"--------"+deptname+"--------"+username)
            $.ajax({
                type: "post",
                url: "http://127.0.0.1:8080/ikingoa/queryReturnAttendance",
                dataType:"json",
                data:{
                    dateTime:$.trim(dateTime),
                    whole:$.trim(whole),
                    dateTimes:dateTimes,
                    state:$.trim(state),
                    deptname:$.trim(deptname),
                    username:$.trim(username).toString()
                },
                success:function (data) {
                    $("#AttendanceDetailTable").bootstrapTable("load",data);
                }
            })
        }
    }
};

免责声明:本内容仅代表回答者见解不代表本站观点,请谨慎对待。

版权声明:作者保留权利,不代表本站立场。

回复

使用道具 举报

参与会员1

代码不是看的很懂,不过根据你的问题,我大胆猜测,提交两次是因为bootstrap里button默认就是提交(submit)的,可以通过给buttion设置类型type=button解决
回复

使用道具 举报

可能感兴趣的问答

发新帖
  • 微信访问
  • 手机APP