Skip to content

S
SURPRISED
Commit 3b980f9a authored by zhengke's avatar zhengke
Browse files
Options

增加

parent 1e0a22d6
Hide whitespace changes
Inline Side-by-side
Showing with 1092 additions and 0 deletions
html/coupons.html 0 → 100644
View file @ 3b980f9a
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="span/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="divport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<meta name="screen-orientation" content="portrait">
</meta>
<meta name="x5-orientation" content="portrait">
</meta>
<title>我的优惠券</title>
</head>
<style>
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, spanarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
.coupons_page{
width:100%;
height:100%;
background-color:#F8F5F5;
}
.coupons_title{
width:100%;
display: flex;
font-size:2rem;
position: relative;
height:6rem;
color:#000000;
align-items: center;
border:0;
background-color: #fff;
box-shadow: 0 7px 16px -7px #d1d1d1;
}
.coupons_Top{
width:100%;
height:8rem;
text-align: center;
font-size:2.3rem;
line-height: 8rem;
color:#000000;
background-color: #fff;
}
.coupons_Top img{
position: relative;
left:3rem;
top:3rem;
float:left;
}
.coupons_Navone{
width:20%;
position: relative;
text-align: left;
padding-left:3rem;
line-height: 6rem;
}
.arrow_down {
width:0;
height:0;
position:absolute;
right:3rem;
top:3rem;
border-left:0.6rem solid transparent;
border-right:0.6rem solid transparent;
border-top:0.6rem solid #666666;
}
.coupons_NavTwo{
width:80%;
display: flex;
align-items: center;
}
.coupons_NavTwo>div{
flex-grow: 1;
text-align: center;
line-height: 6rem;
}
.coupons_tyList{
position: absolute;
width:100%;
padding-bottom:2rem;
background-color: #fff;
box-shadow: 0 7px 16px -7px #d1d1d1;
top:6.1rem;
display: flex;
flex-wrap: wrap;
display: none;
z-index:999;
}
.coupons_tyList span{
display: inline-block;
background-color: #EEEEEE;
color:#000000;
width:11rem;
height:5rem;
text-align: center;
line-height: 5rem;
border-radius: 1rem;
margin:2rem 1.9rem 0;
}
.coupons_tyList span:nth-child(4n+4){
margin-right:0;
}
.bd_right{
position: absolute;
width:1px;
height:2.5rem;
right:0;
top:2rem;
background-color: #CFCFCF;
}
.coupons_Content{
width:100%;
}
.coupons_List{
width:80%;
height:16rem;
background-color: #fff;
border-radius: 3rem;
margin:3rem auto;
display: flex;
padding:0 3rem;
align-items: center;
position: relative;
}
.Coupon_leftImg{
position: relative;
color:#fff;
}
.coupons_List img{
width:12rem;
}
.dikouPrice{
position:absolute;
top:1.5rem;
left:3.5rem;
font-size:4rem;
}
.dikouPrice span{
font-size:2rem;
}
.dikouName{
position: absolute;
bottom:2rem;
left:3rem;
font-size:2rem;
}
.Coupon_right{
height:12rem;
margin-left:2rem;
}
.Coupon_rightOne{
font-size:2rem;
color:#000000;
}
.Coupon_gty{
display: inline-block;
padding:0.2rem 0.8rem;
margin-left:1rem;
}
.Coupon_xianlu{
width:26rem;
font-size:1.8rem;
margin-top:1rem;
height:5rem;
color:#666666;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.Coupon_Time{
font-size:1.8rem;
color:#C2C2C2;
margin-top:1rem;
}
.goToUse{
position: absolute;
width:9rem;
height:4rem;
outline: none;
border-radius:1rem;
border:0;
font-size:2rem;
font:2rem;
right:2rem;
color:#fff;
}
.gtyTitle{
background-color: #61DCD4;
color:#1D9890;
}
.zyxTitle{
background-color: #FD7F56;
color:#D4542A;
}
.mpTitle{
background-color: #6AA8F9;
color:#3C67A0;
}
.ddyTitle{
background-color: #F36C9B;
color:#CC3C6E;
}
.dzyTitle{
background-color: #18B8ED;
color:#2884A3;
}
.qzTitle{
background-color: #E9EB33;
color:#B8A313;
}
.jpTitle{
background-color: #FF9600;
color:#BA6E01;
}
.meishiTitle{
background-color: #1FC13E;
color:#378F47;
}
.ygqTitle{
background-color: #E0E0E0;
color:#9E9E9E;
}
.gtyUse{
background-color: #26C6A5; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #26C6A5 , #61DCD4);
}
.zyxUse{
background-color: #FD7F56; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #FD7F56 , #FFC291);
}
.mpUse{
background-color: #3C67A0; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #3C67A0 , #88ADDD);
}
.ddyUse{
background-color: #F36C9B; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #F36C9B , #FEA7C6);
}
.dzyUse{
background-color: #18B8ED; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #18B8ED , #89D6EF);
}
.qzUse{
background-color: #EBD333; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #EBD333 , #EBF38C);
}
.jpUse{
background-color: #FF9600; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #FF9600 , #FFC600);
}
.meishiUse{
background-color: #1FC13E; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #1FC13E , #5AE19A);
}
.ygqUse{
background-color: #C9C9C9; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #C9C9C9 , #E1E1E1);
}
.goToDownLoad{
position: fixed;
right:0;
bottom:20rem;
}
.goToDownLoad div{
position: relative;
}
.goToDownLoad span{
position: absolute;
font-size:2rem;
top:2.5rem;
left:8rem;
color:#fff;
}
.goToDownLoad span img{
margin-left:1rem;
}
.downloadImg{
width:27rem;
}
.Coupons_active{
color:#EE4454;
}
</style>
<body>
<div class="coupons_page">
<div class="coupons_Top">
<img src="../images/login/login_arrowleft.png"/>我的优惠券
</div>
<div class="coupons_title">
<div class="coupons_Navone" onclick="showList()">
<span class="useType"></span>
<div class="arrow_down"></div>
<i class="bd_right"></i>
</div>
<div class="coupons_NavTwo">
<div class="Coupons_active">全部</div>
<div>折扣券</div>
<div>抵扣券</div>
<div>已过期</div>
</div>
<div class="coupons_tyList">
<span>通用</span>
<span>跟团游</span>
<span>自由行</span>
<span>景点</span>
<span>当地游</span>
<span>定制游</span>
<span>美食</span>
<span>门票</span>
<span>签证</span>
</div>
</div>
<div class="coupons_Content">
<div class="coupons_List">
<div class="Coupon_leftImg">
<img src="../images/login/gty.png" alt=""/>
<div class="dikouPrice">
<span>¥</span>20
</div>
<div class="dikouName">抵扣券</div>
</div>
<div class="Coupon_right">
<div class="Coupon_rightOne">
全线通用20元现金
<span class="Coupon_gty gtyTitle">跟团游</span>
</div>
<div class="Coupon_xianlu">不限线路及系列</div>
<div class="Coupon_Time">
2019.06.14 - 2019.06.16
</div>
</div>
<button class="goToUse gtyUse">去使用</button>
</div>
<div class="coupons_List">
<div class="Coupon_leftImg">
<img src="../images/login/zyx.png" alt=""/>
<div class="dikouPrice">
<span>¥</span>20
</div>
<div class="dikouName">抵扣券</div>
</div>
<div class="Coupon_right">
<div class="Coupon_rightOne">
全线通用20元现金
<span class="Coupon_gty zyxTitle">自由行</span>
</div>
<div class="Coupon_xianlu">不限线路及系列</div>
<div class="Coupon_Time">
2019.06.14 - 2019.06.16
</div>
</div>
<button class="goToUse zyxUse">去使用</button>
</div>
<div class="coupons_List">
<div class="Coupon_leftImg">
<img src="../images/login/guoqi.png" alt=""/>
<div class="dikouPrice">
<span>¥</span>20
</div>
<div class="dikouName">抵扣券</div>
</div>
<div class="Coupon_right">
<div class="Coupon_rightOne">
全线通用20元现金
<span class="Coupon_gty ygqTitle">自由行</span>
</div>
<div class="Coupon_xianlu">不限线路及系列</div>
<div class="Coupon_Time">
2019.06.14 - 2019.06.16
</div>
</div>
<button class="goToUse ygqUse">去使用</button>
</div>
</div>
<div class="goToDownLoad">
<div>
<img class="downloadImg" src="../images/login/godownload.png" alt=""/>
<span>
下载同业App使用<img src="../images/login/arrowR.png" alt=""/>
</span>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/layer/layer.js"></script>
<script>
$(function(){
$(document).click(function(e){
var target = $(e.target);
if(target.closest(".coupons_Navone").length != 0) return;
$(".coupons_tyList").slideUp();
});
$(".coupons_tyList").click(function(event){
event.stopPropagation();
});
let title='通用';
$('.useType').html(title);
$('.coupons_NavTwo div').click(function(){
$(this).addClass('Coupons_active').siblings().removeClass('Coupons_active');
})
})
function showList(){
$('.coupons_tyList').slideToggle(300);
}
</script>
</html>
html/login.html 0 → 100644
View file @ 3b980f9a
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="span/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="divport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<meta name="screen-orientation" content="portrait">
</meta>
<meta name="x5-orientation" content="portrait">
</meta>
<title>登录</title>
</head>
<style>
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, spanarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
.login_page{
position: relative;
height: 100%;
background-color: #FFFFFF;
background-image: url('../images/login/login_bg.png');
background-size:cover;
}
.login_page .page__bd{
position: relative;
z-index: 2;
padding-top: 33rem;
}
.login_page .header{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
.login_page .header_span{
font-size:3rem;
color:#EE4454;
margin-top:0.5rem;
}
.login_page .header_image{
width: 10rem;
height: 10rem;
}
.login_page .headBg{
position: relative;
width: 54rem;
height: 50rem;
margin: 0 auto;
}
.login_page .headBgImg{
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
.login_page .form{
margin: 6rem 0 0 0;
padding: 0 6rem;
}
.login_page .form_item1{
width: 100%;
height: 6rem;
display: flex;
align-items: center;
}
.login_page .form_item2{
margin: 3rem 0 0 0;
width: 100%;
height: 6rem;
display: flex;
align-items: center;
}
.login_page .form_item_icoBox{
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
border: 1px solid #257BF1;
border-radius: 50%;
}
.login_page .form_item_ico{
width:2.5rem;
height:2.5rem
}
.login_page .form_item_inBox{
margin: 0 0 0 10px;
flex-grow: 1;
display: flex;
align-items: center;
height: 6rem;
border-bottom: 1px solid #666666;
}
.login_page .form_item_input{
flex-grow: 1;
font-size: 14px;
color: #333333;
text-align: left;
padding-left: 5rem;
height: 4rem;
border:0;
outline: 0;
font-size:2rem;
margin-top:1rem;
}
.login_page .login_Zh{
font-size:2rem;
margin:0.5rem 0 0 0.8rem;
color:#111111;
}
input::-webkit-input-placeholder { /* WebKit browsers */
color:#CCCCCC;
}
.login_page .login_btn{
margin:0 auto;
font-size: 2rem;
color: #FFFFFF;
background-color: #C2D6F2;
width:17rem;
height:6rem;
line-height:6rem;
outline: none;
border:0;
border-radius: 4rem;
position: absolute;
bottom:-1rem;
left:50%;
margin-left:-8.5rem;
background:rgba(238,68,84,1);
box-shadow:0px 6px 6px 0px rgba(139,139,139,0.25);
}
.login_page .jihuoDiv{
margin-top:6rem;
text-align:center;
font-size:2rem;
color:#999;
}
.login_page .jilijihuo{
color:#EE4454;
}
.login_page .login_xieyi{
position: absolute;
bottom:3rem;
font-size:2rem;
width:100%;
z-index:99;
text-align: center;
color:#111111;
}
.login_page .login_xieyi span:last-child{
color:#EE4454;
text-decoration: underline;
}
.form_validate_input{
color: #333333;
text-align: left;
padding-left: 3rem;
height: 4rem;
width:16rem;
border: 0;
outline: 0;
font-size: 2rem;
margin-top: 1rem;
}
.login_yzm{
font-size:2rem;
color:#EE4454;
display:inline-block;
padding:0 2rem;
border-left:1px solid #666666;
}
.login_jihuo,.login_Agreement{
display: none;
}
.login_Agreement{
width:100%;
height:100%;
}
.boxcenter{
padding:0 2rem;
}
.login_Agreement .boxcenter h1 {
font-size: 2.3rem;
margin-top: 3rem;
line-height: 4rem;
}
.login_Agreement .boxcenter span {
font-size: 2rem;
display: inline-block;
margin-top: 1rem;
line-height: 4rem;
}
.login_AgreeTitle{
width:100%;
height:8rem;
text-align: center;
font-size:2.3rem;
line-height: 8rem;
border:0;
box-shadow: 0px 0px 20px #d1d1d1;
}
.login_AgreeTitle img{
position: relative;
left:3rem;
top:3rem;
float:left;
}
.layui-layer-content{
font-size:2rem!important;
padding:2rem 1rem!important;
}
</style>
<body>
<div class="login_page">
<div class="login_denglu">
<div class='page__bd'>
<div class="headBg">
<img class="headBgImg" src="../images/login/login_content.png"/>
<div class='header'>
<img class='header_image' src='../images/login/login_elp.png'>
<span class='header_span'>Welcome</span>
</div>
<div class='form'>
<div class='form_item1'>
<div class='form_item_inBox'>
<img class='form_item_ico' src='../images/login/ico_lock1.png'/>
<span class="login_Zh">账号</span>
<input class='form_item_input' id="UserAccount" type='number' placeholder="请输入手机号"></input>
</div>
</div>
<div class='form_item2'>
<div class='form_item_inBox'>
<img class='form_item_ico' src='../images/login/ico_lock2.png'/>
<span class="login_Zh">密码</span>
<input class='form_item_input' id="passWord" type="password" placeholder="请输入密码"></input>
</div>
</div>
</div>
<button class="login_btn" onclick="user_login()">登录</button>
</div>
<div class="jihuoDiv" onclick="goJihuo()">
<span class='login_wx_span'>账号未激活？</span>
<span class="jilijihuo">立即激活</span>
</div>
</div>
<div class="login_xieyi" onclick="goFuwutiaokuan()">
<span>登录或者注册表明已阅读并同意</span>
<span>服务条款</span>
</div>
</div>
<div class="login_jihuo">
<div class='page__bd'>
<div class="headBg" style="height:60rem;">
<img class="headBgImg" src="../images/login/login_content.png"/>
<div class='header'>
<img class='header_image' src='../images/login/login_elp.png'>
<span class='header_span'>Welcome</span>
</div>
<div class='form'>
<div class='form_item1'>
<div class='form_item_inBox'>
<img class='form_item_ico' src='../images/login/ico_lock1.png'/>
<span class="login_Zh">账号</span>
<input class='form_item_input' type='number' id="Activation_Account" placeholder="请输入手机号"></input>
</div>
</div>
<div class='form_item2'>
<div class='form_item_inBox'>
<img class='form_item_ico' src='../images/login/ico_lock2.png'/>
<span class="login_Zh">密码</span>
<input class='form_item_input' id="Activation_password" placeholder="请输入密码"></input>
</div>
</div>
<div class='form_item2'>
<div class='form_item_inBox'>
<img class='form_item_ico' src='../images/login/ico_yzm.png' style="margin-top:1rem;"/>
<span class="login_Zh">验证码</span>
<input class='form_validate_input' id="Activation_valicode" placeholder="请输入验证码"></input>
<span class="login_yzm" onclick="getCode()">发送验证码</span>
</div>
</div>
</div>
<button class="login_btn">激活并登录</button>
</div>
<div class="jihuoDiv">
<span class="jilijihuo" onclick="backToLogin()">返回登录</span>
</div>
</div>
</div>
</div>
<div class="login_Agreement">
<div class="login_AgreeTitle">
<img onclick="gobackLogin()" src="../images/login/login_arrowleft.png"/> 用户协议
</div>
<div class="boxcenter">
<h1>《用户协议和法律协议》 本协议为您与本APP管理者之间所订立的契约，具有合同的法律效力，请您仔细阅读。</h1>
<h1>一、 本协议内容、生效、变更 </h1>
<span>本协议内容包括协议正文及所有本APP已经发布的或将来可能发布的各类规则。所有规则为本协议不可分割的组成部分，与协议正文具有同等法律效力。如您对协议有任何疑问，应向本APP咨询。您在同意所有协议条款并完成注册程序，才能成为本站的正式用户，您登录和注册后，本协议即生效，对双方产生约束力。 只要您使用本APP平台服务，则本协议即对您产生约束，届时您不应以未阅读本协议的内容或者未获得本APP对您问询的解答等理由，主张本协议无效，或要求撤销本协议。您确认：本协议条款是处理双方权利义务的契约，始终有效，法律另有强制性规定或双方另有特别约定的，依其规定。 您承诺接受并遵守本协议的约定。如果您不同意本协议的约定，您应立即停止注册程序或停止使用本APP平台服务。本APP有权根据需要不定期地制订、修改本协议及/或各类规则，并在本APP平台公示，不再另行单独通知用户。变更后的协议和规则一经在网站公布，立即生效。如您不同意相关变更，应当立即停止使用本APP平台服务。您继续使用本APP平台服务的，即表明您接受修订后的协议和规则。</span>
<h1>二、 注册</h1>
<span>注册资格用户须具有法定的相应权利能力和行为能力的自然人、法人或其他组织，能够独立承担法律责任。您完成注册程序或其他本APP平台同意的方式实际使用本平台服务时，即视为您确认自己具备主体资格，能够独立承担法律责任。若因您不具备主体资格，而导致的一切后果，由您及您的监护人自行承担。</span>
<h1>注册资料</h1>
<span>2.1用户应自行诚信向本站提供注册资料，用户同意其提供的注册资料真实、准确、完整、合法有效，用户注册资料如有变动的，应及时更新其注册资料。如果用户提供的注册资料不合法、不真实、不准确、不详尽的，用户需承担因此引起的相应责任及后果，并且本APP保留终止用户使用本平台各项服务的权利。<br> 2.2用户在本站进行浏览等活动时，涉及用户真实姓名/名称、通信地址、联系电话、电子邮箱等隐私信息的，本站将予以严格保密，除非得到用户的授权或法律另有规定，本站不会向外界披露用户隐私信息。</span>
<h1>账户</h1>
<span>3.1您注册成功后，即成为本APP平台的会员，将持有本APP平台唯一编号的账户信息，您可以根据本站规定改变您的密码。<br> 3.2您设置的姓名为真实姓名，不得侵犯或涉嫌侵犯他人合法权益。否则，本APP有权终止向您提供服务，注销您的账户。账户注销后，相应的会员名将开放给任意用户注册登记使用。<br> 3.3您应谨慎合理的保存、使用您的会员名和密码，应对通过您的会员名和密码实施的行为负责。除非有法律规定或司法裁定，且征得本APP的同意，否则，会员名和密码不得以任何方式转让、赠与或继承（与账户相关的财产权益除外）。<br> 3.4用户不得将在本站注册获得的账户借给他人使用，否则用户应承担由此产生的全部责任，并与实际使用人承担连带责任。 3.5如果发现任何非法使用等可能危及您的账户安全的情形时，您应当立即以有效方式通知本APP要求暂停相关服务，并向公安机关报案。您理解本APP对您的请求采取行动需要合理时间，本APP对在采取行动前已经产生的后果（包括但不限于您的任何损失）不承担任何责任。</span>
<h1>用户信息的合理使用</h1>
<span>4.1您同意本APP平台拥有通过邮件、短信电话等形式，向在本站注册用户发送信息等告知信息的权利。<br> 4.2您了解并同意，本APP有权应国家司法、行政等主管部门的要求，向其提供您在本APP平台填写的注册信息和交易记录等必要信息。如您涉嫌侵犯他人知识产权，则本APP亦有权在初步判断涉嫌侵权行为存在的情况下，向权利人提供您必要的身份信息。<br> 4.3用户同意本APP有权使用用户的注册信息、用户名、密码等信息，登陆进入用户的注册账户，进行证据保全，包括但不限于公证、见证等。</span>
<h1>免责条款</h1>
<span> 5.1 本平台仅提供信息对接，发生一切纠纷问题皆与本平台无关，请通过仲裁部门维护各自权益。 </span>
<span style="font-size: 2rem;margin-top: 2rem">（正文完）</span>
<h1 style="font-size: 2rem;margin-top: 2rem;text-align: right;margin-bottom: 2rem">成都微途科技有限公司</h1>
</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/layer/layer.js"></script>
<script type="text/javascript" src="../js/mian.js"></script>
<script src="../js/md5.js"></script>
<script>
//跳转至激活
function goJihuo(){
$(".login_denglu").css({'display':'none'});
$(".login_jihuo").css({'display':'block'});
}
//跳转回登录
function backToLogin(){
$(".login_denglu").css({'display':'block'});
$(".login_jihuo").css({'display':'none'});
}
//登录到服务条款
function goFuwutiaokuan(){
$(".login_page").css({'display':'none'});
$(".login_Agreement").css({'display':'block'});
}
//条款返回登录
function gobackLogin(){
$(".login_page").css({'display':'block'});
$(".login_Agreement").css({'display':'none'});
}
//点击登录
function user_login(){
let UserAccount = $("#UserAccount").val();
let passWord = $("#passWord").val();
if(UserAccount==''){
layer.msg('请输入账号');
return;
}
if(passWord==''){
layer.msg('请输入密码');
return;
}
let msg = {
account: UserAccount,
password: passWord
};
Login(msg)
}
//登录
function Login(msg){
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData('b2b_post_Login', msg),
async: false,
success: function (res) {
if (res.resultCode === 1) {
layer.msg(res.message);
let customerId=res.data.customerId;
let accountId=res.data.accountId;
let token=res.data.token;
let secretKey=res.data.secretKey;
window.location.href = 'http://127.0.0.1:5500/html/GT_activities.html?customerId='+customerId+'&accountId='+accountId+'&token='+token+'&secretKey='+secretKey+'&platform=H5';
}
},
error: function (res) {
layer.msg(res.message);
}
});
}
//发送验证码
function getCode(){
var phoneReg = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/;
//电话
let phone=$('#Activation_Account').val();
if (!phoneReg.test(phone)) {
layer.msg("请输入有效的手机号码！");
return false;
}
const TIME_COUNT = 60;
let isSend=false;
$('.login_yzm').html='';
if (!this.timer) {
this.count = TIME_COUNT;
$('.login_yzm').html(TIME_COUNT);
isSend = true;
this.timer = setInterval(() => {
if (this.count > 0 && this.count <= TIME_COUNT) {
this.count--;
$('.login_yzm').html(count+'s重新发送');
isSend=false;
} else {
clearInterval(this.timer);
$('.login_yzm').html('发送验证码');
this.timer = null;
}
}, 1000);
}
let msg = {
mobileNumber: $('#Activation_Account').val(),
mobileCodeType:1
};
if(isSend){
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData('user_get_moblieNumber_code', msg),
async: false,
success: function (res) {
if (res.resultCode === 1) {
layer.msg(res.message);
}
},
error: function (res) {
layer.msg(res.message);
}
});
}
}
//点击激活
function Activation(){
if ($('#Activation_Account').val() == "")
layer.msg('请输入账号！');
return
if ($('#Activation_password').val() == "")
layer.msg('请输入密码！');
return
if ($('#Activation_valicode').val() == "")
layer.msg('请输入验证码！');
return
let activeMsg= {
account: $('#Activation_Account').val(),
mobileNumber: $('#Activation_Account').val(),
password: $('#Activation_password').val(),
code: $('#Activation_valicode').val()
};
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData('b2b_post_AccountActivation', msg),
async: false,
success: function (res) {
if (res.resultCode === 1) {
layer.msg(res.message);
let msg = {
account: $('#Activation_Account').val(),
password: $('#Activation_password').val()
};
Login(msg)
}
},
error: function (res) {
layer.msg(res.message);
}
});
}
</script>
</html>
html/pay.html 0 → 100644
View file @ 3b980f9a
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="span/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="divport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<meta name="screen-orientation" content="portrait">
</meta>
<meta name="x5-orientation" content="portrait">
</meta>
<title>支付订单</title>
</head>
<style>
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, spanarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
.pay_page{
width:100%;
height:100%;
background-color: #F4F4F4;
position: relative;
}
.pay_time{
width:100%;
text-align: center;
font-size:2rem;
color:#999999;
margin:5rem 0 2rem 0;
}
.login_AgreeTitle{
width:100%;
height:8rem;
text-align: center;
font-size:2.3rem;
line-height: 8rem;
border:0;
box-shadow: 0px 0px 20px #d1d1d1;
}
.login_AgreeTitle img{
position: relative;
left:3rem;
top:3rem;
float:left;
}
.pay_time span{
margin-left:1rem;
}
.pay_price{
font-size:4rem;
width:100%;
text-align: center;
}
.pay_price span:first-child{
font-size:2rem;
}
.pay_quan{
margin:2rem 0 0 0;
width:100%;
text-align: center;
color:#999999;
font-size:2rem;
}
.price_Top{
background-color: #fff;
}
.pay_zhifu{
width:90%;
height:10rem;
display: flex;
margin:4rem auto;
align-items: center;
}
.pay_circle{
width:3rem;
height:3rem;
border:1px solid #CCCCCC;
border-radius: 50%;
}
.pay_one{
width:3rem;
height:3rem;
}
.pay_two{
display: inline-block;
font-size:2.5rem;
margin-left:3rem;
width:47rem;
}
.pay_three{
display:inline-block;
}
.pay_three img{
width:3rem;
height:3rem;
}
.pay_btndiv{
width:100%;
position: absolute;
bottom:4rem;
text-align: center;
}
.pay_btn{
width:92%;
height:8rem;
background-color: #EE4454;
color:#fff;
font-size:2.5rem;
outline: none;
border:0;
border-radius: 1.5rem;
}
</style>
<body>
<div class="pay_page">
<div class="price_Top">
<div class="login_AgreeTitle">
<img onclick="gobackList()" src="../images/login/login_arrowleft.png"/>支付订单
</div>
<div class="pay_time">
支付剩余时间<span>24:00</span>
</div>
<div class="pay_price">
<span>¥</span><span>9.9</span>
</div>
<div class="pay_quan">
9.9元抵扣200元代金券
</div>
<div class="pay_zhifu">
<img class="pay_one" src="../images/login/wechat.png" alt=""/>
<span class="pay_two">微信支付</span>
<div class="pay_three">
<!-- <div class="pay_circle"></div> -->
<img src="../images/login/checkbox.png" aly=""/>
</div>
</div>
</div>
<div class="pay_btndiv">
<button class="pay_btn" onclick="pay()">立即支付</button>
</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/layer/layer.js"></script>
<script>
var appId = urlparameter("appId");
var timeStamp = urlparameter("timeStamp");
var nonceStr = urlparameter("nonceStr");
var pg = urlparameter("pg");
var signType = urlparameter("signType");
var paySign = urlparameter("paySign");
function onBridgeReady(){
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
"appId" : appId, //公众号名称，由商户传入
"timeStamp": timeStamp, //时间戳，自1970年以来的秒数
"nonceStr" : nonceStr, //随机串
"package" : "prepay_id=" + pg,
"signType" : signType, //微信签名方式:
"paySign" : paySign //微信签名
},
function(res){
if(res.err_msg == "get_brand_wcpay_request:ok" ) {
alert("支付成功");
} // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回 ok，但并不保证它绝对可靠。
}
);
}
function pay(){
if (typeof WeixinJSBridge == "undefined"){
if( document.addEventListener ){
document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
}else if (document.attachEvent){
document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
}
}else{
onBridgeReady();
}
}
</script>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment