Files
g.hnyhua.cn/Mtxfw.VipSite/mobile/task_qiandao.html

333 lines
11 KiB
HTML
Raw Normal View History

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>签到日历</title>
<link rel="stylesheet" type="text/css" href="/css/api.css" />
<link rel="stylesheet" type="text/css" href="/css/content.css" />
<script type="text/javascript" src="/scripts/jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="/scripts/jquery.cookie.min.js"></script>
<!--<script type="text/javascript" src="/scripts/iscroll.js"></script>-->
<script type="text/javascript" src="/script/main.js?t=0"></script>
<script type="text/javascript" src="/layer/layer.js"></script>
<script type="text/javascript" src="/Scripts/long.js"></script>
<script type="text/javascript" src="/script/moment.js"></script>
<script type="text/javascript" src="/script/api.js"></script>
<style type="text/css">
html, body {
overflow: hidden;
}
#wrapper {
flex: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.pullDown {
position: absolute;
top: -1.25rem;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
display: none;
}
.pullUp {
position: absolute;
bottom: -1.25rem;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
display: none;
}
.pullDown.loading, .pullUp.loading, .pullDown.refresh, .pullUp.refresh {
display: block;
}
.tab a {
display: block;
color: #000;
}
.tab a.on {
color: #ff4d00;
border-bottom: 1px solid #ff4d00;
}
.Orders_List ul.toptitle {
/*border-radius: 0.8em 0.8em 0 0;*/
}
.Orders_List ul.toptitle li {
float: left;
width: 50%;
text-align: left;
padding: .1em 1em;
line-height: 2em;
overflow: hidden;
box-sizing: border-box;
}
.Orders_List ul.toptitle li.ddh, .Orders_List ul.toptitle li.xdsj {
width: 100%;
}
.Orders_List ul.toptitle li.zt {
width: 100%;
}
.Orders_List ul.toptitle li.cz {
width: 100%;
}
.Orders_List ul.toptitle li.gmfx {
width: 100%;
}
.Orders_List ul.midtitle {
margin-bottom: 0.8em;
}
</style>
<script type="text/javascript">
var userId = null;
var LoginId = null;
var opentimes = null;
var ifapp = 0;
var adate = "";
var aifqd = 0, aifenable = 0;
var products = null;
var guiges = null;
var myScroll = null;
var pullDown = 1; // 下拉刷新避免多次执行
var pullUp = 1; // 上拉加载避免多次执行
var downHeight = 0;
var upHeight = 0;
var isload = true;//设置是否终止滚动加载
var curScrollHeight = 0;//当前滚动位置
var curCount = 1;//计数器,防止滚动时重复执行加载下一页
$(document).ready(function () {
userId = getlocalStorage("userId");
LoginId = getlocalStorage("LoginId");
var aifapp = getlocalStorage("ifapp");
if (aifapp != null) {
ifapp = aifapp;
}
rdata();
});
//初始化sdk(最好是打开app就调用)
function initgg() {
}
function rdata() {
$(".ajaxLoader").removeClass("uhide");
$.ajax({
type: 'GET',
url: "/apiajax.ashx?action=getqiandaodata&ifweb=1&userId=" + (userId != null ? userId : "") + "&LoginId=" + (LoginId != null ? LoginId : ""),
dataType: "json",
success: function (data) {
$(".ajaxLoader").addClass("uhide");
if (data) {
if (data.status == '1') {
var html = "";
var list = data.days;
for (i = 0; i < list.length; i++) {
html += '<div class="qiandaoln' + (list[i].ifqd > 0 ? " ifqd" : (list[i].ifenable > 0 ? " ifenable" : "")) + '" onclick="showbqiandao(\'' + list[i].date + '\',' + list[i].ifqd + ',' + list[i].ifenable + ')">' + judgetime2(list[i].date) + '</div>';
}
$(".qiaodao_box_tile").html(html);
$("#zbqcount").html(data.zbqcount);
$("#wbqcount").html(data.wbqcount);
$("#ybqcount").html(data.ybqcount);
var bfb = ((data.ybqcount / (data.zbqcount)) * 100).toFixed(2);
$(".task_process_per").css("width", bfb + "%");
} else {
tishi3(data.msg);
if (data.msg == "您未登录") {
clearlocalStorage("userId");
clearlocalStorage("LoginId");
}
}
} else {
tishi3("读取数据错误0");
}
},
error: function (xhr, type) {
tishi3("读取数据错误");
}
});
}
function showbqiandao(date, ifqd, ifenable) {
var ifb = true;
if (ifqd > 0) {
ifb = false;
tishi3("已签到");
}
if (ifenable > 0) {
ifb = false;
tishi3("此日期不能补签");
}
if (ifb) {
adate = date;
aifqd = ifqd;
aifenable = ifenable;
$("#fertilizer_ks").html(judgetime0(date));
$("#color_box0").css("display", "flex");
}
}
function bqiandao() {
var datas = {
action: "bqiandao",
userId: userId,
LoginId: LoginId,
dt: adate
};
$.ajax({
type: 'POST',
url: "/apiajax.ashx?ifweb=1",
data: datas,
dataType: "json",
error: function (xhr) {
tishi3("发生错误:" + JSON.stringify(xhr));
},
success: function (data) {
if (data) {
if (data.status == 1) {
tishi3("补签成功!");
closecolor(0);
rdata();
} else {
tishi3(data.msg);
}
} else {
tishi3('网络异常,请稍后重试');
}
}
});
}
function stopPropagation(e) {
if (e.stopPropagation)
e.stopPropagation();
else
e.cancelBubble = true;
}
function bodyScroll(event) {
event.preventDefault();
}
function onselectout(t) {
if ($("#select_box_bg" + t).css("display") != "none") {
$("#select_box_bg" + t).css("display", "none");
$("body").css("overflow-y", "auto");
}
}
function closeselect(t) {
$("#select_box_bg" + t).css("display", "none");
$("body").css("overflow-y", "auto");
}
function closecolor(t) {
$("#color_box" + t).css("display", "none");
}
</script>
</head>
<body class="wrap">
<header>
<div class="ub">
<div class="nav-btn" id="nav-left" style=" margin:0; padding:0; padding-top:0.2em; min-width:3em" onclick="closeWin()">
<img src="../image/faifei.png" style="margin-left:0; margin-top:0em; height:1.2em;width:1.2em;" />
</div>
<h1 class="ub-f1">
签到日历
</h1>
<div class="nav-btn blue" id="nav-right" style="color:#fff; margin:0; padding:0; min-width:4em; padding-right:1em;">
</div>
</div>
</header>
<section class="ub-f1" id="wrapper">
<div id="wrapper_content">
<p class="pullDown">下拉刷新...</p>
<div class="clear"></div>
<div class="kvideo_box">
<div class="kvideo_box_to">
<div class="kvideo_title0" style="margin-top:0em;"><span class="kvideotitle">您共有 <span id="zbqcount">0</span> 次补签机会,还剩下 <span id="wbqcount">0</span></span></div>
<div class="kvideo_task" style="margin-top:0.8em;">
<div class="task_process"><div class="task_process_per" style="width:0%;"></div></div>
<div class="task_title">已补签 <span id="ybqcount">0</span></div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="qiaodao_box">
<div class="qiaodao_box_tile"></div>
</div>
<div class="clear"></div>
<p class="pullUp">上拉加载...</p>
</div>
</section>
<div class="Hidden_box" id="color_box0" onclick="closecolor(0)">
<div class="Hidden_box_to" onclick="stopPropagation(event)">
<div class="title">确认补签</div>
<div class="close" onclick="closecolor(0)"><img src="../image/close.png" /></div>
<div class="body">
<div class="select_box_fertilizer">
<img src="/image/m-through.png" alt="">
<div>您确认要补签到<span id="fertilizer_ks"></span></div>
</div>
<div class="clear"></div>
<div class="select_box_btn" style="padding-bottom:0;">
<input id="btntj" type="button" onclick="bqiandao()" value="确认" class="qybtn" />
<input id="flid" type="hidden" value="" />
</div>
</div>
</div>
</div>
<div class="ajaxLoader ub ub-ac uhide" onclick="reload()">
<div class="ub ub-ac ub-ver"><img src="image/load.gif" /><br>正在加载...</div>
</div>
</body>
</html>