@*@model DTO.AdmSignInDTO;
|
@using DTO;
|
@using zhengcaioa.Models;*@
|
|
@{
|
Layout = null;
|
}
|
|
<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
<meta name="description" content="">
|
<meta name="author" content="ThemeBucket">
|
<title>@(SiteConfig.SiteName)</title>
|
<link href="~/css/bootstrap.min.css" rel="stylesheet">
|
<link href="~/css/font-awesome.min.css" rel="stylesheet">
|
<link href="~/css/animate.min.css" rel="stylesheet">
|
|
@*<link href="~/css/plugins/iCheck/custom.css" rel="stylesheet">*@
|
<link href="~/css/style.min.css" rel="stylesheet">
|
<link href="~/css/plugins/chosen/chosen.css" rel="stylesheet">
|
@*<link href="~/js/plugins/layer/skin/layer.css" rel="stylesheet">*@
|
@*<link href="~/css/plugins/datapicker/datepicker3.css" rel="stylesheet">*@
|
<link href="~/css/style.min.css" rel="stylesheet">
|
<link href="~/css/plugins/toastr/toastr.min.css" rel="stylesheet" />
|
<link href="~/css/plugins/webuploader/webuploader.css" rel="stylesheet" />
|
|
<style type="text/css">
|
.webuploader-pick {
|
position: relative;
|
display: inline-block;
|
cursor: pointer;
|
background: #00b7ee;
|
padding: 8px 14px 7px 14px;
|
color: #fff;
|
text-align: center;
|
border-radius: 3px;
|
overflow: hidden;
|
}
|
|
div.clearfix > label {
|
padding-top: 8px;
|
}
|
|
.chosen-container {
|
border-radius: 1px;
|
border: 1px solid #e5e6e7;
|
}
|
|
.col-md-1.control-label {
|
padding-right: 0px;
|
font-weight: 400;
|
}
|
|
.img-box {
|
height: 120px;
|
width: 120px;
|
float: left;
|
padding-left: 0px !important;
|
padding-right: 20px;
|
/*border:1px solid #c3cbe5;*/
|
}
|
|
.img-box img {
|
height: 80px;
|
width: 80px;
|
}
|
|
.img-box p {
|
width: 80px;
|
text-align: center;
|
}
|
|
.img-row {
|
height: 80px !important;
|
padding-right: 2px !important;
|
}
|
|
.img-row label {
|
height: 30px;
|
line-height: 80px;
|
}
|
</style>
|
|
<!-- jqgrid-->
|
<script language="javascript" src="~/js/jquery.min.js" type="text/javascript"></script>
|
<script src="~/js/bootstrap.min.js"></script>
|
|
<!--容器-->
|
@*<script language="javascript" src="~/js/datehelper.js" type="text/javascript"></script>*@
|
@*<script language="javascript" src="~/js/plugins/query/jquery.query-object.js" type="text/javascript"></script>*@
|
@*<script language="javascript" src="~/js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>*@
|
<script language="javascript" src="~/js/plugins/chosen/chosen.jquery.js" type="text/javascript"></script>
|
@*<script language="javascript" src="~/js/plugins/datapicker/bootstrap-datepicker.js" type="text/javascript"></script>*@
|
<script language="javascript" src="~/js/plugins/layer/layer.js" type="text/javascript"></script>
|
@*<script src="~/js/plugins/jqgrid/jquery.jqGrid.min.js" type="text/javascript"></script>*@
|
@*<script src="~/js/plugins/jqgrid/i18n/grid.locale-cn.js" type="text/javascript"></script>*@
|
<script src="~/js/plugins/toastr/toastr.min.js" type="text/javascript"></script>
|
<script src="~/js/plugins/webuploader/webuploader.min.js"></script>
|
|
<script language="javascript" src="~/js/common-layout.js" type="text/javascript"></script>
|
<script src="~/js/plugins/layer/laydate/laydate.js" type="text/javascript"></script>
|
<script src="~/js/imgUpload.js"></script>
|
@*<script src="~/js/plugins/iTexbox/itextbox.js" type="text/javascript"></script>*@
|
@*<script src="~/js/plugins/iuploader/iuploader.js"></script>*@
|
<script src="~/js/TUJS.js"></script>
|
</head>
|
<body class="gray-bg" style="overflow:auto">
|
<div class="wrapper wrapper-content" id="ibox-content" style="padding:15px;">
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="ibox float-e-margins">
|
<div id="div_content" class="ibox-content" @*style="background-color:white;"*@>
|
<div class="text-right col-sm-1 col-md-1">
|
<a class="btn btn-success" href="javascript:void(0)" onclick="_SigninList();" style="margin-left:4px; border-radius:4px;">
|
<span class="bold">我的出勤</span>
|
</a>
|
</div>
|
<br>
|
<hr style="padding-top:10px;">
|
<div class="row">
|
|
<div class="clearfix layer-area" style="padding-bottom:15px;">
|
<label class="text-right col-sm-1 col-md-1 control-label">上午</label>
|
|
<a class="btn btn-success" href="javascript:void(0)" onclick="saveSignin(10);" style="margin-left:4px; border-radius:4px;">
|
<span class="bold">上班打卡</span>
|
</a>
|
|
|
|
<a class="btn btn-success" href="javascript:void(0)" onclick="saveSignin(11);" style="margin-left:4px; border-radius:4px;">
|
<span class="bold">下班打卡</span>
|
</a>
|
|
</div>
|
|
<div class="clearfix layer-area" style="padding-bottom:15px;">
|
<label class="text-right col-sm-1 col-md-1 control-label">下午</label>
|
<a class="btn btn-success" href="javascript:void(0)" onclick="saveSignin(20);" style="margin-left:4px; border-radius:4px;">
|
<span class="bold">上班打卡</span>
|
</a>
|
|
|
<a class="btn btn-success" href="javascript:void(0)" onclick="saveSignin(21);" style="margin-left:4px; border-radius:4px;">
|
<span class="bold">下班打卡</span>
|
</a>
|
|
</div>
|
|
<div class="clearfix layer-area" style="padding-bottom:15px;">
|
<label class="text-right col-sm-1 col-md-1 control-label">加班</label>
|
<a class="btn btn-success" href="javascript:void(0)" onclick="saveSignin(30);" style="margin-left:4px; border-radius:4px;">
|
<span class="bold">上班打卡</span>
|
</a>
|
|
|
<a class="btn btn-success" href="javascript:void(0)" onclick="saveSignin(31);" style="margin-left:4px; border-radius:4px;">
|
<span class="bold">下班打卡</span>
|
</a>
|
|
</div>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<script type="text/javascript">
|
var hh = document.body.clientHeight - $('.ibox-title').height() - $("#top").height() * 2 - 95;
|
$("#div_content").height(hh);
|
|
toastr.options = {
|
"closeButton": true,
|
"debug": false,
|
"progressBar": true,
|
"positionClass": "toast-bottom-right",
|
"onclick": null,
|
"showDuration": "300",
|
"hideDuration": "600",
|
"timeOut": "4500",
|
"extendedTimeOut": "600",
|
"showEasing": "swing",
|
"hideEasing": "linear",
|
"showMethod": "fadeIn",
|
"hideMethod": "fadeOut"
|
};
|
|
|
var record;
|
$(function () {
|
$.ajax({
|
type: "GET",
|
url: "/Signin/GetTodaySignin",
|
async: false,
|
dataType: "json",
|
success: function (data) {
|
record = data;
|
console.log(record);
|
// alert("打卡成功")
|
},
|
error: function () {
|
//alert("错误");
|
}
|
})
|
|
|
});
|
|
var _SigninList = function () {
|
OpenWindow("我的考勤记录", "100%", "100%", "/Signin/Signin");///?userId=" + record.Id);
|
}
|
// 保存打卡信息
|
function saveSignin(signinType ) {
|
|
|
$.ajax({
|
type: "POST",
|
url: "/Signin/Save",
|
dataType: "json",
|
global: false,
|
data: {id: record.Id ,signinType: signinType},// $('form').serializeArray(),
|
success: function (data) {
|
toastr.success("打卡成功");
|
},
|
error: function () {
|
toastr.error("打卡失败");
|
}
|
});
|
}
|
|
function _pageAutoClose() {
|
parent.window._reloadPageData();
|
var index = parent.layer.getFrameIndex(window.name);
|
parent.layer.isRefresh = true;
|
parent.layer.closeAll('loading');
|
parent.layer.close(index);
|
return false;
|
}
|
|
</script>
|
</body>
|
</html>
|
