Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
E
eduline
Overview
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
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
冷斌
eduline
Commits
9e689d0a
Commit
9e689d0a
authored
Jun 05, 2020
by
冷斌
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
fix bug
parent
42c29e3e
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
522 additions
and
119 deletions
+522
-119
apps/home/Tpl/default/User/recharge_w3g.html
+229
-119
apps/home/Tpl/default/User/recharge_w3g_new.html
+293
-0
No files found.
apps/home/Tpl/default/User/recharge_w3g.html
View file @
9e689d0a
<include
file=
"__THEME__/public_header_w3g"
/>
<include
file=
"__THEME__/public_header_w3g"
/>
<style>
<link
rel=
"stylesheet"
href=
"__APP__/css/recharge_3g.css"
>
body
{
<div
class=
"body"
>
padding
:
0
!important
;
<!-- <div class="header2">
}
<a href="{:U('home/User/index')}" class="icon-back"></a>
</style>
<div>会员充值</div>
<div
id=
"app"
>
</div> -->
<div
class=
"layout_v"
style=
"background: white;"
>
<div
class=
"vip_buy_top_state"
>
<div
class=
"integral"
>
<span
class=
"text_12_400 color_999999"
>
当前身份:
<?php if($learnc['vip_type']==0):?>
非会员
<?php else: echo $learnc['vip_type_txt'];endif;?>
</span>
<span>
当前身份:
</span>
<span>
<?php if($learnc['vip_type']==0):?>
非VIP会员
<?php else: echo $learnc['vip_type_txt'];endif;?>
</span>
</div>
</div>
<form
action=
"{:U('classroom/Pay/rechargeVip')}"
method=
"post"
>
<div
class=
"teacher_bd"
style=
"display: block"
>
<div
class=
"home_list_part"
style=
"margin-top: 0.75rem;"
>
<if
condition=
"$is_wx and in_array('wxpay',$payConfig['pay'])"
>
<div
class=
"home_list_header layout_h"
>
<input
type=
"hidden"
value=
"wxpay"
name=
"pay"
/>
<div
class=
"home_list_header_v_line"
></div>
<else/>
<span
class=
"text_16_600 color_333333 self_center"
style=
"margin-left: 0.5rem;"
>
选择会员
</span>
<volist
name=
"payWay"
id=
"vo"
offset=
"0"
length=
"1"
>
</div>
<input
type=
"hidden"
value=
"{$vo}"
name=
"pay"
/>
</volist>
</if>
<input
type=
"hidden"
value=
"1"
name=
"type"
/>
<div
class=
"pay_dl"
>
<div
class=
"g-join"
>
<div
class=
"chong"
>
充会员
</div>
<div
class=
"disc"
>
每月可免费学习多个收费课程,还有更多惊喜折扣
</div>
</div>
</div>
<div
class=
"home_list_part layout_h_b"
style=
"margin-top: 0.75rem;"
>
<div
id=
"vip_type"
>
<div
v-for=
"(item, index) in vips"
:key=
"index"
@
click=
"type = item.id"
class=
"layout_h_v_c"
>
<div
class=
"margin-vip_type"
>
<van-icon
:name=
"type == item.id ? '__THEME__/img/picker_y@3x.png' : '__THEME__/img/picker_n@3x.png'"
style=
"margin-right: 0.4375rem;"
size=
"18"
></van-icon>
<volist
name=
"user_vip"
id=
"vo"
>
<div
class=
"vip_buy_type layout_h_c"
:style=
"item.color"
>
<div
class=
"vip_type_item g-vo <php>if($key == 0){</php> on <php>}</php>"
>
<span
class=
"text_12_400 self_center color_white"
>
{{item.title}}
</span>
<div
class=
"vip-type"
>
<div
class=
"icon turn"
></div>
<div
class=
"txt"
>
{$vo.title}
</div>
</div>
</div>
<input
class=
"g-radio"
type=
"radio"
data-vip-month=
"{$vo.vip_month}"
data-vip-year=
"{$vo.vip_year}"
<
php
>
if($key == 0){
</php>
checked="checked"
<php>
}
</php>
name="user_vip" value="{$vo.id}"/>
</div>
</div>
</volist>
</div>
</div>
<div
class=
"home_list_part"
style=
"margin-top: 2.25rem;"
>
<div
class=
"home_list_header layout_h"
>
<div
class=
"home_list_header_v_line"
></div>
<span
class=
"text_16_600 color_333333 self_center"
style=
"margin-left: 0.5rem;"
>
选择时长
</span>
</div>
</div>
</div>
</div>
<div
class=
"home_list_part layout_h_b"
style=
"margin-top: 0.75rem;"
>
<div
class=
"pay_dl marsty_docse"
>
<div
@
click=
"isYear = false"
:class=
"monthFrame"
class=
"layout_center"
style=
"margin-right: 1.875rem;"
>
<div
id=
"vip_type_time"
>
<van-image
height=
"100%"
width=
"100%"
v-if=
"!isYear"
class=
"element_bg"
src=
"__THEME__/img/KK@3x.png"
></van-image>
<div
class=
"g-time on"
>
<span
class=
"text_16_600"
:class=
"isYear ? 'color_999999' : 'color_primary'"
>
{{monthPrice}}
</span>
<input
type=
"radio"
name=
"vip_type_time"
id=
"vip_month"
readonly
data-value=
"{$user_vip[0]['vip_month']|default=0}"
value=
"month"
checked
/>
<em>
¥{$user_vip[0]['vip_month']|default=0}
</em>
/月
</div>
</div>
<div
@
click=
"isYear = true"
:class=
"yearFrame"
class=
"layout_center
"
>
<div
class=
"g-time
"
>
<van-image
height=
"100%"
width=
"100%"
v-if=
"isYear"
class=
"element_bg"
src=
"__THEME__/img/KK@3x.png"
></van-image
>
<input
type=
"radio"
name=
"vip_type_time"
id=
"vip_year"
readonly
data-value=
"{$user_vip[0]['vip_year']|default=0}"
value=
"year"
/
>
<span
class=
"text_16_600"
:class=
"isYear ? 'color_primary' : 'color_999999'"
>
{{yearPrice}}
</span>
<em>
¥{$user_vip[0]['vip_year']|default=0}
</em>
/年
</div>
</div>
</div>
</div>
<div
id=
"vip_time"
>
<div
class=
"home_list_part layout_h_v_c"
style=
"margin-top: 1.5rem;margin-bottom: 1.5rem;"
>
<span
class=
"text"
>
数量 :
</span>
<span
class=
"text_14_400 color_999999"
>
数量:
</span>
<div
class=
"vip_count"
>
<van-icon
@
click=
"onMinus"
name=
"__THEME__/img/minus.png"
size=
"20"
></van-icon>
<p
class=
"reduce"
><i
class=
"icon icon-jian"
></i></p>
<span
class=
"text_16_600 color_primary"
style=
"margin-left: 0.5rem;margin-right: 0.5rem;"
>
{{count}}
</span>
<input
type=
"text"
class=
"head_search upload_input_a myInput1 num"
readonly
name=
"vip_time"
value=
"1"
>
<van-icon
@
click=
"onPlus"
name=
"__THEME__/img/plus.png"
size=
"20"
></van-icon>
<p
class=
"plus"
><i
class=
"icon icon-jia-copy"
></i></p>
<span
class=
"text_14_400 color_999999"
style=
"margin-left: 0.25rem;"
>
{{isYear ? "年" : "月"}}
</span>
</div>
<span
class=
"change"
>
月
</span>
</div>
</div>
</div>
</div>
<div
style=
"background: #F5F5F5;height: 0.5rem;"
></div>
<div
class=
"layout_v"
>
<div
class=
"home_list_part"
style=
"margin-top: 1.25rem;"
>
<div
class=
"pay_dl vip_pay_way"
>
<div
class=
"home_list_header layout_h"
>
<php>
if($is_wx){unset($payWay['支付宝支付']);}$firstPayWay = current($payWay);
</php>
<div
class=
"home_list_header_v_line"
></div>
<if
condition=
"in_array('wxpay',$payConfig['pay'])"
>
<span
class=
"text_16_600 color_333333 self_center"
style=
"margin-left: 0.5rem;"
>
选择支付方式
</span>
<label
class=
"vip_pay_way_item selected"
onclick=
"select_pay(this,3);"
>
</div>
<img
src=
"__APP__/images/weixin.png"
alt=
""
>
</div>
<h3
class=
"name"
>
微信支付
</h3>
<div
class=
"home_list_part layout_h_b"
style=
"margin-top: 0.75rem;"
>
<i
class=
"icon <if condition='$is_wx or $firstPayWay eq wxpay'>on<else/>yuan</if>"
></i>
<div
class=
"layout_h_v_c"
>
</label>
<van-image
height=
"28"
width=
"28"
fit=
"cover"
src=
"__THEME__/img/wechat_logo.png"
></van-image>
</if>
<span
class=
"text_14_400 color_333333"
style=
"margin-left: 0.75rem;"
>
微信
</span>
<if
condition=
"in_array('alipay',$payConfig['pay']) and ($is_wx eq false)"
>
</div>
<label
class=
"vip_pay_way_item"
onclick=
"select_pay(this,1);"
><img
src=
"__APP__/images/zfb.png"
alt=
""
>
<van-icon
name=
"__THEME__/img/picker_y@3x.png"
size=
"20"
></van-icon>
<h3
class=
"name"
>
支付宝支付
</h3>
</div>
<i
class=
"icon <if condition='$firstPayWay eq alipay'>on<else/>yuan</if>"
></i>
</label>
</if>
<if
condition=
"in_array('lcnpay',$payConfig['pay'])"
>
<label
class=
"vip_pay_way_item"
onclick=
"select_pay(this,5);"
>
<img
src=
"__APP__/images/yue.png"
alt=
""
>
<h3
class=
"name"
>
余额支付
</h3>
<i
class=
"icon <if condition='$firstPayWay eq lcnpay'>on<else/>yuan</if>"
></i>
</label>
</if>
</div>
</div>
<div
class=
"layout_h_v_c fixed_bottom_bar"
>
<div
class=
"pay_dt vip_pay_Agreed"
>
<span
class=
"text_14_600 color_333333"
style=
"margin-right: 0.5rem;"
>
合计
</span>
<label>
<span
class=
"text_14_600 color_FF3B3B"
>
¥{{totalPrice}}
</span>
<input
id=
"vip_recharge"
type=
"checkbox"
checked
name=
"checkbox"
/>
同意
<span
class=
"text_12_400 color_999999"
>
{{discount}}
</span>
<a
target=
"_blank"
href=
"{:U('basic/Single/info',array('id'=>'buy'))}"
>
《{$site['site_keyword']}虚拟货币服务协议》
</a>
<div
class=
"weight_full layout_h_r"
>
</label>
<div
class=
"vip_buy_pay_button layout_center"
><span
class=
"text_14_400 color_white"
>
立即支付
</span></div>
</div>
</div>
<div
class=
"money_box"
>
<a
href=
"javascript:;"
class=
"g-money"
>
实付
<em
class=
"red_txt ft18"
id=
"price_show"
>
¥{$user_vip[0]['vip_month']}
</em></a>
<a
class=
"g-true"
href=
"javascript:;"
onclick=
"rechangeVip(this);"
>
确认支付
</a>
</div>
</div>
</div>
</form>
</div>
</div>
<script>
<if
condition=
"$is_wx eq false"
>
<style>
new
Vue
({
#_ts_box_h5
{
width
:
290px
;
height
:
180px
;
text-align
:
center
;
color
:
#535353
;
border-radius
:
5px
;
position
:
fixed
;
background
:
#fff
;
-webkit-box-shadow
:
0
2px
5px
#dddddd
;
-moz-box-shadow
:
0
2px
5px
#dddddd
;
-khtml-box-shadow
:
0
2px
5px
#dddddd
;
-ms-box-shadow
:
0
0
15px
#888888
;
box-shadow
:
0
0
15px
#888888
;
z-index
:
997
;
left
:
50%
;
top
:
50%
;
transform
:
translate
(
-50%
,
-50%
);
background
:
#fff
;}
el
:
'#app'
,
._hide_box_h5
{
z-index
:
996
;
filter
:
alpha
(
opacity
=
50
);
background
:
#666
;
opacity
:
0.5
;
-moz-opacity
:
0.5
;
left
:
0
;
top
:
0
;
height
:
99%
;
width
:
100%
;
position
:
fixed
;}
data
:
function
()
{
#_ts_box_h5
._box_hd
{
padding
:
20px
0px
;
color
:
black
;
font-size
:
16px
;
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0.16
);}
return
{
#_layer-content
{
padding
:
15px
0px
;
color
:
rgba
(
255
,
35
,
0
,
0.69
);
font-size
:
16px
;
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0.1
);}
type
:
1
,
._layer-wt
{
padding
:
15px
0px
;
color
:
#908d8d
;
font-size
:
16px
;}
isYear
:
false
,
</style>
count
:
1
,
<div
class=
"_hide_box_h5"
style=
"display: none;"
></div>
vips
:
[]
<div
id=
"_ts_box_h5"
style=
"display: none;"
>
}
<div
class=
"_box_hd"
>
请确认微信支付是否完成
</div>
},
<div
id=
"_layer-content"
>
已完成支付
</div>
computed
:
{
<div
class=
"_layer-wt"
><a
href=
"{:U('home/User/recharge')}"
>
支付遇到问题,联系客服
</a></div>
monthFrame
:
function
()
{
</div>
return
!
this
.
isYear
?
'vip_buy_price_frame_none'
:
'vip_buy_price_frame'
</if>
},
yearFrame
:
function
()
{
return
this
.
isYear
?
'vip_buy_price_frame_none'
:
'vip_buy_price_frame'
},
monthPrice
:
function
()
{
return
this
.
vips
.
hx_firstOf
(
r
=>
{
return
r
.
id
==
this
.
type
}).
vip_month
+
"元/月"
},
yearPrice
:
function
()
{
return
this
.
vips
.
hx_firstOf
(
r
=>
{
return
r
.
id
==
this
.
type
}).
vip_year
+
"元/年"
},
totalPrice
:
function
()
{
if
(
this
.
isYear
)
{
let
y
=
this
.
vips
.
hx_firstOf
(
r
=>
{
return
r
.
id
==
this
.
type
}).
vip_year
return
(
y
*
this
.
count
).
toFixed
(
2
)
}
let
h
=
this
.
vips
.
hx_firstOf
(
r
=>
{
return
r
.
id
==
this
.
type
}).
vip_month
return
(
h
*
this
.
count
).
toFixed
(
2
)
},
discount
:
function
()
{
return
"(已优惠:¥0元)"
}
},
created
:
function
(){
this
.
vips
=
{:
json_encode
(
$user_vip
)};
this
.
vips
.
forEach
(
r
=>
{
if
(
r
.
title
==
"乡试"
)
{
r
.
color
=
{
background
:
"#65C000"
}
}
else
if
(
r
.
title
==
"会试"
)
{
r
.
color
=
{
background
:
"#32C5FF"
}
}
else
if
(
r
.
title
==
"殿试"
)
{
r
.
color
=
{
background
:
"#F5A623"
}
}
})
},
methods
:
{
onMinus
:
function
()
{
if
(
this
.
count
-
1
>=
1
)
{
this
.
count
-=
1
}
},
onPlus
:
function
()
{
this
.
count
+=
1
}
}
})
<script>
'<if condition="$is_wx eq false">'
'<if condition="$is_wx eq false">'
$
(
function
(){
$
(
function
(){
var
wpay
=
"{$_GET['wpay']}"
;
var
wpay
=
"{$_GET['wpay']}"
;
...
@@ -178,6 +157,132 @@
...
@@ -178,6 +157,132 @@
});
});
'</if>'
'</if>'
$
(
function
()
{
$
(
".pay_dl .g-vo .g-radio:checked"
).
siblings
(
".icon"
).
addClass
(
"icon-xuanze"
).
removeClass
(
"icon-yuan1"
)
$
(
".pay_dl .g-vo"
).
click
(
function
(){
$
(
this
).
children
(
".icon"
).
addClass
(
"icon-xuanze"
).
removeClass
(
"icon-yuan1"
).
parent
(
".g-vo"
).
siblings
(
".g-vo"
).
find
(
".icon"
).
addClass
(
"icon-yuan1"
).
removeClass
(
"icon-xuanze"
);
$
(
this
).
children
(
'input'
).
prop
(
'checked'
,
true
);
});
$
(
"#vip_type_time .g-time"
).
click
(
function
(){
$
(
this
).
addClass
(
"on"
).
siblings
().
removeClass
(
"on"
);
$
(
this
).
find
(
"input"
).
attr
(
"checked"
,
"checked"
).
parents
(
".g-time"
).
siblings
().
find
(
"input"
).
removeAttr
(
"checked"
);
});
$
(
"#vip_time .vip_count .icon"
).
click
(
function
(){
var
num
=
$
(
"#vip_time .vip_count .num"
).
val
();
if
(
$
(
this
).
hasClass
(
"icon-jian"
)){
if
(
num
==
1
){
num
=
1
;
}
else
{
num
--
;
if
(
num
<
0
)
{
num
=
0
;
$
(
"#vip_time .vip_count .num"
).
val
(
num
);
}
else
{
$
(
"#vip_time .vip_count .num"
).
val
(
num
);
}
}
}
else
{
num
++
;
$
(
"#vip_time .vip_count .num"
).
val
(
num
);
}
});
$
(
".header"
).
hide
();
$
(
".choose"
).
click
(
function
(){
$
(
this
).
addClass
(
"on"
).
siblings
().
removeClass
(
'on'
);
$
(
'.teacher_bd'
).
stop
(
true
,
true
).
hide
().
eq
(
$
(
this
).
index
()).
show
();
});
$
(
document
).
on
(
'click'
,
'[name="group-list"] label'
,
function
(){
$
(
this
).
addClass
(
'selected'
).
siblings
().
removeClass
(
'selected'
);
var
pay
=
$
(
this
).
parents
(
'form'
).
find
(
'input:hidden[name="pay"]'
).
val
();
if
(
pay
==
'cardpay'
){
$
(
'#oline_pay_div'
).
hide
(
100
);
$
(
'#cardpay_div'
).
show
(
100
);
}
else
{
$
(
'#oline_pay_div'
).
show
(
100
);
$
(
'#cardpay_div'
).
hide
(
100
);
}
});
$
(
'.btn_je_box a.btn_hui_h:eq(1)'
).
click
();
$
(
'.btn_je_box a.btn_hui_h'
).
click
(
function
(){
$
(
this
).
parents
(
'form'
).
find
(
'input:hidden[name="money"]'
).
val
(
$
(
this
).
attr
(
'val'
)
+
$
(
this
).
attr
(
'give'
));
$
(
'#lan_txt_cost'
).
text
(
$
(
this
).
attr
(
'val'
));
$
(
'input#custom_money'
).
val
(
''
).
blur
();
});
$
(
'input#custom_money'
).
change
(
function
(
e
)
{
$
(
'.btn_je_box'
).
children
().
removeAttr
(
'selected'
);
$
(
this
).
parents
(
'form'
).
find
(
'input:hidden[name="money"]'
).
val
(
$
(
this
).
val
());
$
(
'#lan_txt_cost'
).
text
(
$
(
this
).
val
());
});
//选择充值VIP类型
$
(
'.g-vo'
).
click
(
function
(){
$
(
'.g-vo'
).
removeClass
(
"on"
);
$
(
this
).
addClass
(
"on"
)
var
_this
=
$
(
this
).
children
(
"input"
);
var
vip_month
=
_this
.
attr
(
'data-vip-month'
);
var
vip_year
=
_this
.
attr
(
'data-vip-year'
);
var
vip_time
=
$
(
'input[name="vip_time"]'
).
val
();
var
html
=
'<div class="g-time on" onclick="wode(this)"><input type="radio" name="vip_type_time" id="vip_month" data-value="'
+
vip_month
+
'" value="month" checked/><em>¥ '
+
vip_month
+
'</em>/月</div><div class="g-time" onclick="wode(this)"><input type="radio" name="vip_type_time" id="vip_year" data-value="'
+
vip_year
+
'" value="year" /><em>¥'
+
vip_year
+
'</em>/年</div>'
;
$
(
"#vip_type_time"
).
html
(
html
);
var
text
=
$
(
'input[name="vip_type_time"]:checked'
).
attr
(
'data-value'
)
*
vip_time
;
$
(
'#price_show'
).
html
(
"¥"
+
text
);
});
//选择充值时长
$
(
document
).
on
(
"click"
,
"#vip_type_time .g-time"
,
function
(){
var
_this
=
this
;
var
_val
=
$
(
_this
).
find
(
"input"
).
attr
(
"data-value"
);
var
val
=
$
(
_this
).
find
(
"input"
).
val
();
var
vip_time
=
$
(
'input[name="vip_time"]'
).
val
();
var
text
=
_val
*
vip_time
;
$
(
_this
).
addClass
(
"on"
).
siblings
().
removeClass
(
"on"
);
$
(
_this
).
find
(
"input"
).
attr
(
"checked"
,
"checked"
).
parents
(
".g-time"
).
siblings
().
find
(
"input"
).
removeAttr
(
"checked"
);
if
(
val
==
'year'
)
{
$
(
'#vip_time .change'
).
text
(
'年'
);
}
else
{
$
(
'#vip_time .change'
).
text
(
'月'
);
}
$
(
'#price_show'
).
html
(
"¥"
+
text
);
});
//输入月数
$
(
'#vip_time .icon'
).
click
(
function
(){
var
_this
=
this
;
var
vip_time
=
parseInt
(
$
(
"#vip_time .vip_count .num"
).
val
());
var
val
=
$
(
'input[name="vip_type_time"]:checked'
).
attr
(
'data-value'
);
if
(
vip_time
<=
0
||
isNaN
(
vip_time
)){
$
(
"#vip_time .vip_count .num"
).
val
(
''
);
$
(
'#price_show'
).
html
(
"¥"
+
0
);
return
;
}
else
{
$
(
"#vip_time .vip_count .num"
).
val
(
vip_time
);
}
$
(
'#price_show'
).
html
(
"¥"
+
vip_time
*
val
);
});
});
function
select_pay
(
sbt
,
val
){
var
form
=
$
(
sbt
).
parents
(
'form'
);
if
(
val
==
1
){
form
.
find
(
'input:hidden[name="pay"]'
).
val
(
"alipay"
);
}
else
if
(
val
==
2
){
form
.
find
(
'input:hidden[name="pay"]'
).
val
(
"unionpay"
);
}
else
if
(
val
==
3
){
form
.
find
(
'input:hidden[name="pay"]'
).
val
(
"wxpay"
);
}
else
if
(
val
==
4
){
form
.
find
(
'input:hidden[name="pay"]'
).
val
(
"cardpay"
);
}
else
if
(
val
==
5
){
form
.
find
(
'input:hidden[name="pay"]'
).
val
(
"lcnpay"
);
}
$
(
sbt
).
find
(
".yuan"
).
addClass
(
"on"
).
removeClass
(
"yuan"
);
$
(
sbt
).
siblings
().
find
(
".on"
).
removeClass
(
"on"
).
addClass
(
"yuan"
);
}
//充值VIP
//充值VIP
function
rechangeVip
(
sbt
){
function
rechangeVip
(
sbt
){
var
form
=
$
(
sbt
).
parents
(
'form'
);
var
form
=
$
(
sbt
).
parents
(
'form'
);
...
@@ -289,5 +394,10 @@
...
@@ -289,5 +394,10 @@
form
.
submit
();
form
.
submit
();
}
}
}
}
function
wode
(
a
){
$
(
a
).
addClass
(
"on"
).
siblings
().
removeClass
(
"on"
);
$
(
a
).
find
(
"input"
).
attr
(
"checked"
,
"checked"
).
parents
(
".g-time"
).
siblings
().
find
(
"input"
).
removeAttr
(
"checked"
);
}
</script>
</script>
<include
file=
"__THEME__/public_footer_w3g"
/>
<include
file=
"__THEME__/public_footer_w3g"
/>
apps/home/Tpl/default/User/recharge_w3g_new.html
0 → 100644
View file @
9e689d0a
<include
file=
"__THEME__/public_header_w3g"
/>
<style>
body
{
padding
:
0
!important
;
}
</style>
<div
id=
"app"
>
<div
class=
"layout_v"
style=
"background: white;"
>
<div
class=
"vip_buy_top_state"
>
<span
class=
"text_12_400 color_999999"
>
当前身份:
<?php if($learnc['vip_type']==0):?>
非会员
<?php else: echo $learnc['vip_type_txt'];endif;?>
</span>
</div>
<div
class=
"home_list_part"
style=
"margin-top: 0.75rem;"
>
<div
class=
"home_list_header layout_h"
>
<div
class=
"home_list_header_v_line"
></div>
<span
class=
"text_16_600 color_333333 self_center"
style=
"margin-left: 0.5rem;"
>
选择会员
</span>
</div>
</div>
<div
class=
"home_list_part layout_h_b"
style=
"margin-top: 0.75rem;"
>
<div
v-for=
"(item, index) in vips"
:key=
"index"
@
click=
"type = item.id"
class=
"layout_h_v_c"
>
<van-icon
:name=
"type == item.id ? '__THEME__/img/picker_y@3x.png' : '__THEME__/img/picker_n@3x.png'"
style=
"margin-right: 0.4375rem;"
size=
"18"
></van-icon>
<div
class=
"vip_buy_type layout_h_c"
:style=
"item.color"
>
<span
class=
"text_12_400 self_center color_white"
>
{{item.title}}
</span>
</div>
</div>
</div>
<div
class=
"home_list_part"
style=
"margin-top: 2.25rem;"
>
<div
class=
"home_list_header layout_h"
>
<div
class=
"home_list_header_v_line"
></div>
<span
class=
"text_16_600 color_333333 self_center"
style=
"margin-left: 0.5rem;"
>
选择时长
</span>
</div>
</div>
<div
class=
"home_list_part layout_h_b"
style=
"margin-top: 0.75rem;"
>
<div
@
click=
"isYear = false"
:class=
"monthFrame"
class=
"layout_center"
style=
"margin-right: 1.875rem;"
>
<van-image
height=
"100%"
width=
"100%"
v-if=
"!isYear"
class=
"element_bg"
src=
"__THEME__/img/KK@3x.png"
></van-image>
<span
class=
"text_16_600"
:class=
"isYear ? 'color_999999' : 'color_primary'"
>
{{monthPrice}}
</span>
</div>
<div
@
click=
"isYear = true"
:class=
"yearFrame"
class=
"layout_center"
>
<van-image
height=
"100%"
width=
"100%"
v-if=
"isYear"
class=
"element_bg"
src=
"__THEME__/img/KK@3x.png"
></van-image>
<span
class=
"text_16_600"
:class=
"isYear ? 'color_primary' : 'color_999999'"
>
{{yearPrice}}
</span>
</div>
</div>
<div
class=
"home_list_part layout_h_v_c"
style=
"margin-top: 1.5rem;margin-bottom: 1.5rem;"
>
<span
class=
"text_14_400 color_999999"
>
数量:
</span>
<van-icon
@
click=
"onMinus"
name=
"__THEME__/img/minus.png"
size=
"20"
></van-icon>
<span
class=
"text_16_600 color_primary"
style=
"margin-left: 0.5rem;margin-right: 0.5rem;"
>
{{count}}
</span>
<van-icon
@
click=
"onPlus"
name=
"__THEME__/img/plus.png"
size=
"20"
></van-icon>
<span
class=
"text_14_400 color_999999"
style=
"margin-left: 0.25rem;"
>
{{isYear ? "年" : "月"}}
</span>
</div>
</div>
<div
style=
"background: #F5F5F5;height: 0.5rem;"
></div>
<div
class=
"layout_v"
>
<div
class=
"home_list_part"
style=
"margin-top: 1.25rem;"
>
<div
class=
"home_list_header layout_h"
>
<div
class=
"home_list_header_v_line"
></div>
<span
class=
"text_16_600 color_333333 self_center"
style=
"margin-left: 0.5rem;"
>
选择支付方式
</span>
</div>
</div>
<div
class=
"home_list_part layout_h_b"
style=
"margin-top: 0.75rem;"
>
<div
class=
"layout_h_v_c"
>
<van-image
height=
"28"
width=
"28"
fit=
"cover"
src=
"__THEME__/img/wechat_logo.png"
></van-image>
<span
class=
"text_14_400 color_333333"
style=
"margin-left: 0.75rem;"
>
微信
</span>
</div>
<van-icon
name=
"__THEME__/img/picker_y@3x.png"
size=
"20"
></van-icon>
</div>
</div>
<div
class=
"layout_h_v_c fixed_bottom_bar"
>
<span
class=
"text_14_600 color_333333"
style=
"margin-right: 0.5rem;"
>
合计
</span>
<span
class=
"text_14_600 color_FF3B3B"
>
¥{{totalPrice}}
</span>
<span
class=
"text_12_400 color_999999"
>
{{discount}}
</span>
<div
class=
"weight_full layout_h_r"
>
<div
class=
"vip_buy_pay_button layout_center"
><span
class=
"text_14_400 color_white"
>
立即支付
</span></div>
</div>
</div>
</div>
<script>
new
Vue
({
el
:
'#app'
,
data
:
function
()
{
return
{
type
:
1
,
isYear
:
false
,
count
:
1
,
vips
:
[]
}
},
computed
:
{
monthFrame
:
function
()
{
return
!
this
.
isYear
?
'vip_buy_price_frame_none'
:
'vip_buy_price_frame'
},
yearFrame
:
function
()
{
return
this
.
isYear
?
'vip_buy_price_frame_none'
:
'vip_buy_price_frame'
},
monthPrice
:
function
()
{
return
this
.
vips
.
hx_firstOf
(
r
=>
{
return
r
.
id
==
this
.
type
}).
vip_month
+
"元/月"
},
yearPrice
:
function
()
{
return
this
.
vips
.
hx_firstOf
(
r
=>
{
return
r
.
id
==
this
.
type
}).
vip_year
+
"元/年"
},
totalPrice
:
function
()
{
if
(
this
.
isYear
)
{
let
y
=
this
.
vips
.
hx_firstOf
(
r
=>
{
return
r
.
id
==
this
.
type
}).
vip_year
return
(
y
*
this
.
count
).
toFixed
(
2
)
}
let
h
=
this
.
vips
.
hx_firstOf
(
r
=>
{
return
r
.
id
==
this
.
type
}).
vip_month
return
(
h
*
this
.
count
).
toFixed
(
2
)
},
discount
:
function
()
{
return
"(已优惠:¥0元)"
}
},
created
:
function
(){
this
.
vips
=
{:
json_encode
(
$user_vip
)};
this
.
vips
.
forEach
(
r
=>
{
if
(
r
.
title
==
"乡试"
)
{
r
.
color
=
{
background
:
"#65C000"
}
}
else
if
(
r
.
title
==
"会试"
)
{
r
.
color
=
{
background
:
"#32C5FF"
}
}
else
if
(
r
.
title
==
"殿试"
)
{
r
.
color
=
{
background
:
"#F5A623"
}
}
})
},
methods
:
{
onMinus
:
function
()
{
if
(
this
.
count
-
1
>=
1
)
{
this
.
count
-=
1
}
},
onPlus
:
function
()
{
this
.
count
+=
1
}
}
})
'<if condition="$is_wx eq false">'
$
(
function
(){
var
wpay
=
"{$_GET['wpay']}"
;
var
ppn
=
"{$_GET['ppn']}"
;
if
(
wpay
!=
''
){
$
(
'._hide_box_h5,#_ts_box_h5'
).
show
();
$
(
'#_layer-content'
).
click
(
function
(){
$
(
'._hide_box_h5,#_ts_box_h5'
).
hide
();
s
=
setInterval
(
function
(){
$
.
ajax
({
url
:
"{:U('classroom/Pay/getPayStatus')}"
,
data
:{
pay_pass_num
:
ppn
},
type
:
'post'
,
success
:
function
(
res
){
try
{
res
=
JSON
.
parse
(
res
);
if
(
res
.
status
==
1
){
clearInterval
(
s
);
ui
.
success
(
'充值成功'
);
setTimeout
(
function
(){
window
.
location
.
href
=
"{:U('home/UserShow/index',['uid'=>$uid])}"
;
//res.data
},
2000
);
}
}
catch
(
e
){
return
;
}
}
});
},
1800
);
});
}
});
'</if>'
//充值VIP
function
rechangeVip
(
sbt
){
var
form
=
$
(
sbt
).
parents
(
'form'
);
var
pay
=
form
.
find
(
'input:hidden[name="pay"]'
).
val
();
var
type
=
form
.
find
(
'input:hidden[name="type"]'
).
val
();
if
(
pay
!=
'alipay'
&&
pay
!=
'unionpay'
&&
pay
!=
'wxpay'
&&
pay
!=
'lcnpay'
){
ui
.
error
(
'错误的支付方式'
);
return
false
;
}
if
(
type
!=
0
&&
type
!=
1
){
ui
.
error
(
'充值类型错误'
);
return
false
;
}
if
(
!
$
(
"#vip_recharge"
).
is
(
':checked'
)){
ui
.
error
(
"请同意《{$site['site_keyword']}虚拟货币服务协议》"
);
return
false
;
}
var
s
=
0
;
if
(
pay
==
'wxpay'
){
$
.
ajax
({
url
:
"{:U('classroom/Pay/rechargeVip')}"
,
data
:
form
.
serialize
(),
async
:
false
,
type
:
'post'
,
success
:
function
(
data
){
var
data
=
getResponseData
(
data
);
if
(
data
.
status
==
1
){
var
pay_pass_num
=
data
.
data
.
pay_pass_num
;
'<if condition="$is_wx">'
WeixinJSBridge
.
invoke
(
'getBrandWCPayRequest'
,
JSON
.
parse
(
data
.
data
.
html
),
function
(
res
){
if
(
res
.
err_msg
==
"get_brand_wcpay_request:ok"
){
s
=
setInterval
(
function
(){
$
.
ajax
({
url
:
"{:U('classroom/Pay/getPayStatus')}"
,
data
:{
pay_pass_num
:
pay_pass_num
},
type
:
'post'
,
success
:
function
(
res
){
try
{
res
=
JSON
.
parse
(
res
);
if
(
res
.
status
==
1
){
clearInterval
(
s
);
ui
.
success
(
'充值成功'
);
setTimeout
(
function
(){
window
.
location
.
href
=
"{:U('home/UserShow/index',['uid'=>$uid])}"
;
//res.data
},
1500
);
}
}
catch
(
e
){
return
;
}
}
});
},
1800
);
}
}
);
'<else/>'
var
a
=
document
.
createElement
(
'a'
);
a
.
href
=
data
.
data
.
html
;
a
.
click
();
return
false
;
'</if>'
}
else
{
ui
.
error
(
e
.
data
);
setTimeout
(
function
(){
window
.
location
.
href
=
'{:U("home/User/recharge")}'
;
},
2000
);
}
},
error
:
function
(){
return
false
}
});
}
else
if
(
pay
==
'lcnpay'
){
$
.
ajax
({
url
:
"{:U('classroom/Pay/rechargeVip')}"
,
data
:
form
.
serialize
(),
async
:
false
,
type
:
'post'
,
dataType
:
"json"
,
success
:
function
(
data
){
if
(
typeof
data
!=
'object'
){
var
data
=
eval
(
'('
+
data
+
')'
);
}
if
(
data
.
status
==
1
){
ui
.
success
(
'充值成功'
,{
end
:
function
(){
window
.
location
.
href
=
"{:U('home/User/index')}"
;
}
});
return
true
;
}
else
{
ui
.
error
(
e
.
data
);
setTimeout
(
function
(){
window
.
location
.
href
=
'{:U("home/User/recharge")}'
;
},
2000
);
}
},
error
:
function
(){
return
false
}
});
}
else
{
form
.
submit
();
}
}
</script>
<include
file=
"__THEME__/public_footer_w3g"
/>
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