Skip to content

H
h5_activity
Commit 871dcb5e by txy
Options

'提取js文件'

parent 3157e1f6
Showing with 1263 additions and 1245 deletions
showPhotos/index.html
......@@ -20,6 +20,13 @@
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/autoFontsize.min.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script type="text/javascript" src="./index_data.js"></script>
<!-- <script type="text/javascript">
var currentTime = JSON.parse([[${currentTime}]]);
var rules = JSON.parse([[${rules}]]);
var data = JSON.parse([[${data}]]);
var user = JSON.parse([[${user}]]);
var jsSdk = JSON.parse([[${jsSdk}]]);
</script> -->
<script type="text/javascript">
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
......@@ -37,430 +44,6 @@
<body>
</body>
</html>
<script type="text/javascript">
// 公共变量
var xtoken = "123123";
var activityCode = "hdtbsztest1";
var pageNumber = "1";
var baseUrl = "https://space-api.check.icaremgt.com";
// 微信鉴权
wxpermission();
// 加载html结构
loadHtmlJson();
var gb_player_loaded = false
var gb_rank_loaded = false
var gb_token = 'admin.725.fbbd4294a56047e7926b7ebab088ade4'
$(function(){
btnBindClick();// 绑定点击事件
getQueryString('');// 根据query参数控制排行榜显示
removeAttr();
getAjaxListSearch('player',1,function(playerListData){
getPlayerList(playerListData);
}); // 参赛选手列表
getAjaxListSearch('rank',1,function(rankListData){
getRangeList(rankListData);
}); // 排行榜列表
});
// 微信鉴权
function wxpermission() {
var settings = JSON.parse(rules.settings);
wx.ready(function(){
var shareData = {
title: settings.szText.shareTitile,
imgUrl: settings.szText.shareIcon,
desc: settings.szText.shareSubtitle,
link: window.location.href
}
/**
*分享给朋友
*/
wx.onMenuShareAppMessage({
title: shareData.title, // 分享标题
desc: shareData.desc, // 分享描述
link: shareData.link, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
type: 'link', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
/**
*分享到朋友圈
*/
wx.onMenuShareTimeline({
title: shareData.title, // 分享标题
desc: shareData.desc, // 分享描述
link: shareData.link, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
success: function () {
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
});
}
// 元素点击事件绑定
function btnBindClick() {
// 参数选手
$("#act31528123692525").off("click").on("click",tabChange);
// 排行榜
$("#act3152823482970").off("click").on("click",tabChange);
// 搜索按钮
$("#act3152814816164").off("click").on('click',function(){
getAjaxListSearch('search',1,function(playerListData){
getPlayerList(playerListData)
})
});
// 参赛选手上一页
$('#act3152978551035').off('click').on('click',function(){
var page = parseInt($('#act61214527684747 .curpage').text())
if(page > 1) {
page -= 1
getAjaxListSearch('player',page,function(playerListData){
getPlayerList(playerListData)
}) // 参赛选手列表
}
})
// 参赛选手下一页
$('#act315291899997').off('click').on('click',function(){
var page = parseInt($('#act61214527684747 .curpage').text())
var total = parseInt($('#act61214527684747 .totalpage').text())
if(page < Math.ceil(total/10)) {
page = page + 1
getAjaxListSearch('player',page,function(playerListData){
getPlayerList(playerListData)
}) // 参赛选手列表
}
})
// 排行榜上一页
$('#act514245671026').off('click').on('click',function(){
var page = parseInt($('#act111398324601 .curpage').text())
if(page > 1) {
page -= 1
getAjaxListSearch('rank',page,function(rankListData){
getRangeList(rankListData)
}) // 参赛选手列表
}
})
// 排行榜下一页
$('#act5142157597939').off('click').on('click',function(){
var page = parseInt($('#act111398324601 .curpage').text())
var total = parseInt($('#act111398324601 .totalpage').text())
if(page < Math.ceil(total/10)) {
page = page + 1
getAjaxListSearch('rank',page,function(rankListData){
getRangeList(rankListData)
}) // 参赛选手列表
}
})
// 报名按钮
$("#act31527459124456").off("click").on("click",function(){
// window.location.href = '/signup.html'
transPage(activityCode,'2',xtoken);
});
// 继续投票
$('#act21728433893489').off("click").on('click',function(){
$('#html-template-4').fadeOut()
})
$('#html-template-4 .modal-close').off("click").on('click',function(){
$('#html-template-4').fadeOut()
})
// 我要拉票
$('#act2172989331265,#act5161551593534').off('click').on('click',function(){
$("#html-template-4").hide();
$('#html-template-8').fadeIn();
})
// 查看排行
$('#act5161526928645').off('click').on('click',function(){
$('#html-template-5').fadeOut();
$("#user-list").hide();
$("#range-list").show();
})
$('#html-template-5 .modal-close').off("click").on('click',function(){
$('#html-template-5').fadeOut()
})
// 关闭分享弹出框
$("#html-template-8 .modal-close").off("click").on("click", function() {
$('#html-template-8').fadeOut()
});
// 排行榜
$("#act2165045664554").off('click').on("click", function(){
window.location.href = '/index.html'
});
// 选手主页
$("#act21650126678793").off("click").on("click", function(){
window.location.href = '/user.html'
});
// 活动秘籍
$("#act21650195017743").off("click").on("click", function(){
$('#html-template-8').fadeIn();
});
}
// 检索参数选手列表
function getAjaxListSearch(type,page,callback) {
var activityCode = getQueryString('activityCode')
if(type == 'player') {
if(gb_player_loaded) {
return
}
gb_player_loaded = true
var descs = 'createTime'
var searchVal = ''
}else if(type == 'rank') {
if(gb_rank_loaded) {
return
}
gb_rank_loaded = true
var descs = 'voteNum'
var searchVal = ''
}else if(type == 'search') {
if(gb_player_loaded) {
return
}
gb_player_loaded = true
var searchVal = $('.search-input.c-read-only').val()
var descs = 'createTime'
if(searchVal == '') {
showMessage('搜索关键词不能为空',3000,true);
return false
}
}
var params = {
reviewStatus:1, // 审核状态
descs:descs, // 降序排列
curPage:page?page:1,
pageSize:10,
activityCode:activityCode, // 活动id
name: searchVal // 搜索字段
}
$.ajax({
type: 'GET',
url: baseUrl + '/ACTIVITY/sz/search/' + activityCode,
data: params,
success: function(data) {
if(data.status == 200) {
if(type == 'player' || type == 'search') {
var playerListData = data.result
if(typeof callback == "function") {
callback(playerListData)
}
if(type == 'search') {
$("#user-list").show();
$("#range-list").hide();
}
gb_player_loaded = false
}else if(type == 'rank') {
var rankListData = data.result
if(typeof callback == "function") {
callback(rankListData)
}
gb_rank_loaded = false
}
}
},
error: function() {
if(type == 'player' || type == 'search') {
gb_player_loaded = false
}else if(type == 'rank') {
gb_rank_loaded = false
}
}
})
}
// 获取参赛选手列表
function getPlayerList(playerListData) {
var list = $("#user-list .vote-con");
list.hide()
var i = 0
var item = $(".item",list)[0];
var tempItem = list.clone();
// 清空子元素
tempItem.empty().show();
if(playerListData.records.length) {
for(;i < playerListData.records.length; i++){
// 序号替换
$('.number-icon',item).text(playerListData.records[i].userNumber);
// 图片url替换
$('img',item).attr('src',playerListData.records[i].imageUrl);
// 名称替换
$('.user-name',item).text(playerListData.records[i].name);
// 机构名称替换
$('.vote-struct',item).text(playerListData.records[i].orgName);
// 票数替换
$('.vote-num',item).text(playerListData.records[i].voteNum+'票');
// 投票点击事件
var cloneItem = $(item).clone();
cloneItem.find('.act-btn').attr('id',playerListData.records[i].id).on('click',voteClickFn);
// 参数选手点击事件
cloneItem.find('.item-photo').attr('id',playerListData.records[i].id).on('click',playPageFn);
tempItem.append(cloneItem);
}
$("#user-list").find('.vote-con').remove().end().prepend(tempItem);
$('#user-list .list-empty').hide()
$('#act61214527684747').parent('.navigation').show();
$('#act61214527684747 .curpage').text(playerListData.current)
$('#act61214527684747 .totalpage').text(playerListData.total)
}else {
$('#user-list .list-empty').show()
$('#act61214527684747').parent('.navigation').hide();
}
}
// 获取排行榜列表
function getRangeList(rankListData){
var list = $("#range-list tbody");
list.hide()
var tr = $("tr", list)[0];
var i = 0
var tempItem = list.clone();
// 清空子元素
tempItem.empty().show();
if(rankListData.records.length) {
for(;i < rankListData.records.length; i++){
// 替换序号 badge-no1
$('.number',tr).text(i+1);
// 前三名有特殊图标
if(i < 3) {
$('.number',tr).removeClass().addClass('number ' + ('badge-no'+(i+1)));
} else {
$('.number',tr).removeClass().addClass('number');
}
// 替换名字,图片
$('.table-info img',tr).attr('src',rankListData.records[i].imageUrl);
$('.cell-info h4', tr).text(rankListData.records[i].name);
// $('.cell-info small', tr).text(rankListData.records[i].userNumber);
// 票数
$('.ticket-total .text-red', tr).text(rankListData.records[i].voteNum);
// 添加点击事件
var cloneItem = $(tr).clone();
tempItem.append(cloneItem);
}
$("#range-list table").find('tbody').remove().end().prepend(tempItem);
$('#act111398324601').parent('.navigation').show();
$('#act111398324601 .curpage').text(rankListData.current)
$('#act111398324601 .totalpage').text(rankListData.total)
}else {
$('#act111398324601').parent('.navigation').hide();
}
}
// tab切换
function tabChange(){
var c_typename = $(this).attr("c_typename");
// 排行榜
if(c_typename === 'rangerListBtn') {
$("#user-list").hide();
$("#range-list").show();
} else {
$("#user-list").show();
$("#range-list").hide();
}
}
// 投票按钮
function voteClickFn(){
var id = $(this).attr('id');
var _this = $(this)
var params = {
userId: id
}
var activityCode = getQueryString('activityCode');
$.ajax({
type: 'PUT',
url: baseUrl + '/ACTIVITY/sz/vote/' + activityCode,
data: params,
success: function(data) {
if(data.status == 200) {
$('#act1185354268270 span').text(data.result.voteNumDay)
$('#html-template-4').fadeIn()
_this.parent('.item-title').prev().find('.vote-num').text(data.result.voteNum + '票')
}else if(data.status == 201) {
$('#act51626389412499 span').text(5)
$('#html-template-5').fadeIn()
}
}
})
}
// 选手主页
function playPageFn() {
var id = $(this).attr('id');
var urlParam = '?UserId='+id;
transPage('3',activityCode,xtoken,urlParam);
}
// 获取URL中指定参数
function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
// 加载HTML结构
function loadHtmlJson() {
// 页面结构注入
$('body').prepend(json2html(JSON.parse(data.htmlJson)));
var _relationship = data.relationship.childs;
var htmlJson = "";
// 依赖组件注入
for(var i = 0 ;i < _relationship.length ;i++){
var _page = _relationship[i].page;
$('body').prepend(json2html(JSON.parse(data[_page].htmlJson)));
// 隐藏添加元素
$('#html-template-'+ _relationship[i].pageNumber).addClass('global-none');
}
}
// 页面跳转
function transPage(_pageNumber,_activityCode, _token, _urlParam){
var url = ''
if(typeof _urlParam !=='undefined' && _urlParam !== ''){
url = baseUrl + "/ACTIVITY/view/"+ _activityCode +"/" + _pageNumber + '?' + _urlParam;
}else {
url = baseUrl + "/ACTIVITY/view/"+ _activityCode +"/" + _pageNumber;
}
var _form = document.createElement('form');
_form.action = url;
_form.method = "post";
_form.style.display = "none";
var inputToken = document.createElement('input');
inputToken.value = _token;
inputToken.name = 'x-token';
_form.appendChild(inputToken);
document.body.appendChild(_form);
_form.submit();
}
</script>
\ No newline at end of file
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/page/index.js"></script>
</html>
showPhotos/js/page/index.js 0 → 100644
// 公共变量
var xtoken = "123123";
var activityCode = "hdtbsztest1";
var pageNumber = "1";
var baseUrl = "https://space-api.check.icaremgt.com";
// 微信鉴权
wxpermission();
// 加载html结构
loadHtmlJson();
var gb_player_loaded = false
var gb_rank_loaded = false
var gb_token = 'admin.725.fbbd4294a56047e7926b7ebab088ade4'
$(function(){
btnBindClick();// 绑定点击事件
getQueryString('');// 根据query参数控制排行榜显示
removeAttr();
getAjaxListSearch('player',1,function(playerListData){
getPlayerList(playerListData);
}); // 参赛选手列表
getAjaxListSearch('rank',1,function(rankListData){
getRangeList(rankListData);
}); // 排行榜列表
});
// 微信鉴权
function wxpermission() {
var _r = rules;
var settings = _r.settings;
wx.ready(function(){
var shareData = {
title: settings.szText.shareTitile,
imgUrl: settings.szText.shareIcon,
desc: settings.szText.shareSubtitle,
link: window.location.href
}
/**
*分享给朋友
*/
wx.onMenuShareAppMessage({
title: shareData.title, // 分享标题
desc: shareData.desc, // 分享描述
link: shareData.link, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
type: 'link', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
/**
*分享到朋友圈
*/
wx.onMenuShareTimeline({
title: shareData.title, // 分享标题
desc: shareData.desc, // 分享描述
link: shareData.link, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
success: function () {
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
});
}
// 元素点击事件绑定
function btnBindClick() {
// 参数选手
$("#act31528123692525").off("click").on("click",tabChange);
// 排行榜
$("#act3152823482970").off("click").on("click",tabChange);
// 搜索按钮
$("#act3152814816164").off("click").on('click',function(){
getAjaxListSearch('search',1,function(playerListData){
getPlayerList(playerListData)
})
});
// 参赛选手上一页
$('#act3152978551035').off('click').on('click',function(){
var page = parseInt($('#act61214527684747 .curpage').text())
if(page > 1) {
page -= 1
getAjaxListSearch('player',page,function(playerListData){
getPlayerList(playerListData)
}) // 参赛选手列表
}
})
// 参赛选手下一页
$('#act315291899997').off('click').on('click',function(){
var page = parseInt($('#act61214527684747 .curpage').text())
var total = parseInt($('#act61214527684747 .totalpage').text())
if(page < Math.ceil(total/10)) {
page = page + 1
getAjaxListSearch('player',page,function(playerListData){
getPlayerList(playerListData)
}) // 参赛选手列表
}
})
// 排行榜上一页
$('#act514245671026').off('click').on('click',function(){
var page = parseInt($('#act111398324601 .curpage').text())
if(page > 1) {
page -= 1
getAjaxListSearch('rank',page,function(rankListData){
getRangeList(rankListData)
}) // 参赛选手列表
}
})
// 排行榜下一页
$('#act5142157597939').off('click').on('click',function(){
var page = parseInt($('#act111398324601 .curpage').text())
var total = parseInt($('#act111398324601 .totalpage').text())
if(page < Math.ceil(total/10)) {
page = page + 1
getAjaxListSearch('rank',page,function(rankListData){
getRangeList(rankListData)
}) // 参赛选手列表
}
})
// 报名按钮
$("#act31527459124456").off("click").on("click",function(){
// window.location.href = '/signup.html'
transPage(activityCode,'2',xtoken);
});
// 继续投票
$('#act21728433893489').off("click").on('click',function(){
$('#html-template-4').fadeOut()
})
$('#html-template-4 .modal-close').off("click").on('click',function(){
$('#html-template-4').fadeOut()
})
// 我要拉票
$('#act2172989331265,#act5161551593534').off('click').on('click',function(){
$("#html-template-4").hide();
$('#html-template-8').fadeIn();
})
// 查看排行
$('#act5161526928645').off('click').on('click',function(){
$('#html-template-5').fadeOut();
$("#user-list").hide();
$("#range-list").show();
})
$('#html-template-5 .modal-close').off("click").on('click',function(){
$('#html-template-5').fadeOut()
})
// 关闭分享弹出框
$("#html-template-8 .modal-close").off("click").on("click", function() {
$('#html-template-8').fadeOut()
});
// 排行榜
$("#act2165045664554").off('click').on("click", function(){
window.location.href = '/index.html'
});
// 选手主页
$("#act21650126678793").off("click").on("click", function(){
window.location.href = '/user.html'
});
// 活动秘籍
$("#act21650195017743").off("click").on("click", function(){
$('#html-template-8').fadeIn();
});
}
// 检索参数选手列表
function getAjaxListSearch(type,page,callback) {
var activityCode = getQueryString('activityCode')
if(type == 'player') {
if(gb_player_loaded) {
return
}
gb_player_loaded = true
var descs = 'createTime'
var searchVal = ''
}else if(type == 'rank') {
if(gb_rank_loaded) {
return
}
gb_rank_loaded = true
var descs = 'voteNum'
var searchVal = ''
}else if(type == 'search') {
if(gb_player_loaded) {
return
}
gb_player_loaded = true
var searchVal = $('.search-input.c-read-only').val()
var descs = 'createTime'
if(searchVal == '') {
showMessage('搜索关键词不能为空',3000,true);
return false
}
}
var params = {
reviewStatus:1, // 审核状态
descs:descs, // 降序排列
curPage:page?page:1,
pageSize:10,
activityCode:activityCode, // 活动id
name: searchVal // 搜索字段
}
$.ajax({
type: 'GET',
url: baseUrl + '/ACTIVITY/sz/search/' + activityCode,
data: params,
success: function(data) {
if(data.status == 200) {
if(type == 'player' || type == 'search') {
var playerListData = data.result
if(typeof callback == "function") {
callback(playerListData)
}
if(type == 'search') {
$("#user-list").show();
$("#range-list").hide();
}
gb_player_loaded = false
}else if(type == 'rank') {
var rankListData = data.result
if(typeof callback == "function") {
callback(rankListData)
}
gb_rank_loaded = false
}
}
},
error: function() {
if(type == 'player' || type == 'search') {
gb_player_loaded = false
}else if(type == 'rank') {
gb_rank_loaded = false
}
}
})
}
// 获取参赛选手列表
function getPlayerList(playerListData) {
var list = $("#user-list .vote-con");
list.hide()
var i = 0
var item = $(".item",list)[0];
var tempItem = list.clone();
// 清空子元素
tempItem.empty().show();
if(playerListData.records.length) {
for(;i < playerListData.records.length; i++){
// 序号替换
$('.number-icon',item).text(playerListData.records[i].userNumber);
// 图片url替换
$('img',item).attr('src',playerListData.records[i].imageUrl);
// 名称替换
$('.user-name',item).text(playerListData.records[i].name);
// 机构名称替换
$('.vote-struct',item).text(playerListData.records[i].orgName);
// 票数替换
$('.vote-num',item).text(playerListData.records[i].voteNum+'票');
// 投票点击事件
var cloneItem = $(item).clone();
cloneItem.find('.act-btn').attr('id',playerListData.records[i].id).on('click',voteClickFn);
// 参数选手点击事件
cloneItem.find('.item-photo').attr('id',playerListData.records[i].id).on('click',playPageFn);
tempItem.append(cloneItem);
}
$("#user-list").find('.vote-con').remove().end().prepend(tempItem);
$('#user-list .list-empty').hide()
$('#act61214527684747').parent('.navigation').show();
$('#act61214527684747 .curpage').text(playerListData.current)
$('#act61214527684747 .totalpage').text(playerListData.total)
}else {
$('#user-list .list-empty').show()
$('#act61214527684747').parent('.navigation').hide();
}
}
// 获取排行榜列表
function getRangeList(rankListData){
var list = $("#range-list tbody");
list.hide()
var tr = $("tr", list)[0];
var i = 0
var tempItem = list.clone();
// 清空子元素
tempItem.empty().show();
if(rankListData.records.length) {
for(;i < rankListData.records.length; i++){
// 替换序号 badge-no1
$('.number',tr).text(i+1);
// 前三名有特殊图标
if(i < 3) {
$('.number',tr).removeClass().addClass('number ' + ('badge-no'+(i+1)));
} else {
$('.number',tr).removeClass().addClass('number');
}
// 替换名字,图片
$('.table-info img',tr).attr('src',rankListData.records[i].imageUrl);
$('.cell-info h4', tr).text(rankListData.records[i].name);
// $('.cell-info small', tr).text(rankListData.records[i].userNumber);
// 票数
$('.ticket-total .text-red', tr).text(rankListData.records[i].voteNum);
// 添加点击事件
var cloneItem = $(tr).clone();
tempItem.append(cloneItem);
}
$("#range-list table").find('tbody').remove().end().prepend(tempItem);
$('#act111398324601').parent('.navigation').show();
$('#act111398324601 .curpage').text(rankListData.current)
$('#act111398324601 .totalpage').text(rankListData.total)
}else {
$('#act111398324601').parent('.navigation').hide();
}
}
// tab切换
function tabChange(){
var c_typename = $(this).attr("c_typename");
// 排行榜
if(c_typename === 'rangerListBtn') {
$("#user-list").hide();
$("#range-list").show();
} else {
$("#user-list").show();
$("#range-list").hide();
}
}
// 投票按钮
function voteClickFn(){
var id = $(this).attr('id');
var _this = $(this)
var params = {
userId: id
}
var activityCode = getQueryString('activityCode');
$.ajax({
type: 'PUT',
url: baseUrl + '/ACTIVITY/sz/vote/' + activityCode,
data: params,
success: function(data) {
if(data.status == 200) {
$('#act1185354268270 span').text(data.result.voteNumDay)
$('#html-template-4').fadeIn()
_this.parent('.item-title').prev().find('.vote-num').text(data.result.voteNum + '票')
}else if(data.status == 201) {
$('#act51626389412499 span').text(5)
$('#html-template-5').fadeIn()
}
}
})
}
// 选手主页
function playPageFn() {
var id = $(this).attr('id');
var urlParam = '?UserId='+id;
transPage('3',activityCode,xtoken,urlParam);
}
// 获取URL中指定参数
function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
// 加载HTML结构
function loadHtmlJson() {
// 页面结构注入
$('body').prepend(json2html(JSON.parse(data.htmlJson)));
var _relationship = data.relationship.childs;
var htmlJson = "";
// 依赖组件注入
for(var i = 0 ;i < _relationship.length ;i++){
var _page = _relationship[i].page;
$('body').prepend(json2html(JSON.parse(data[_page].htmlJson)));
// 隐藏添加元素
$('#html-template-'+ _relationship[i].pageNumber).addClass('global-none');
}
}
// 页面跳转
function transPage(_pageNumber,_activityCode, _token, _urlParam){
var url = ''
if(typeof _urlParam !=='undefined' && _urlParam !== ''){
url = baseUrl + "/ACTIVITY/view/"+ _activityCode +"/" + _pageNumber + '?' + _urlParam;
}else {
url = baseUrl + "/ACTIVITY/view/"+ _activityCode +"/" + _pageNumber;
}
var _form = document.createElement('form');
_form.action = url;
_form.method = "post";
_form.style.display = "none";
var inputToken = document.createElement('input');
inputToken.value = _token;
inputToken.name = 'x-token';
_form.appendChild(inputToken);
document.body.appendChild(_form);
_form.submit();
}
\ No newline at end of file
showPhotos/js/page/signup.js 0 → 100644
// 公共变量
var pageNumber = "1";
var baseUrl = "https://space-api.check.icaremgt.com";
$(function () {
removeAttr();
btnBindClick();// 绑定点击事件
$('#act11739232574395').attr({ 'readonly': 'readonly' });
wxpermission();
getOrgNameFn();
loadHtmlJson();
})
// 加载HTML结构
function loadHtmlJson() {
$('body').prepend(json2html(data.htmlJson));
var _relationship = data.relationship;
for(var i=0;i<_relationship.childs.length;i++) {
var _page = _relationship.childs[i].page
var _pageNumber = _relationship.childs[i].pageNumber
$('body').prepend(json2html(JSON.parse(data[_page].htmlJson)));
$('#html-template-'+_pageNumber).addClass('global-none')
}
}
// 微信鉴权
function wxpermission() {
wx.ready(function () {
var shareData = {
title: "",
imgUrl: "",
desc: "",
link: ""
}
/**
*分享给朋友
*/
wx.onMenuShareAppMessage({
title: shareData.title, // 分享标题
desc: shareData.desc, // 分享描述
link: shareData.link, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
type: 'link', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
/**
*分享到朋友圈
*/
wx.onMenuShareTimeline({
title: shareData.title, // 分享标题
desc: shareData.desc, // 分享描述
link: shareData.link, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
success: function () {
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
});
}
// 元素点击事件绑定
function btnBindClick() {
// 返回首页
$("#act11534485971254").off("click").on("click", function () {
window.location.href = '/index.html'
});
// 排行榜
$("#act41612547506702").off('click').on("click", function () {
window.location.href = '/index.html'
});
// 选手主页
$("#act4161336684689").off("click").on("click", function () {
window.location.href = '/user.html'
});
// 活动秘籍
$("#act41613113951133").off("click").on("click", function () {
$('#html-template-8').removeClass('global-none')
});
// 分享弹框关闭
$(document).on('click', '#html-template-8 .modal-close', function () {
$('#html-template-8').addClass('global-none')
});
// 上传图片
$("#uploadImage").on('change', function () {
var formData = new FormData()
formData.append('file', this.files[0])
selectFileImage(this)
$.ajax({
type: 'POST',
url: 'http://api-admin-manage.check.icaremgt.com/system/components/upload',
headers: { 'x-token': user.token },
data: formData,
contentType: false,
processData: false,
success: function (data) {
$("#act31419345204861").removeClass('global-none')
},
error: function () {
showMessage('上传失败！', 3000, true);
}
})
})
// 确认提交
$("#act21359468086634").off("click").on("click", function () {
var userName = $('#act11738585285947')
var phonenum = $('#act11739141518360')
var introDuce = $('#act11739381874636')
var signInput = $('.sign-form .form-input-group input[c_validate="idcard"]')
var addInput = data.dataJson.addGroup
var uploadImg = $('#act31419345204861 img')
// 验证用户名
if (userName.attr('c_validateempty') == 'yes') {
var userNameVal = userName.val()
var userNameLen = userName.attr('c_len')
if (userNameVal == '') {
showMessage('请输入参与者姓名', 3000, true);
return false
} else if (userNameVal.length > userNameLen) {
showMessage('参与者姓名不能超过' + userNameLen + '个字', 3000, true);
return false
}
}
// 验证手机号
if (phonenum.attr('c_validateempty') == 'yes') {
var reg = /^1[3456789]\d{9}$/
var phonenumVal = phonenum.val()
var phonenumLen = phonenum.attr('c_len')
if (phonenumVal == '') {
showMessage('请输入参与者手机号码', 3000, true);
return false
} else if (phonenumVal.length > phonenumLen) {
showMessage('参与者手机号码不能超过' + phonenumLen + '个字', 3000, true);
return false
} else if (!reg.test(phonenumVal)) {
showMessage('请输入正确的参与者手机号码', 3000, true);
return false
}
}
// 验证活动宣言
if (introDuce.attr('c_validateempty') == 'yes') {
var introDuceVal = introDuce.val()
var introDuceLen = introDuce.attr('c_len')
var introDuceName = introDuce.attr('c_name')
if (introDuceVal == '') {
showMessage('请输入' + introDuceName, 3000, true);
return false
} else if (introDuceVal.length > introDuceLen) {
showMessage(introDuceName + '不能超过' + introDuceLen + '个字', 3000, true);
return false
}
}
// 验证身份证
if (signInput.attr('c_validateempty') == 'yes') {
var signInputVal = signInput.val()
var signInputName = signInput.attr('c_name')
var signInputLen = signInput.attr('c_len')
if (signInputVal == '') {
showMessage('请输入' + signInputName, 3000, true);
return false
} else if (signInputVal.length > signInputLen) {
showMessage(signInputName + '不能超过' + signInputLen + '个字', 3000, true);
return false
} else if (!validateIDNumber(signInputVal)) {
showMessage('请输入正确的' + signInputName, 3000, true);
return false
}
}
// 验证上传图片
if (uploadImg.attr('src') == '') {
showMessage('请上传一张照片', 3000, true);
return false
}
var params = {
kgAcActivityOrgId: getQueryString('orgId'), //模板变量中获取，机构id
declaration: introDuce.val(), //参赛宣言
imageUrl: uploadImg.attr('src'), //上传图片地址
name: userName.val(), // 姓名
userPhone: phonenum.val(), //用户填写的手机号
}
if (addInput.length) {
for (var i = 0; i < addInput.length; i++) {
params['x'+ (i+1)] = $('#'+addInput[i].id).val()
}
}
var activityCode = rules.acActivity.code
$.ajax({
type: 'POST',
headers: {'content-type': 'application/json'},
url: baseUrl + '/ACTIVITY/sz/sign-up/' + activityCode,
data: JSON.stringify(params),
success: function (data) {
showMessage('提交成功',3000,true);
}
})
});
}
// 获取机构名称
function getOrgNameFn() {
$.ajax({
type: 'GET',
url: baseUrl + '/ORG/hospital/community/hospitalInfo/' + getQueryString('orgId'),
success: function(data) {
if(data.code == 200) {
$('#act11739232574395').val(data.records.orgName)
}
},
error: function() {
showMessage('找不到此机构',3000,true);
}
})
}
// 获取URL中指定参数
function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
function selectFileImage(fileObj) {
var file = fileObj.files['0'];
//图片方向角 added by lzk
var Orientation = null;
if (file) {
console.log("正在上传,请稍后...");
var rFilter = /^(image\/jpeg|image\/png|image\/jpg|image\/gif)$/i; // 检查图片格式
if (!rFilter.test(file.type)) {
showMessage('请选择jpeg/jpg/gif/png格式的图片', 3000, true);
return;
}
//获取照片方向角属性，用户旋转控制
EXIF.getData(file, function () {
EXIF.getAllTags(this);
Orientation = EXIF.getTag(this, 'Orientation');
//return;
});
var oReader = new FileReader();
oReader.onload = function (e) {
//var blob = URL.createObjectURL(file);
//_compress(blob, file, basePath);
var image = new Image();
image.src = e.target.result;
image.onload = function () {
var expectWidth = this.naturalWidth;
var expectHeight = this.naturalHeight;
if (this.naturalWidth > this.naturalHeight && this.naturalWidth > 800) {
expectWidth = 800;
expectHeight = expectWidth * this.naturalHeight / this.naturalWidth;
} else if (this.naturalHeight > this.naturalWidth && this.naturalHeight > 1200) {
expectHeight = 1200;
expectWidth = expectHeight * this.naturalWidth / this.naturalHeight;
}
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
canvas.width = expectWidth;
canvas.height = expectHeight;
ctx.drawImage(this, 0, 0, expectWidth, expectHeight);
var base64 = null;
//修复ios
if (navigator.userAgent.match(/iphone/i)) {
//如果方向角不为1，都需要进行旋转
if (Orientation != "" && Orientation != 1) {
switch (Orientation) {
case 6://需要顺时针（向左）90度旋转
rotateImg(this, 'left', canvas);
break;
case 8://需要逆时针（向右）90度旋转
rotateImg(this, 'right', canvas);
break;
case 3://需要180度旋转
rotateImg(this, 'right', canvas);//转两次
rotateImg(this, 'right', canvas);
break;
}
}
base64 = canvas.toDataURL("image/jpeg", 0.8);
} else if (navigator.userAgent.match(/Android/i)) {// 修复android
var encoder = new JPEGEncoder();
base64 = encoder.encode(ctx.getImageData(0, 0, expectWidth, expectHeight), 80);
} else {
if (Orientation != "" && Orientation != 1) {
switch (Orientation) {
case 6://需要顺时针（向左）90度旋转
rotateImg(this, 'left', canvas);
break;
case 8://需要逆时针（向右）90度旋转
rotateImg(this, 'right', canvas);
break;
case 3://需要180度旋转
rotateImg(this, 'right', canvas);//转两次
rotateImg(this, 'right', canvas);
break;
}
}
base64 = canvas.toDataURL("image/jpeg", 0.8);
}
$("#act31419345204861 img").attr("src", base64);
};
};
oReader.readAsDataURL(file);
}
}
//对图片旋转处理
function rotateImg(img, direction, canvas) {
//最小与最大旋转方向，图片旋转4次后回到原方向
var min_step = 0;
var max_step = 3;
//var img = document.getElementById(pid);
if (img == null) return;
//img的高度和宽度不能在img元素隐藏后获取，否则会出错
var height = img.height;
var width = img.width;
//var step = img.getAttribute('step');
var step = 2;
if (step == null) {
step = min_step;
}
if (direction == 'right') {
step++;
//旋转到原位置，即超过最大值
step > max_step && (step = min_step);
} else {
step--;
step < min_step && (step = max_step);
}
//旋转角度以弧度值为参数
var degree = step * 90 * Math.PI / 180;
var ctx = canvas.getContext('2d');
switch (step) {
case 0:
canvas.width = width;
canvas.height = height;
ctx.drawImage(img, 0, 0);
break;
case 1:
canvas.width = height;
canvas.height = width;
ctx.rotate(degree);
ctx.drawImage(img, 0, -height);
break;
case 2:
canvas.width = width;
canvas.height = height;
ctx.rotate(degree);
ctx.drawImage(img, -width, -height);
break;
case 3:
canvas.width = height;
canvas.height = width;
ctx.rotate(degree);
ctx.drawImage(img, -width, 0);
break;
}
}
// 验证身份证
function validateIDNumber(card) {
var vcity = {
11: '北京', 12: '天津', 13: '河北', 14: '山西', 15: '内蒙古',
21: '辽宁', 22: '吉林', 23: '黑龙江', 31: '上海', 32: '江苏',
33: '浙江', 34: '安徽', 35: '福建', 36: '江西', 37: '山东', 41: '河南',
42: '湖北', 43: '湖南', 44: '广东', 45: '广西', 46: '海南', 50: '重庆',
51: '四川', 52: '贵州', 53: '云南', 54: '西藏', 61: '陕西', 62: '甘肃',
63: '青海', 64: '宁夏', 65: '新疆', 71: '台湾', 81: '香港', 82: '澳门', 91: '国外'
}
// 检查号码是否符合规范，包括长度，类型
function isCardNo(card) {
// 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
var reg = /(^\d{15}$)|(^\d{17}(\d|X|x)$)/
if (reg.test(card) === false) {
return false
}
return true
}
// 取身份证前两位,校验省份
function checkProvince(card) {
var province = card.substr(0, 2)
if (vcity[province] == undefined) {
return false
}
return true
}
// 检查生日是否正确
function checkBirthday(card) {
var len = card.length
// 身份证15位时，次序为省（3位）市（3位）年（2位）月（2位）日（2位）校验位（3位），皆为数字
if (len == '15') {
var re_fifteen = /^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/
var arr_data = card.match(re_fifteen)
var year = arr_data[2]
var month = arr_data[3]
var day = arr_data[4]
var birthday = new Date('19' + year + '/' + month + '/' + day)
return verifyBirthday('19' + year, month, day, birthday)
}
// 身份证18位时，次序为省（3位）市（3位）年（4位）月（2位）日（2位）校验位（4位），校验位末尾可能为X
if (len == '18') {
var re_eighteen = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X|x)$/
var arr_data = card.match(re_eighteen)
var year = arr_data[2]
var month = arr_data[3]
var day = arr_data[4]
var birthday = new Date(year + '/' + month + '/' + day)
return verifyBirthday(year, month, day, birthday)
}
return false
}
// 校验日期
function verifyBirthday(year, month, day, birthday) {
var now = new Date()
var now_year = now.getFullYear()
// 年月日是否合理
if (birthday.getFullYear() == year && (birthday.getMonth() + 1) == month && birthday.getDate() == day) {
// 判断年份的范围（0岁到130岁之间)
var time = now_year - year
if (time >= 0 && time <= 130) {
return true
}
return false
}
return false
}
// 校验位的检测
function checkParity(card) {
// 15位转18位
card = changeFivteenToEighteen(card)
var len = card.length
if (len == '18') {
var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2)
var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2')
var cardTemp = 0, i, valnum
for (i = 0; i < 17; i++) {
cardTemp += card.substr(i, 1) * arrInt[i]
}
valnum = arrCh[cardTemp % 11]
if (valnum == card.substr(17, 1).toUpperCase()) {
return true
}
return false
}
return false
}
// 15位转18位身份证号
function changeFivteenToEighteen(card) {
if (card.length == '15') {
var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2)
var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2')
var cardTemp = 0, i
card = card.substr(0, 6) + '19' + card.substr(6, card.length - 6)
for (i = 0; i < 17; i++) {
cardTemp += card.substr(i, 1) * arrInt[i]
}
card += arrCh[cardTemp % 11]
return card
}
return card
}
// 是否为空
if (card === '') {
// alert('请输入身份证号，身份证号不能为空')
return false
}
// 校验长度，类型
if (isCardNo(card) === false) {
// alert('您输入的身份证号码不正确，请重新输入')
return false
}
// 检查省份
if (checkProvince(card) === false) {
// alert('您输入的身份证号码不正确,请重新输入')
return false
}
// 校验生日
if (checkBirthday(card) === false) {
// alert('您输入的身份证号码生日不正确,请重新输入')
return false
}
// 检验位的检测
if (checkParity(card) === false) {
// alert('您的身份证校验位不正确,请重新输入')
return false
}
return true
}
// 页面跳转
function transPage(_pageNumber, _activityCode, _token, _urlParam) {
var url = ''
if (typeof _urlParam !== 'undefined' && _urlParam !== '') {
url = baseUrl + "/ACTIVITY/view/" + _activityCode + "/" + _pageNumber + '?' + _urlParam;
} else {
url = baseUrl + "/ACTIVITY/view/" + _activityCode + "/" + _pageNumber;
}
var _form = document.createElement('form');
_form.action = url;
_form.method = "post";
_form.style.display = "none";
var inputToken = document.createElement('input');
inputToken.value = _token;
inputToken.name = 'x-token';
_form.appendChild(inputToken);
document.body.appendChild(_form);
_form.submit();
}
\ No newline at end of file
showPhotos/js/page/user.js 0 → 100644
// 公共变量
var pageNumber = "1";
var baseUrl = "https://space-api.check.icaremgt.com";
var gb_vote_loaded = false
$(function(){
loadHtmlJson();
btnBindClick();// 绑定点击事件
var showTime = new Date(rules.acActivity.endTime).getTime() - new Date(currentTime)
userCountDown(showTime/1000,$('#act31142119991744 span')); //倒计时
userTabInfo();
wxpermission();
});
// 加载HTML结构
function loadHtmlJson() {
$('body').prepend(json2html(data.htmlJson));
var _relationship = data.relationship;
for(var i=0;i<_relationship.childs.length;i++) {
var _page = _relationship.childs[i].page
var _pageNumber = _relationship.childs[i].pageNumber
$('body').prepend(json2html(JSON.parse(data[_page].htmlJson)));
$('#html-template-'+_pageNumber).addClass('global-none')
}
}
// 微信鉴权
function wxpermission() {
wx.ready(function(){
var shareData = {
title: "",
imgUrl: "",
desc: "",
link: ""
}
/**
*分享给朋友
*/
wx.onMenuShareAppMessage({
title: shareData.title, // 分享标题
desc: shareData.desc, // 分享描述
link: shareData.link, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
type: 'link', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
/**
*分享到朋友圈
*/
wx.onMenuShareTimeline({
title: shareData.title, // 分享标题
desc: shareData.desc, // 分享描述
link: shareData.link, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
success: function () {
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
});
}
// 元素点击事件绑定
function btnBindClick() {
// 返回首页
$("#act3110143885264").off("click").on("click",function(){
window.location.href = '/index.html'
});
// 拉票
$('#act31119351441050').off("click").on("click",function(){
$('#html-template-8').fadeIn()
});
// 分享弹框关闭
$(document).on('click','#html-template-8 .modal-close',function(){
$('#html-template-8').fadeOut()
});
// 投票
$('#act31119414834381').off("click").on("click",function(){
voteClickFn()
});
// 我要拉票
$('#act2172989331265').off("click").on("click",function(){
$('#html-template-8').fadeIn()
});
// 继续投票
$('#act21728433893489').off("click").on("click",function(){
voteClickFn()
});
// 投票弹框关闭
$(document).on('click','#html-template-4 .modal-close',function(){
$('#html-template-4').fadeOut()
});
// 排行榜
$("#act41612547506702").off('click').on("click", function(){
window.location.href = '/index.html'
});
// 选手主页
$("#act4161336684689").off("click").on("click", function(){
window.location.href = '/user.html'
});
// 活动秘籍
$("#act41613113951133").off("click").on("click", function(){
$('#html-template-8').fadeIn()
});
}
// 倒计时
function userCountDown(times,ids){
var timer=null;
var self = this
var times = times
  timer=setInterval(function(){
    var day=0,
      hour=0,
      minute=0,
      second=0;//时间默认值
    if(times > 0){
      day = Math.floor(times / (60 * 60 * 24));
      hour = Math.floor(times / (60 * 60)) - (day * 24);
      minute = Math.floor(times / 60) - (day * 24 * 60) - (hour * 60);
      second = Math.floor(times) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
    }
    if (day <= 9) day = '0' + day;
    if (hour <= 9) hour = '0' + hour;
    if (minute <= 9) minute = '0' + minute;
    if (second <= 9) second = '0' + second;
ids.html((day != 00 ? day + "天" : '')+hour+"时"+minute+"分"+second+"秒")
    times--;
if(times<0){
    clearInterval(timer);
ids.parent().addClass('global-none')
  }
  },1000);
}
// 个人信息展示
function userTabInfo() {
var activityCode = rules.acActivity.code
var id = getQueryString('UserId')?getQueryString('UserId'):user.id;
var params = {
id: id,
reviewStatus:1 // 审核状态
}
$.ajax({
type: 'GET',
url: baseUrl + '/ACTIVITY/sz/search/' + activityCode,
data: params,
success: function(data) {
if(data.status == 200) {
var userInfoObj = data.result && data.result.records && data.result.records[0]
$('#act3932189955 .user-info .inner-pic').attr('src',userInfoObj.wechatAvatarUrl);
var innerInfo = $('#act3932189955 .user-info .inner-info')
innerInfo.find('.userName span').text(userInfoObj.name)
innerInfo.find('.userNo span').text(userInfoObj.userNumber)
innerInfo.find('.userRank span').text(userInfoObj.userRank) // 排名
innerInfo.find('.userVoteNum span').text(userInfoObj.voteNum)
$('#act3932189955 .userState').val(userInfoObj.declaration)
$('#act3932189955 .userState').attr('readOnly','readOnly')
$('#act3932189955 .show-pic').attr('src',userInfoObj.imageUrl);
}
},
error: function() {
showMessage('请求超时,请尝试刷新页面！',3000,true);
}
})
}
// 投票按钮
function voteClickFn(){
var id = getQueryString('UserId')?getQueryString('UserId'):user.id;
var _this = $(this)
var params = {
userId: id
}
var activityCode = rules.acActivity.code;
if(gb_vote_loaded) {
return
}
gb_vote_loaded = true
$.ajax({
type: 'PUT',
url: baseUrl + '/ACTIVITY/sz/vote/' + activityCode,
data: params,
success: function(data) {
gb_vote_loaded = false
if(data.status == 200) {
$('#act1185354268270 span').text(data.result.voteNumDay)
$('#act3932189955 .user-info .inner-info').find('.userVoteNum span').text(data.result.voteNum)
if(user.status) {
$('#html-template-4').fadeIn()
}else {
$('#html-template-6').fadeIn()
}
}else if(data.status == 201) {
$('#act51626389412499 span').text(rules.szRule.voteNumDay) // 模板参数中获取
if(user.status) {
$('#html-template-5').fadeIn()
}else {
$('#html-template-7').fadeIn()
}
}
},
error: function() {
gb_vote_loaded = false
}
})
}
// 获取URL中指定参数
function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
// 页面跳转
function transPage(_pageNumber,_activityCode, _token, _urlParam){
var url = ''
if(typeof _urlParam !=='undefined' && _urlParam !== ''){
url = baseUrl + "/ACTIVITY/view/"+ _activityCode +"/" + _pageNumber + '?' + _urlParam;
}else {
url = baseUrl + "/ACTIVITY/view/"+ _activityCode +"/" + _pageNumber;
}
var _form = document.createElement('form');
_form.action = url;
_form.method = "post";
_form.style.display = "none";
var inputToken = document.createElement('input');
inputToken.value = _token;
inputToken.name = 'x-token';
_form.appendChild(inputToken);
document.body.appendChild(_form);
_form.submit();
}
\ No newline at end of file
showPhotos/signup.html
......@@ -29,6 +29,13 @@
src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/autoFontsize.min.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script type="text/javascript" src="signup_data.js"></script>
<!-- <script type="text/javascript">
var currentTime = JSON.parse([[${currentTime}]]);
var rules = JSON.parse([[${rules}]]);
var data = JSON.parse([[${data}]]);
var user = JSON.parse([[${user}]]);
var jsSdk = JSON.parse([[${jsSdk}]]);
</script> -->
<script type="text/javascript">
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
......@@ -46,537 +53,5 @@
<body>
</body>
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/page/signup.js"></script>
</html>
<script type="text/javascript">
// 公共变量
var pageNumber = "1";
var baseUrl = "https://space-api.check.icaremgt.com";
$(function () {
removeAttr();
btnBindClick();// 绑定点击事件
$('#act11739232574395').attr({ 'readonly': 'readonly' });
wxpermission();
getOrgNameFn();
loadHtmlJson();
})
// 加载HTML结构
function loadHtmlJson() {
$('body').prepend(json2html(data.htmlJson));
var _relationship = data.relationship;
for(var i=0;i<_relationship.childs.length;i++) {
var _page = _relationship.childs[i].page
var _pageNumber = _relationship.childs[i].pageNumber
$('body').prepend(json2html(JSON.parse(data[_page].htmlJson)));
$('#html-template-'+_pageNumber).addClass('global-none')
}
}
// 微信鉴权
function wxpermission() {
wx.ready(function () {
var shareData = {
title: "",
imgUrl: "",
desc: "",
link: ""
}
/**
*分享给朋友
*/
wx.onMenuShareAppMessage({
title: shareData.title, // 分享标题
desc: shareData.desc, // 分享描述
link: shareData.link, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
type: 'link', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
/**
*分享到朋友圈
*/
wx.onMenuShareTimeline({
title: shareData.title, // 分享标题
desc: shareData.desc, // 分享描述
link: shareData.link, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
success: function () {
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
});
}
// 元素点击事件绑定
function btnBindClick() {
// 返回首页
$("#act11534485971254").off("click").on("click", function () {
window.location.href = '/index.html'
});
// 排行榜
$("#act41612547506702").off('click').on("click", function () {
window.location.href = '/index.html'
});
// 选手主页
$("#act4161336684689").off("click").on("click", function () {
window.location.href = '/user.html'
});
// 活动秘籍
$("#act41613113951133").off("click").on("click", function () {
$('#html-template-8').removeClass('global-none')
});
// 分享弹框关闭
$(document).on('click', '#html-template-8 .modal-close', function () {
$('#html-template-8').addClass('global-none')
});
// 上传图片
$("#uploadImage").on('change', function () {
var formData = new FormData()
formData.append('file', this.files[0])
selectFileImage(this)
$.ajax({
type: 'POST',
url: 'http://api-admin-manage.check.icaremgt.com/system/components/upload',
headers: { 'x-token': user.token },
data: formData,
contentType: false,
processData: false,
success: function (data) {
$("#act31419345204861").removeClass('global-none')
},
error: function () {
showMessage('上传失败！', 3000, true);
}
})
})
// 确认提交
$("#act21359468086634").off("click").on("click", function () {
var userName = $('#act11738585285947')
var phonenum = $('#act11739141518360')
var introDuce = $('#act11739381874636')
var signInput = $('.sign-form .form-input-group input[c_validate="idcard"]')
var addInput = data.dataJson.addGroup
var uploadImg = $('#act31419345204861 img')
// 验证用户名
if (userName.attr('c_validateempty') == 'yes') {
var userNameVal = userName.val()
var userNameLen = userName.attr('c_len')
if (userNameVal == '') {
showMessage('请输入参与者姓名', 3000, true);
return false
} else if (userNameVal.length > userNameLen) {
showMessage('参与者姓名不能超过' + userNameLen + '个字', 3000, true);
return false
}
}
// 验证手机号
if (phonenum.attr('c_validateempty') == 'yes') {
var reg = /^1[3456789]\d{9}$/
var phonenumVal = phonenum.val()
var phonenumLen = phonenum.attr('c_len')
if (phonenumVal == '') {
showMessage('请输入参与者手机号码', 3000, true);
return false
} else if (phonenumVal.length > phonenumLen) {
showMessage('参与者手机号码不能超过' + phonenumLen + '个字', 3000, true);
return false
} else if (!reg.test(phonenumVal)) {
showMessage('请输入正确的参与者手机号码', 3000, true);
return false
}
}
// 验证活动宣言
if (introDuce.attr('c_validateempty') == 'yes') {
var introDuceVal = introDuce.val()
var introDuceLen = introDuce.attr('c_len')
var introDuceName = introDuce.attr('c_name')
if (introDuceVal == '') {
showMessage('请输入' + introDuceName, 3000, true);
return false
} else if (introDuceVal.length > introDuceLen) {
showMessage(introDuceName + '不能超过' + introDuceLen + '个字', 3000, true);
return false
}
}
// 验证身份证
if (signInput.attr('c_validateempty') == 'yes') {
var signInputVal = signInput.val()
var signInputName = signInput.attr('c_name')
var signInputLen = signInput.attr('c_len')
if (signInputVal == '') {
showMessage('请输入' + signInputName, 3000, true);
return false
} else if (signInputVal.length > signInputLen) {
showMessage(signInputName + '不能超过' + signInputLen + '个字', 3000, true);
return false
} else if (!validateIDNumber(signInputVal)) {
showMessage('请输入正确的' + signInputName, 3000, true);
return false
}
}
// 验证上传图片
if (uploadImg.attr('src') == '') {
showMessage('请上传一张照片', 3000, true);
return false
}
var params = {
kgAcActivityOrgId: getQueryString('orgId'), //模板变量中获取，机构id
declaration: introDuce.val(), //参赛宣言
imageUrl: uploadImg.attr('src'), //上传图片地址
name: userName.val(), // 姓名
userPhone: phonenum.val(), //用户填写的手机号
}
if (addInput.length) {
for (var i = 0; i < addInput.length; i++) {
params['x'+ (i+1)] = $('#'+addInput[i].id).val()
}
}
var activityCode = rules.acActivity.code
$.ajax({
type: 'POST',
headers: {'content-type': 'application/json'},
url: baseUrl + '/ACTIVITY/sz/sign-up/' + activityCode,
data: JSON.stringify(params),
success: function (data) {
showMessage('提交成功',3000,true);
}
})
});
}
// 获取机构名称
function getOrgNameFn() {
$.ajax({
type: 'GET',
url: baseUrl + '/ORG/hospital/community/hospitalInfo/' + getQueryString('orgId'),
success: function(data) {
if(data.code == 200) {
$('#act11739232574395').val(data.records.orgName)
}
},
error: function() {
showMessage('找不到此机构',3000,true);
}
})
}
// 获取URL中指定参数
function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
function selectFileImage(fileObj) {
var file = fileObj.files['0'];
//图片方向角 added by lzk
var Orientation = null;
if (file) {
console.log("正在上传,请稍后...");
var rFilter = /^(image\/jpeg|image\/png|image\/jpg|image\/gif)$/i; // 检查图片格式
if (!rFilter.test(file.type)) {
showMessage('请选择jpeg/jpg/gif/png格式的图片', 3000, true);
return;
}
//获取照片方向角属性，用户旋转控制
EXIF.getData(file, function () {
EXIF.getAllTags(this);
Orientation = EXIF.getTag(this, 'Orientation');
//return;
});
var oReader = new FileReader();
oReader.onload = function (e) {
//var blob = URL.createObjectURL(file);
//_compress(blob, file, basePath);
var image = new Image();
image.src = e.target.result;
image.onload = function () {
var expectWidth = this.naturalWidth;
var expectHeight = this.naturalHeight;
if (this.naturalWidth > this.naturalHeight && this.naturalWidth > 800) {
expectWidth = 800;
expectHeight = expectWidth * this.naturalHeight / this.naturalWidth;
} else if (this.naturalHeight > this.naturalWidth && this.naturalHeight > 1200) {
expectHeight = 1200;
expectWidth = expectHeight * this.naturalWidth / this.naturalHeight;
}
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
canvas.width = expectWidth;
canvas.height = expectHeight;
ctx.drawImage(this, 0, 0, expectWidth, expectHeight);
var base64 = null;
//修复ios
if (navigator.userAgent.match(/iphone/i)) {
//如果方向角不为1，都需要进行旋转
if (Orientation != "" && Orientation != 1) {
switch (Orientation) {
case 6://需要顺时针（向左）90度旋转
rotateImg(this, 'left', canvas);
break;
case 8://需要逆时针（向右）90度旋转
rotateImg(this, 'right', canvas);
break;
case 3://需要180度旋转
rotateImg(this, 'right', canvas);//转两次
rotateImg(this, 'right', canvas);
break;
}
}
base64 = canvas.toDataURL("image/jpeg", 0.8);
} else if (navigator.userAgent.match(/Android/i)) {// 修复android
var encoder = new JPEGEncoder();
base64 = encoder.encode(ctx.getImageData(0, 0, expectWidth, expectHeight), 80);
} else {
if (Orientation != "" && Orientation != 1) {
switch (Orientation) {
case 6://需要顺时针（向左）90度旋转
rotateImg(this, 'left', canvas);
break;
case 8://需要逆时针（向右）90度旋转
rotateImg(this, 'right', canvas);
break;
case 3://需要180度旋转
rotateImg(this, 'right', canvas);//转两次
rotateImg(this, 'right', canvas);
break;
}
}
base64 = canvas.toDataURL("image/jpeg", 0.8);
}
$("#act31419345204861 img").attr("src", base64);
};
};
oReader.readAsDataURL(file);
}
}
//对图片旋转处理
function rotateImg(img, direction, canvas) {
//最小与最大旋转方向，图片旋转4次后回到原方向
var min_step = 0;
var max_step = 3;
//var img = document.getElementById(pid);
if (img == null) return;
//img的高度和宽度不能在img元素隐藏后获取，否则会出错
var height = img.height;
var width = img.width;
//var step = img.getAttribute('step');
var step = 2;
if (step == null) {
step = min_step;
}
if (direction == 'right') {
step++;
//旋转到原位置，即超过最大值
step > max_step && (step = min_step);
} else {
step--;
step < min_step && (step = max_step);
}
//旋转角度以弧度值为参数
var degree = step * 90 * Math.PI / 180;
var ctx = canvas.getContext('2d');
switch (step) {
case 0:
canvas.width = width;
canvas.height = height;
ctx.drawImage(img, 0, 0);
break;
case 1:
canvas.width = height;
canvas.height = width;
ctx.rotate(degree);
ctx.drawImage(img, 0, -height);
break;
case 2:
canvas.width = width;
canvas.height = height;
ctx.rotate(degree);
ctx.drawImage(img, -width, -height);
break;
case 3:
canvas.width = height;
canvas.height = width;
ctx.rotate(degree);
ctx.drawImage(img, -width, 0);
break;
}
}
// 验证身份证
function validateIDNumber(card) {
var vcity = {
11: '北京', 12: '天津', 13: '河北', 14: '山西', 15: '内蒙古',
21: '辽宁', 22: '吉林', 23: '黑龙江', 31: '上海', 32: '江苏',
33: '浙江', 34: '安徽', 35: '福建', 36: '江西', 37: '山东', 41: '河南',
42: '湖北', 43: '湖南', 44: '广东', 45: '广西', 46: '海南', 50: '重庆',
51: '四川', 52: '贵州', 53: '云南', 54: '西藏', 61: '陕西', 62: '甘肃',
63: '青海', 64: '宁夏', 65: '新疆', 71: '台湾', 81: '香港', 82: '澳门', 91: '国外'
}
// 检查号码是否符合规范，包括长度，类型
function isCardNo(card) {
// 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
var reg = /(^\d{15}$)|(^\d{17}(\d|X|x)$)/
if (reg.test(card) === false) {
return false
}
return true
}
// 取身份证前两位,校验省份
function checkProvince(card) {
var province = card.substr(0, 2)
if (vcity[province] == undefined) {
return false
}
return true
}
// 检查生日是否正确
function checkBirthday(card) {
var len = card.length
// 身份证15位时，次序为省（3位）市（3位）年（2位）月（2位）日（2位）校验位（3位），皆为数字
if (len == '15') {
var re_fifteen = /^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/
var arr_data = card.match(re_fifteen)
var year = arr_data[2]
var month = arr_data[3]
var day = arr_data[4]
var birthday = new Date('19' + year + '/' + month + '/' + day)
return verifyBirthday('19' + year, month, day, birthday)
}
// 身份证18位时，次序为省（3位）市（3位）年（4位）月（2位）日（2位）校验位（4位），校验位末尾可能为X
if (len == '18') {
var re_eighteen = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X|x)$/
var arr_data = card.match(re_eighteen)
var year = arr_data[2]
var month = arr_data[3]
var day = arr_data[4]
var birthday = new Date(year + '/' + month + '/' + day)
return verifyBirthday(year, month, day, birthday)
}
return false
}
// 校验日期
function verifyBirthday(year, month, day, birthday) {
var now = new Date()
var now_year = now.getFullYear()
// 年月日是否合理
if (birthday.getFullYear() == year && (birthday.getMonth() + 1) == month && birthday.getDate() == day) {
// 判断年份的范围（0岁到130岁之间)
var time = now_year - year
if (time >= 0 && time <= 130) {
return true
}
return false
}
return false
}
// 校验位的检测
function checkParity(card) {
// 15位转18位
card = changeFivteenToEighteen(card)
var len = card.length
if (len == '18') {
var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2)
var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2')
var cardTemp = 0, i, valnum
for (i = 0; i < 17; i++) {
cardTemp += card.substr(i, 1) * arrInt[i]
}
valnum = arrCh[cardTemp % 11]
if (valnum == card.substr(17, 1).toUpperCase()) {
return true
}
return false
}
return false
}
// 15位转18位身份证号
function changeFivteenToEighteen(card) {
if (card.length == '15') {
var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2)
var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2')
var cardTemp = 0, i
card = card.substr(0, 6) + '19' + card.substr(6, card.length - 6)
for (i = 0; i < 17; i++) {
cardTemp += card.substr(i, 1) * arrInt[i]
}
card += arrCh[cardTemp % 11]
return card
}
return card
}
// 是否为空
if (card === '') {
// alert('请输入身份证号，身份证号不能为空')
return false
}
// 校验长度，类型
if (isCardNo(card) === false) {
// alert('您输入的身份证号码不正确，请重新输入')
return false
}
// 检查省份
if (checkProvince(card) === false) {
// alert('您输入的身份证号码不正确,请重新输入')
return false
}
// 校验生日
if (checkBirthday(card) === false) {
// alert('您输入的身份证号码生日不正确,请重新输入')
return false
}
// 检验位的检测
if (checkParity(card) === false) {
// alert('您的身份证校验位不正确,请重新输入')
return false
}
return true
}
// 页面跳转
function transPage(_pageNumber, _activityCode, _token, _urlParam) {
var url = ''
if (typeof _urlParam !== 'undefined' && _urlParam !== '') {
url = baseUrl + "/ACTIVITY/view/" + _activityCode + "/" + _pageNumber + '?' + _urlParam;
} else {
url = baseUrl + "/ACTIVITY/view/" + _activityCode + "/" + _pageNumber;
}
var _form = document.createElement('form');
_form.action = url;
_form.method = "post";
_form.style.display = "none";
var inputToken = document.createElement('input');
inputToken.value = _token;
inputToken.name = 'x-token';
_form.appendChild(inputToken);
document.body.appendChild(_form);
_form.submit();
}
</script>
\ No newline at end of file
showPhotos/user.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>宝贝，因“喂”爱你</title>
<link rel="stylesheet" href="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/css/activity.css">
<link rel="stylesheet" href="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/css/toast.css">
<link rel="stylesheet" href="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/css/animate.css">
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/toast.js"></script>
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/html2Json.js"></script>
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/removeAttr.js"></script>
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/autoFontsize.min.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script type="text/javascript" src="user_data.js"></script>
<script type="text/javascript">
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: '${appId!}', // 必填，公众号的唯一标识
timestamp:'${timestamp!}', // 必填，生成签名的时间戳
nonceStr: '${noncestr!}', // 必填，生成签名的随机串
signature: '${signature!}',// 必填，签名，见附录1
jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','startRecord','stopRecord','onVoiceRecordEnd','playVoice','pauseVoice','stopVoice','onVoicePlayEnd'
,'uploadVoice','downloadVoice','chooseImage','previewImage','uploadImage','downloadImage','translateVoice','openLocation'
,'getLocation','hideOptionMenu','showOptionMenu','hideMenuItems','showMenuItems','scanQRCode','chooseWXPay','addCard','chooseCard','openCard'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
</script>
</head>
<body>
</body>
</html>
<script type="text/javascript">
// 公共变量
var pageNumber = "1";
var baseUrl = "https://space-api.check.icaremgt.com";
var gb_vote_loaded = false
$(function(){
loadHtmlJson();
btnBindClick();// 绑定点击事件
var showTime = new Date(rules.acActivity.endTime).getTime() - new Date(currentTime)
userCountDown(showTime/1000,$('#act31142119991744 span')); //倒计时
userTabInfo();
wxpermission();
});
// 加载HTML结构
function loadHtmlJson() {
$('body').prepend(json2html(data.htmlJson));
var _relationship = data.relationship;
for(var i=0;i<_relationship.childs.length;i++) {
var _page = _relationship.childs[i].page
var _pageNumber = _relationship.childs[i].pageNumber
$('body').prepend(json2html(JSON.parse(data[_page].htmlJson)));
$('#html-template-'+_pageNumber).addClass('global-none')
}
}
// 微信鉴权
function wxpermission() {
wx.ready(function(){
var shareData = {
title: "",
imgUrl: "",
desc: "",
link: ""
}
/**
*分享给朋友
*/
wx.onMenuShareAppMessage({
title: shareData.title, // 分享标题
desc: shareData.desc, // 分享描述
link: shareData.link, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
type: 'link', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
/**
*分享到朋友圈
*/
wx.onMenuShareTimeline({
title: shareData.title, // 分享标题
desc: shareData.desc, // 分享描述
link: shareData.link, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
success: function () {
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
});
}
// 元素点击事件绑定
function btnBindClick() {
// 返回首页
$("#act3110143885264").off("click").on("click",function(){
window.location.href = '/index.html'
});
// 拉票
$('#act31119351441050').off("click").on("click",function(){
$('#html-template-8').fadeIn()
});
// 分享弹框关闭
$(document).on('click','#html-template-8 .modal-close',function(){
$('#html-template-8').fadeOut()
});
// 投票
$('#act31119414834381').off("click").on("click",function(){
voteClickFn()
});
// 我要拉票
$('#act2172989331265').off("click").on("click",function(){
$('#html-template-8').fadeIn()
});
// 继续投票
$('#act21728433893489').off("click").on("click",function(){
voteClickFn()
});
// 投票弹框关闭
$(document).on('click','#html-template-4 .modal-close',function(){
$('#html-template-4').fadeOut()
});
// 排行榜
$("#act41612547506702").off('click').on("click", function(){
window.location.href = '/index.html'
});
// 选手主页
$("#act4161336684689").off("click").on("click", function(){
window.location.href = '/user.html'
});
// 活动秘籍
$("#act41613113951133").off("click").on("click", function(){
$('#html-template-8').fadeIn()
});
}
// 倒计时
function userCountDown(times,ids){
var timer=null;
var self = this
var times = times
  timer=setInterval(function(){
    var day=0,
      hour=0,
      minute=0,
      second=0;//时间默认值
    if(times > 0){
      day = Math.floor(times / (60 * 60 * 24));
      hour = Math.floor(times / (60 * 60)) - (day * 24);
      minute = Math.floor(times / 60) - (day * 24 * 60) - (hour * 60);
      second = Math.floor(times) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
    }
    if (day <= 9) day = '0' + day;
    if (hour <= 9) hour = '0' + hour;
    if (minute <= 9) minute = '0' + minute;
    if (second <= 9) second = '0' + second;
ids.html((day != 00 ? day + "天" : '')+hour+"时"+minute+"分"+second+"秒")
    times--;
if(times<0){
    clearInterval(timer);
ids.parent().addClass('global-none')
  }
  },1000);
}
// 个人信息展示
function userTabInfo() {
var activityCode = rules.acActivity.code
var id = getQueryString('UserId')?getQueryString('UserId'):user.id;
var params = {
id: id,
reviewStatus:1 // 审核状态
}
$.ajax({
type: 'GET',
url: baseUrl + '/ACTIVITY/sz/search/' + activityCode,
data: params,
success: function(data) {
if(data.status == 200) {
var userInfoObj = data.result && data.result.records && data.result.records[0]
$('#act3932189955 .user-info .inner-pic').attr('src',userInfoObj.wechatAvatarUrl);
var innerInfo = $('#act3932189955 .user-info .inner-info')
innerInfo.find('.userName span').text(userInfoObj.name)
innerInfo.find('.userNo span').text(userInfoObj.userNumber)
innerInfo.find('.userRank span').text(userInfoObj.userRank) // 排名
innerInfo.find('.userVoteNum span').text(userInfoObj.voteNum)
$('#act3932189955 .userState').val(userInfoObj.declaration)
$('#act3932189955 .userState').attr('readOnly','readOnly')
$('#act3932189955 .show-pic').attr('src',userInfoObj.imageUrl);
}
},
error: function() {
showMessage('请求超时,请尝试刷新页面！',3000,true);
}
})
}
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>宝贝，因“喂”爱你</title>
<link rel="stylesheet" href="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/css/activity.css">
<link rel="stylesheet" href="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/css/toast.css">
<link rel="stylesheet" href="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/css/animate.css">
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/toast.js"></script>
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/html2Json.js"></script>
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/removeAttr.js"></script>
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/autoFontsize.min.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script type="text/javascript" src="user_data.js"></script>
<!-- <script type="text/javascript">
var currentTime = JSON.parse([[${currentTime}]]);
var rules = JSON.parse([[${rules}]]);
var data = JSON.parse([[${data}]]);
var user = JSON.parse([[${user}]]);
var jsSdk = JSON.parse([[${jsSdk}]]);
</script> -->
<script type="text/javascript">
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: '${appId!}', // 必填，公众号的唯一标识
timestamp:'${timestamp!}', // 必填，生成签名的时间戳
nonceStr: '${noncestr!}', // 必填，生成签名的随机串
signature: '${signature!}',// 必填，签名，见附录1
jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','startRecord','stopRecord','onVoiceRecordEnd','playVoice','pauseVoice','stopVoice','onVoicePlayEnd'
,'uploadVoice','downloadVoice','chooseImage','previewImage','uploadImage','downloadImage','translateVoice','openLocation'
,'getLocation','hideOptionMenu','showOptionMenu','hideMenuItems','showMenuItems','scanQRCode','chooseWXPay','addCard','chooseCard','openCard'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
</script>
</head>
<body>
// 投票按钮
function voteClickFn(){
var id = getQueryString('UserId')?getQueryString('UserId'):user.id;
var _this = $(this)
var params = {
userId: id
}
var activityCode = rules.acActivity.code;
if(gb_vote_loaded) {
return
}
gb_vote_loaded = true
$.ajax({
type: 'PUT',
url: baseUrl + '/ACTIVITY/sz/vote/' + activityCode,
data: params,
success: function(data) {
gb_vote_loaded = false
if(data.status == 200) {
$('#act1185354268270 span').text(data.result.voteNumDay)
$('#act3932189955 .user-info .inner-info').find('.userVoteNum span').text(data.result.voteNum)
if(user.status) {
$('#html-template-4').fadeIn()
}else {
$('#html-template-6').fadeIn()
}
}else if(data.status == 201) {
$('#act51626389412499 span').text(rules.szRule.voteNumDay) // 模板参数中获取
if(user.status) {
$('#html-template-5').fadeIn()
}else {
$('#html-template-7').fadeIn()
}
}
},
error: function() {
gb_vote_loaded = false
}
})
}
// 获取URL中指定参数
function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
// 页面跳转
function transPage(_pageNumber,_activityCode, _token, _urlParam){
var url = ''
if(typeof _urlParam !=='undefined' && _urlParam !== ''){
url = baseUrl + "/ACTIVITY/view/"+ _activityCode +"/" + _pageNumber + '?' + _urlParam;
}else {
url = baseUrl + "/ACTIVITY/view/"+ _activityCode +"/" + _pageNumber;
}
var _form = document.createElement('form');
_form.action = url;
_form.method = "post";
_form.style.display = "none";
var inputToken = document.createElement('input');
inputToken.value = _token;
inputToken.name = 'x-token';
_form.appendChild(inputToken);
document.body.appendChild(_form);
_form.submit();
}
</script>
</body>
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/page/user.js"></script>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment