Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
H
h5_activity
Project
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
谭新宇
h5_activity
Commits
871dcb5e
Commit
871dcb5e
authored
Jul 10, 2019
by
txy
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
'提取js文件'
parent
3157e1f6
Show whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
1235 additions
and
1217 deletions
+1235
-1217
index.html
showPhotos/index.html
+9
-427
index.js
showPhotos/js/page/index.js
+425
-0
signup.js
showPhotos/js/page/signup.js
+531
-0
user.js
showPhotos/js/page/user.js
+250
-0
signup.html
showPhotos/signup.html
+8
-534
user.html
showPhotos/user.html
+12
-256
No files found.
showPhotos/index.html
View file @
871dcb5e
...
...
@@ -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
View file @
871dcb5e
// 公共变量
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
View file @
871dcb5e
// 公共变量
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
View file @
871dcb5e
// 公共变量
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
View file @
871dcb5e
...
...
@@ -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
View file @
871dcb5e
<html>
<head>
<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"
>
...
...
@@ -15,6 +15,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=
"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端时才会打印。
...
...
@@ -27,260 +34,9 @@
,
'getLocation'
,
'hideOptionMenu'
,
'showOptionMenu'
,
'hideMenuItems'
,
'showMenuItems'
,
'scanQRCode'
,
'chooseWXPay'
,
'addCard'
,
'chooseCard'
,
'openCard'
]
// 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});
</script>
</head>
<body>
</head>
<body>
</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/user.js"
></script>
</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
);
}
})
}
// 投票按钮
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>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment