add file
This commit is contained in:
junshuai
44
pluss-wap-page/src/main/webapp/WEB-INF/common.jsp
Normal file
44
pluss-wap-page/src/main/webapp/WEB-INF/common.jsp
Normal file
@@ -0,0 +1,44 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<link rel="stylesheet" href="${resourcePath}/css/weui.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/weuix.css">
|
||||
<%--<link rel="stylesheet" href="${resourcePath}/css/h5.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/h5-common.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/mobileSelect.css">--%>
|
||||
<script type="text/javascript" src="${resourcePath}/js/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="${resourcePath}/js/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="${resourcePath}/js/zepto.weui.js"></script>
|
||||
<script type="text/javascript" src="${resourcePath}/js/swiper.min.js"></script>
|
||||
<script type="text/javascript" src="${resourcePath}/js/utils/StringUtil.js"></script>
|
||||
<script type="text/javascript" src="${resourcePath}/js/utils/DateUtil.js"></script>
|
||||
|
||||
<%--<script type="text/javascript" src="${resourcePath}/js/auto-size.js"></script>
|
||||
<script type="text/javascript" src="${resourcePath}/js/mobileSelect.js"></script>--%>
|
||||
<!-- <script type="text/javascript">
|
||||
requireCss("wap/css/weui.css");
|
||||
requireCss("wap/css/weuix.css");
|
||||
require("wap/js/jquery.min.js");
|
||||
require("wap/js/zepto.min.js");
|
||||
require("wap/js/zepto.weui.js");
|
||||
require("wap/js/swiper.min.js");
|
||||
require("wap/js/utils/StringUtil.js");
|
||||
require("wap/js/utils/DateUtil.js");
|
||||
</script> -->
|
||||
<script>
|
||||
function serialize(form) {
|
||||
var serializeArray = form.serializeArray();
|
||||
var result = {};
|
||||
$.each(serializeArray, function(index, item) {
|
||||
result[item.name] = item.value;
|
||||
});
|
||||
return result;
|
||||
}
|
||||
</script>
|
||||
15
pluss-wap-page/src/main/webapp/WEB-INF/error.jsp
Normal file
15
pluss-wap-page/src/main/webapp/WEB-INF/error.jsp
Normal file
@@ -0,0 +1,15 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<%
|
||||
|
||||
response.sendRedirect("http://ah.189.cn/404.html");
|
||||
|
||||
%>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
21
pluss-wap-page/src/main/webapp/WEB-INF/index.jsp
Normal file
21
pluss-wap-page/src/main/webapp/WEB-INF/index.jsp
Normal file
@@ -0,0 +1,21 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
|
||||
<html>
|
||||
<head>
|
||||
<jsp:include page="common.jsp"></jsp:include>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>红袖标</title>
|
||||
<jsp:include page="common.jsp" />
|
||||
<link href="http://lingxi.voicecloud.cn/favicon.ico" rel="shortcut icon"/>
|
||||
<!-- 引用外部库 -->
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<%
|
||||
request.getRequestDispatcher("/index.do").forward(request, response);
|
||||
%>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,101 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
|
||||
<meta http-equiv="pragma" content="no-cache">
|
||||
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
|
||||
<meta http-equiv="expires" content="0">
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<title>邀请</title>
|
||||
<style>
|
||||
#Rootloading {
|
||||
display: inline-block;
|
||||
width: 12.8%;
|
||||
max-width: 80px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
</style>
|
||||
<link href="${resourcePath}/css/act-common.css" rel="stylesheet">
|
||||
<style id="__WXWORK_INNER_SCROLLBAR_CSS">
|
||||
::-webkit-scrollbar {
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:vertical {}
|
||||
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:horizontal {}
|
||||
|
||||
::-webkit-scrollbar-thumb:horizontal {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-resizer {
|
||||
display: none !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="height: auto;">
|
||||
<div id="app" class="">
|
||||
<div id="adminRewardIntro">
|
||||
<p>1.新用户是指首次注册收银呗的用户；</p>
|
||||
<p>2.每日获得的分润次日即可在账户中提现；</p>
|
||||
<p>3.由于不可抗力（包括但不限于服务器意外关机、网络意外中断、收银呗平台受到恶意攻击及磁盘意外损坏）而导致交易数据丢失的情况不计算奖励金额；</p>
|
||||
<p>5.活动暂停或取消前发生的交易金额仍按照规则比例计算并结算奖励金，活动暂停或取消后发生的交易金额不再计算奖励金。但如果活动由于监管等原因被强制暂停，奖励金将停止发放。</p>
|
||||
<p><b>奖励详情</b></p>
|
||||
<p>1.用户A通过本活动邀请好友B开通收银呗业务，B邀请好友C开通收银呗业务等。</p>
|
||||
<p>2.净收款交易金额（收款金额-退款金额）</p>
|
||||
<p>3.A可以通过邀请好友升级</p>
|
||||
<p class="indent">1) V1等级（注册即为V1）</p>
|
||||
<p class="indent">2) V2等级（B≥50人或B累计交易额50万）</p>
|
||||
<p class="indent">3) V3等级（B≥500人或B累计交易额500万）</p>
|
||||
<p>示例：</p>
|
||||
<p class="indent">1) A=V1，B每月净收款交易金额100万元，A每月奖励分润为100万*0.06%=600元；</p>
|
||||
<p class="indent">2) A=V2，B每月净收款交易金额100万元，A每月奖励分润为100万*0.08%=800元；</p>
|
||||
<p class="indent">3) A=V3，B每月净收款交易金额100万元，A每月奖励分润为100万*0.1%=1000元；</p>
|
||||
<p class="indent">4) A=V3，B=V2，C每月净收款交易金额100万元，B每月奖励分润为100万*0.08%=800元，A每月奖励分润为100万*0.02%=200元；</p>
|
||||
<p class="indent">5) 以此类推</p>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="toast-wrapper" style="display: none;">
|
||||
<div class="toast"></div>
|
||||
</div>
|
||||
<div class="toast3-wrapper" style="display: none;">
|
||||
|
||||
</div>
|
||||
<div class="toast-wrapper2" style="display: none;">
|
||||
<div class="toast2" style="height: 200px;">
|
||||
<p class="toast-title"></p>
|
||||
<p class="toast-message"></p>
|
||||
<div class="btn-wrapper">
|
||||
<!----><button type="button" class="btn"></button></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,131 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
|
||||
<meta http-equiv="pragma" content="no-cache">
|
||||
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
|
||||
<meta http-equiv="expires" content="0">
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<title>活动细则</title>
|
||||
<style>
|
||||
#Rootloading {
|
||||
display: inline-block;
|
||||
width: 12.8%;
|
||||
max-width: 80px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
</style>
|
||||
<link href="${resourcePath}/css/act-common.css" rel="stylesheet">
|
||||
<style id="__WXWORK_INNER_SCROLLBAR_CSS">
|
||||
::-webkit-scrollbar {
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:vertical {}
|
||||
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:horizontal {}
|
||||
|
||||
::-webkit-scrollbar-thumb:horizontal {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-resizer {
|
||||
display: none !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="height: auto;">
|
||||
<div id="app" class="">
|
||||
<div id="adminRules">
|
||||
<h2>收银呗用户邀请活动规则</h2>
|
||||
<p>一、参与方式</p>
|
||||
<p>收银呗用户在知悉并确认接受本邀请规则的情况下，自愿参与本活动。</p>
|
||||
<h3>用户邀请的好友经审核通过开通收银呗业务（“开通”指经收银呗平台合作收单机构复审通过且实现收款功能），该用户即可获得相应的邀请奖励。</h3>
|
||||
<p>二、邀请奖励规则</p>
|
||||
<p>（一）奖励详情</p>
|
||||
<p>1.用户A通过本活动邀请好友B开通收银呗业务，B邀请好友C开通收银呗业务等。 </p>
|
||||
<p>2.净收款交易金额（收款金额-退款金额）。 </p>
|
||||
<p>3.A可以通过邀请好友升级</p>
|
||||
<p class="indent">1) V1等级（注册即为V1）</p>
|
||||
<p class="indent">2) V2等级（B≥50人或B累计交易额50万）</p>
|
||||
<p class="indent">3) V3等级（B≥500人或B累计交易额500万）</p>
|
||||
<p>（二）奖励内容</p>
|
||||
<p>1.自用省钱</p>
|
||||
<p class="indent">1) B≥${oneLevel}人，A商户交易费率降至${oneRate}%；</p>
|
||||
<p class="indent">2) B≥${twoLevel}人，A商户交易费率降至${twoRate}%；</p>
|
||||
<p>2.推广赚钱</p>
|
||||
<p class="indent">1)A=V1，A可获得B净收款交易金额0.06%分润；</p>
|
||||
<p class="indent">2)A=V2，A可获得B净收款交易金额0.08%分润；</p>
|
||||
<p class="indent">3)A=V3，A可获得B净收款交易金额0.10%分润；</p>
|
||||
<p>3.团队奖励</p>
|
||||
<p class="indent">1)A可获得B团队的净收款交易金额的费率差分润；</p>
|
||||
<p>例如：</p>
|
||||
<p class="indent">1) A邀请${oneLevel}个好友开通收银呗，A商户交易费率降至${oneRate}%，每交易1万省8元；</p>
|
||||
<p class="indent">2) A邀请${twoLevel}个好友开通收银呗，A商户交易费率降至${twoRate}%，每交易1万省13元；</p>
|
||||
<p class="indent">3) A=V1，B每月净收款交易金额100万元，A每月奖励分润为100万*0.06%=600元；</p>
|
||||
<p class="indent">4) A=V2，B每月净收款交易金额100万元，A每月奖励分润为100万*0.08%=800元；</p>
|
||||
<p class="indent">5) A=V3，B每月净收款交易金额100万元，A每月奖励分润为100万*0.1%=1000元；</p>
|
||||
<p class="indent">6) A=V3，B=V2，C每月净收款交易金额100万元，B每月奖励分润为100万*0.08%=800元，A每月奖励分润为100万*0.02%=200元；</p>
|
||||
<p class="indent">7) 以此类推</p>
|
||||
<p>三、活动时间</p>
|
||||
<p>${actStartDate}-${actEndDate}</p>
|
||||
<p>四、活动须知</p>
|
||||
<p>1. 该活动为持续性活动，如用户已在某一期活动中邀请一位及以上好友成功开通收银呗业务，则在后续各期活动中将累计。</p>
|
||||
<p>2. 由于不可抗力（包括但不限于服务器意外关机、网络意外中断、收银呗平台受到恶意攻击及磁盘意外损坏）而导致交易数据丢失的情况不计算奖励金额。</p>
|
||||
<p>3. 因业务发展需要，武汉融商创银科技有限公司有权对奖励金额的计算公式及奖励金额的分润比例进行调整或对影响奖励金额计算的事项进行变动，并将在收银呗平台以公告形式公布，用户应实时关注收银呗平台公告内容。</p>
|
||||
<p>五、奖励金额支付</p>
|
||||
<p>1. 自用省钱完成任务，次日自动修改费率。</p>
|
||||
<p>2. 推广赚钱和团队奖励，用户可在账户中直接提现。</p>
|
||||
<p>3. 用户知悉并同意上述结算规则，用户知悉武汉融商创银科技有限公司有权调整奖励金额的结算日期、支付方式等结算规则及标准并在收银呗系统上予以公布，若用户继续参与本活动，则视为用户接受新的奖励金额结算规则及标准。新的奖励金额结算规则及标准自公布之日起生效适用。</p>
|
||||
<p>六、其他说明</p>
|
||||
<p>1. 用户承诺具备参与本活动所需的能力。</p>
|
||||
<p>2. 用户参与本活动不构成与收银呗平台主体公司形成任何目的的合伙、合资、雇佣或代理关系，用户亦不可冒用前述主体名义从事任何活动，否则用户应就其行为承担一切经济及法律责任。</p>
|
||||
<p>3. 用户承诺其推广行为严格遵守法律法规且不侵犯他人合法权益，如实准确地根据收银呗业务描述进行推荐，否则武汉融商创银科技有限公司将取消用户参与活动及领取奖励的资格，并由用户应自行承担其行为造成的一切后果及责任。</p>
|
||||
<p>4. 如用户存在违规作弊行为（包括但不限于恶意套取资金、机器作弊、虚假申请等违反诚实信用原则行为），武汉融商创银科技有限公司有权取消其参与活动和领取奖励的资格，必要时追究其法律责任。</p>
|
||||
<p>5. 本活动自规则公告日正式开展，以3个月为周期，逐期开展。如遇不可抗力或特定情况（包括但不限于自然灾害、政府机关指令、网络攻击等），武汉融商创银科技有限公司有权暂停或取消本活动；活动暂停或取消前发生的交易金额仍按照规则比例计算并结算奖励，活动暂停或取消后发生的交易金额不再计算奖励。但如果活动由于监管等原因被强制暂停，奖励将停止发放。</p>
|
||||
<p>6. 活动期间，活动规则可能发生调整，以收银呗页面显示的活动规则为准。</p>
|
||||
<p>7. 如遇本活动相关的任何问题，可通过收银呗“联系客服”选项或拨打客服电话400-675-2070进行咨询或投诉。本活动与Apple Inc.无关。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="toast-wrapper" style="display: none;">
|
||||
<div class="toast"></div>
|
||||
</div>
|
||||
<div class="toast3-wrapper" style="display: none;">
|
||||
|
||||
</div>
|
||||
<div class="toast-wrapper2" style="display: none;">
|
||||
<div class="toast2" style="height: 200px;">
|
||||
<p class="toast-title"></p>
|
||||
<p class="toast-message"></p>
|
||||
<div class="btn-wrapper">
|
||||
<!----><button type="button" class="btn"></button></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,144 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
|
||||
<meta http-equiv="pragma" content="no-cache">
|
||||
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
|
||||
<meta http-equiv="expires" content="0">
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<title>邀请</title>
|
||||
<style>
|
||||
#Rootloading {
|
||||
display: inline-block;
|
||||
width: 12.8%;
|
||||
max-width: 80px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
</style>
|
||||
<link href="${resourcePath}/css/act-common.css" rel="stylesheet">
|
||||
<style id="__WXWORK_INNER_SCROLLBAR_CSS">
|
||||
::-webkit-scrollbar {
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:vertical {}
|
||||
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:horizontal {}
|
||||
|
||||
::-webkit-scrollbar-thumb:horizontal {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-resizer {
|
||||
display: none !important;
|
||||
}
|
||||
.act-desc a{
|
||||
position: absolute;
|
||||
top: 1.5rem;
|
||||
right: -.1875rem;
|
||||
border-top-left-radius: .9375rem;
|
||||
border-bottom-left-radius: .9375rem;
|
||||
border: 1px solid #fcfcfc;
|
||||
padding: .375rem .75rem .375rem 1.125rem;
|
||||
text-align: center;
|
||||
font-size: .875rem;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="height: auto;">
|
||||
<div id="app" class="">
|
||||
<div id="RegisterInviteShow">
|
||||
<img src="${resourcePath}/css/assets/invute-page.4fc98.png" class="introduce">
|
||||
<div class="act-desc">
|
||||
<a onclick="actDesc()">活动细则</a>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApoAAABsCAMAAAD9huLgAAAAolBMVEUAAAD/gID/39//zMz/3czvv7//xcX/0cX2ysH/ysH4v7j5vrj6u7H1uK31uLP6tq37sqb4q6D4r6T4qZz2pJj5pJj5opP3oJL3m473no71mo31nI34jH34kYL4kYX4lIX4lor4mYr6aVP6aVX6blr6c1/6dl/6eGT6eGf6fWz6gGz6gnH6hXH6h3j6inj6jH36lIX9XUT9X0n9ZE79aVP9bFM7T6jcAAAANnRSTlMAAggPDxAWFh0dJCsxMjI4P0ZGTVRUWlthYWJiZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmb0DQeIAAABdElEQVR42u3coVLDQBSG0f+mcRigAoVgBoPk/Z8JkCi6CApJG4YZTDYM5wim5GtN5mZDt0A9BrZocAowmmA0MZpgNPlfxnIOMJrwi9F8SZJ9nr6OXCd5Pj6utOh6l173Lk/+3A39c6Z1vUMfd0lLcjqhp0d0vUOvB1eovsk+DlP8+QW6vmofhzouoN9Pb0XXu/SPVfNjYp+S7POcZD/7Xte79LpNhlzN9pWWk63rHXrdTe+JThfaLN4z6fqKfXxNhrS07JK02Z3/kGQ4ftX11XvdzPeVzneYpqfq+sp9fJvmtE5Smy29ur56r31gi8a2+IDom8e6vnqvS5cnf2DVhO2M5qHS0vL5V0LLH1R1vUuvC5cnbujwmxu63xXUN9nHw/JJdbY/r+sdeu2m3fghh1Ta8ZPN6Yiud+jl33ewTTunAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOjoHY2OiMa2C96YAAAAAElFTkSuQmCC"
|
||||
class="introduceBac">
|
||||
<ul class="introduceBar">
|
||||
<li>
|
||||
<div class="left">福利一</div>
|
||||
<div class="right">
|
||||
<h3>自用省钱</h3>
|
||||
<p>成功邀请商户进件，下调费率</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="left">福利二</div>
|
||||
<div class="right">
|
||||
<h3>分享赚钱</h3>
|
||||
<p>邀请好友，赚分润，日结/无上限</p>
|
||||
</div>
|
||||
</li>
|
||||
<li></li>
|
||||
</ul>
|
||||
<div class="introduceTable">
|
||||
<p>成功邀请</p>
|
||||
<p>商户费率</p>
|
||||
</div>
|
||||
<ul class="introduceList">
|
||||
<c:forEach items="${inviteRateList}" var="invite">
|
||||
<li>
|
||||
<p>${invite.number}人</p>
|
||||
<p>${invite.rate}%</p>
|
||||
</li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
<p class="noLimit">邀请无上限，赶快行动吧</p>
|
||||
<div class="inviteBtn"><img src="${resourcePath}/css/assets/invite-btn.0ea39.png"></div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="toast-wrapper" style="display: none;">
|
||||
<div class="toast"></div>
|
||||
</div>
|
||||
<div class="toast3-wrapper" style="display: none;">
|
||||
|
||||
</div>
|
||||
<div class="toast-wrapper2" style="display: none;">
|
||||
<div class="toast2" style="height: 200px;">
|
||||
<p class="toast-title"></p>
|
||||
<p class="toast-message"></p>
|
||||
<div class="btn-wrapper">
|
||||
<!----><button type="button" class="btn"></button></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(function () {
|
||||
$(".inviteBtn").on("click",function () {
|
||||
window.location.href = ctx + '/merchant/register?inviteNum=${inviteNum}';
|
||||
})
|
||||
})
|
||||
function actDesc() {
|
||||
window.location.href = ctx + '/activity/one/desc?token=${token}&t=${t}';
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,271 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
|
||||
<meta http-equiv="pragma" content="no-cache">
|
||||
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
|
||||
<meta http-equiv="expires" content="0">
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<title>邀请</title>
|
||||
<style>
|
||||
#Rootloading {
|
||||
display: inline-block;
|
||||
width: 12.8%;
|
||||
max-width: 80px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="https://unpkg.com/mescroll.js@1.4.1/mescroll.min.css">
|
||||
<link href="${resourcePath}/css/act-common.css" rel="stylesheet">
|
||||
<style id="__WXWORK_INNER_SCROLLBAR_CSS">
|
||||
::-webkit-scrollbar {
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:vertical {}
|
||||
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:horizontal {}
|
||||
|
||||
::-webkit-scrollbar-thumb:horizontal {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-resizer {
|
||||
display: none !important;
|
||||
}
|
||||
tbody{
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="${resourcePath}/css/mobileSelect.css">
|
||||
<script src="https://unpkg.com/mescroll.js@1.4.1/mescroll.min.js" charset="utf-8"></script>
|
||||
<%--<script type="text/javascript" src="${resourcePath}/js/auto-size.js"></script>--%>
|
||||
<script type="text/javascript" src="${resourcePath}/js/mobileSelect.js"></script>
|
||||
</head>
|
||||
<body style="height: auto;">
|
||||
<div id="app" class="">
|
||||
<div id="adminRewards">
|
||||
<div class="header">
|
||||
<div class="accumulate-container">
|
||||
<div class="desc">
|
||||
累计商户分润
|
||||
<div class="prompt-container"><i class="icon-question"></i>
|
||||
<div class="prompt">推广商户交易产生的分润奖励</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="data">
|
||||
<div class="val">${mercShareAmtCount}</div>
|
||||
<div class="unit">元</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accumulate-container">
|
||||
<div class="desc">
|
||||
累计升级分润
|
||||
<div class="prompt-container"><i class="icon-question"></i>
|
||||
<div class="prompt">推广用户升级代理产生的升级奖励</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="data">
|
||||
<div class="val">${toUpShareAmtCount}</div>
|
||||
<div class="unit">元</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<div class="table-title">分润明细</div>
|
||||
<table class="table-header">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>商户名称</th>
|
||||
<th>贡献分润</th>
|
||||
<th>分润时间</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
<div class="table-body" id="mescroll">
|
||||
<table id="profit-table" class="table-body">
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-invite"></div>
|
||||
<div class="wx-prompt-dialog" style="display: none;">
|
||||
<div>点击右上角，分享给好友</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer" style="display: none;">
|
||||
<ul>
|
||||
<li class=""><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG0AAABtCAMAAACcJh9kAAACQ1BMVEUAAAAAAAD///8AAAAAAH8Af39/f38AAFUAVVVVVVUAAEAAQEBAQEAzMzMzM2YqKioqKlUkJCQkJEkgIEAgQEBAQEAcHDkcOTk5OTkaGjMaGk0zMzMzM00XFy4XF0YXLi4XLkYuLkYVKkAqKkAUJzsnJzsSJDckJDciIjMiIkQiM0QgIDAgIEAgMEAeHjweLTwcHDkcKzkbKDYaJjMmJjMmJkAYJDEYJD0kJD0XIy4XIzoXLjojIzojLjoWITchITchLDcgIDUgIEAfHzMfKTMfKT0dJzscJjkbJDcaIzUaIz4jIzUZIjMZKjsiIjMiIjsZIToZKTohITohKToYIDggKDgfJzYeJTQeJTwdJDMdJDocIzIcIzkcIjcbIjYbIjwaITQhITQhITshJzsaIDMaJjMaJjkgJjkZHzgfHzgfJTgYJDceJDceJDUeJDsdIzQdIzocIjMcIjkcKDMcITcbITYbJjYhITYbIDUbIDoaHzQaJDkfHzkfJDkZJDMZJDgfJDgZIzceIzcZIjYdIjYdIjUdIjocITQcITkcIDgcJTgbIDcbJDcbHzYbJDYbJDoaIzUaIzkaIzQaIzgeIzQeIzgZIjMZIjceIjcZITYdITYdJjYZITUdITUcIDUcIDkcJDUcIDQcIDgcJDQcJDgbHzcbIzcbIzYfIzYbIjUaIjQaIjgaITQaITceITcZITcdITcdJDcZIDYdIDYdJDYZIDUcIDUcIzUcHzQcIzQcIzgcIjQcIjcbIjMbIjYbIjYaITVrmw0DAAAAwXRSTlMAAQECAgICAwMDBAQEBQUGBgcHCAgICQkJCgoKCgsLCwsLDAwNDQ4ODw8PEBAQERESEhMUFBQVFRUWFhYWFhcXFxgYGRkZGhscHR0dHh4eHh8fHx8gICEiIiMjJCQlJiYnJycnKCgoKCkpKSoqKyssLC0tLS4vLy8wMDExMTEyMjIzMzQ0NTU2Njc3ODg5OTk6Ojs7Ozs8PDw9PT0+Pj8/P0BAQEBBQUJCQ0RERUVFRkZGR0dHSEhISUlJSkpLS0xNx8p4qQAAB+xJREFUaN7tWv9fE2Uc5xhxkpuzDQ+nlSWeR1LTsQyilZpyI7AgKpjrRqSVhSNwbYSVbemswLmKtRpLSM1u7YK2NgXG1t3+tO6ZJruPwL4w/KHXPj/tdV/2fp7P5/28P+/neV1FRTkkgeE4jj0oMJlyb+NepeyBYOGksf+s42y/kcQ3Hmwz2edNCmkh6e0jN290xaoNtusLQjqdFhau2wzVG1q9KoK2s3z6TvCsnSaqNpAexMuXo+nliF5+mdgwsuA7GH+cz0Lj435mxwZxRaV754clIZ0dwtIP7+hUG7KimwajUqwMXnSwaQNWeq3xyzCfvj/48JfG2lLzg+q5yKVXDu5iD1VSrmyqNQf49GrBB8y1m0qoH7pPgvPCqmjCfPATXal0RaY6PBRKpteKZGjosKok2cRUencCTCaZTIKpJtx6VSmouedN7xxYZX8OWYb+BNfmvG/uWTeWouHt8ZT0fxPBET2lHwkmpHip8bcbFOsDq37GysIasZadsgrZTgsLa8lan6leT8lqjKMhULPZiQ5SFA8MJzsmZkHtQqPGmqKLhz9JO8NQOZyvqu90mSr1q06oLmEn/WSRKo2pu25CMs6ea6m890Bly7lZSM2bXeqiZqegTvsBEQTfwIFsxVcdGPCBJxL+01QRXFG3nJyW5kmIT1qeRnmSa6gGSiNHuX7aMhmX4vHTJ1vUBafRMAqlKvHjMSJzj+yw2qwdZOY3cezHBBSyUUNhycTqu92QH3OjbYQ4s6onTOen2BA7dd70hEgXnGgbnYNccXfX54+H4Q29VyLSf1icGT28RSS+QmvyxzNX4n6TViFe2XJ4dGZR+nDkSm9D3i22Sn3mN6i7N6zbEfFxaiR6z3NFRyhUxqrt1hvw8d/OqPN0Y0qDYwbUIuYxPYXWrYZ2sstp41knrUEa8JTJEwM1nnEYlPksaeKoPQLIyF3qqReXWc3u405JmxPmncd314gLr77nEgeoGbEfJXIvdOLod0uAY7yjFVWh8lEmAHkqBJhHK1GlWx08uLf03VEiV+fUMt9HgLZf+6BZ1AesxmANxu/ro/Gg1SDmGFM3f3AN9IrI94x2rQ6LKbUDPjD4xcAgEocqosUWWtFzhWwtyJ8rqMHAIpieb0CrXJ2a1S3nwwJk/ut16AVV22RkZWciRCbbkJxhda/DlSCEz7dUr0r8LlcY9Kywy7j7oYqKh0nzRGw108XHJszkwxUVD+02uoAkJMOurpWXAk62j0fhw2M0Ir5Sy/j5NUwQ72e0SrQU6DE43Oh4+0q7StnjzB9A8tO/f6jNPNlsi/Brei4+YmvOjFj74e8gmYk/mMfv44qqyRpICVLie5hGkR/Yrlc+Y0FfuRW5Ba6wn72yS8yCopHxSJeCkApYm6QbE5n6pSHAD37O95Yo85iMfM0TgQm+5LwEUxbxvEbKRDzyLR9QaSE89JI6e3pb2y/CLMbdz6IuvKnu/WvQO4bO7d+5/1wIesxr79dtQh3/WXccZvNi+9blmTWavuGgoRk5gs4oHmkdDgLNTPhPHVTKlAdP+eGN4HDrI+h848gItE7cN6bGu7OrIZkAuLsQtOnE3oyrj5y9xUOFMO9D1qRynxmqDn/r7BG1SCu5zhZcACMJMGRNBm3buwGgccKkeRu6p+n0gM2GwF+g73ku+gJ8b97TqUHj32aehO8F3t2WYeOLXpBnzt1NIRXWMV7AjxRra7u3r5cRbTY2BbjiZXRIpaluN6hN3PMiYiZlkV7nua9o0cZgW/ednoLV/tWuzTZUCq39V8iuqdP7topDVdNfcdIacAyFlu5YTLqWBvWbxcflhq/hNipx1VwvMQAYXm++moCbq68NYsmxzfpB6ZqMjSEBaP08Gy3hO9mkRD21y/VXCpqbNygoQjj1BrRLqb9cXaiPKptO+rJHEvu8VXxBb18uDn/bx2zH0WFWxxWg5/yss33L/e0D29LunAWytnilAx2B4dsZ3+3lWxG7HrnDPi5LEGhEAkz7Xhja5NBHesVKvQpT6D8KQcMcfk+LIRrRWTLE9SEHqtRP3E0lf8ORObiqOzR8Fbyf8vYfWM3VKA/0e1Pg+avDh+oyx2KOG3dnF5vQZ/5AZfHGkoKQil8fMSD21ra5AHv56C+9u1Zvwtiu3l+iIJucq60WrSLDyPV4ShCSMa/ljjRjtfTYzN8L7BedJCKT3OSZB6/Oul+oW8thyOpecIO9HD/vMckRtcnOL9iFv2fG6Nr/hks8d7zvRI9Bgxinob+NwF2S7ViOc12Z8pgN7r4i3yKzWYFrDD0n+o4/t6L/wprd0JNPf6zLvcGt1n08Df25uzmXO5d33wZpvNz7mDwP1yt/rPcySObt7hwvYjsGgE2+0L0nv/0Dtqf7AjDMAzuwHO51WKLcnOtg/sePqoMuTtIVhrU5yt1kl1iCUzpF/gdKMoXulMRA2JsKQEv81L9fXtAuU76//6dEkWjhIUWhJ2UyxVC4SLRpS+HHcjLLdJFogROFH31gJwJltDJaGa2MVkYro5XRymhltDJaGa2kaKyj9flCo9XBFokm/LM4X2gs/iMUibbuKKM9MDSdrYRoNt3aaBh1poRoZygsx6crDC+UCEvgmVwfuFQb4elY0ZG4acx5PrbXwpYIjbXszeNjGcs4t7TebApL3Lgln09pMLLz0/Gfp9YXP49/2knmpekyhZrQrDcIteLBfBhbjv9d/AvRMI1q3LveBgAAAABJRU5ErkJggg=="> 首页
|
||||
</li>
|
||||
<li class=""><img src="data:image/png;base64,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"> 账单
|
||||
</li>
|
||||
<li class=""><img src="data:image/png;base64,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"> 我的
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="toast-wrapper" style="display: none;">
|
||||
<div class="toast"></div>
|
||||
</div>
|
||||
<div class="toast3-wrapper" style="display: none;">
|
||||
|
||||
</div>
|
||||
<div class="toast-wrapper2" style="display: none;">
|
||||
<div class="toast2" style="height: 200px;">
|
||||
<p class="toast-title"></p>
|
||||
<p class="toast-message"></p>
|
||||
<div class="btn-wrapper">
|
||||
<!----><button type="button" class="btn"></button></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(function () {
|
||||
$(".prompt-container").on('click',function () {
|
||||
var dom = $(this).find("div.prompt");
|
||||
if(dom.attr("data-index") == undefined || dom.attr("data-index") == 1){
|
||||
dom.show();
|
||||
dom.attr("data-index",0);
|
||||
}else{
|
||||
dom.hide();
|
||||
dom.attr("data-index",1);
|
||||
}
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
$(function(){
|
||||
//创建MeScroll对象
|
||||
var mescroll = new MeScroll("mescroll", {
|
||||
down: {
|
||||
auto: true, //是否在初始化完毕之后自动执行下拉回调callback; 默认true
|
||||
callback: downCallback, //下拉刷新的回调
|
||||
},
|
||||
up: {
|
||||
auto: false, //是否在初始化时以上拉加载的方式自动加载第一页数据; 默认false
|
||||
callback: upCallback, //上拉回调,此处可简写; 相当于 callback: function (page) { upCallback(page); }
|
||||
htmlNodata: "没有更多了",
|
||||
}
|
||||
});
|
||||
/*下拉刷新的回调 */
|
||||
function downCallback(){
|
||||
//联网加载数据
|
||||
var pageNum = 1;
|
||||
getListDataFromNet(pageNum, 10, function(data,type){
|
||||
//联网成功的回调,隐藏下拉刷新的状态
|
||||
mescroll.endSuccess();
|
||||
//设置列表数据
|
||||
setListData(data, false,pageNum);
|
||||
}, function(){
|
||||
//联网失败的回调,隐藏下拉刷新的状态
|
||||
mescroll.endErr();
|
||||
});
|
||||
}
|
||||
var page = {num:1, size:10};
|
||||
function upCallback(page){
|
||||
//联网加载数据
|
||||
page.num = 2;
|
||||
getListDataFromNet(page.num, page.size, function(data,type){
|
||||
//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
|
||||
mescroll.endSuccess(data.length);//传参:数据的总数; mescroll会自动判断列表如果无任何数据,则提示空;列表无下一页数据,则提示无更多数据;
|
||||
//设置列表数据
|
||||
setListData(data, true,type,page.num);
|
||||
}, function(){
|
||||
//联网失败的回调,隐藏下拉刷新和上拉加载的状态;
|
||||
mescroll.endErr();
|
||||
});
|
||||
}
|
||||
|
||||
/*设置列表数据*/
|
||||
function setListData(data, isAppend,pageNum) {
|
||||
var dom = $("#profit-table");
|
||||
var str = "";
|
||||
if(data.length > 0){
|
||||
for (var i = 0; i <data.length; i++) {
|
||||
var newObj=data[i];
|
||||
str += "<tr>";
|
||||
str += "<td>"+newObj.merchantName+"</td>";
|
||||
str += "<td>"+newObj.price+"</td>";
|
||||
str += "<td>"+newObj.createDt+"</td>";
|
||||
}
|
||||
}else{
|
||||
if(pageNum < 2){
|
||||
str += "<div class='no-data'>暂无数据</div>";
|
||||
dom.append(str);
|
||||
}
|
||||
}
|
||||
if(!isAppend){
|
||||
dom.empty();
|
||||
}
|
||||
dom.append(str);
|
||||
}
|
||||
|
||||
function renderTime(date) {
|
||||
var dateee = new Date(date).toJSON();
|
||||
return new Date(+new Date(dateee) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '').substr(0,16);
|
||||
}
|
||||
|
||||
/*联网加载列表数据*/
|
||||
var downIndex=0;
|
||||
function getListDataFromNet(pageNum,pageSize,successCallback,errorCallback) {
|
||||
//延时一秒,模拟联网
|
||||
/*setTimeout(function () {
|
||||
|
||||
},1000)*/
|
||||
try{
|
||||
$.ajax({
|
||||
url : ctx + '/activity/income/page',
|
||||
dataType : 'json',
|
||||
type : "post",
|
||||
data : {
|
||||
'token': '${token}',
|
||||
't': '${t}',
|
||||
'pageNum': pageNum,
|
||||
'pageSize': pageSize,
|
||||
},
|
||||
success : function(res) {
|
||||
if(res.code == 200){
|
||||
var profitList = res.data.records;
|
||||
successCallback&&successCallback(profitList);
|
||||
}else {
|
||||
errorCallback&&errorCallback();
|
||||
}
|
||||
},
|
||||
})
|
||||
}catch(e){
|
||||
//联网失败的回调
|
||||
errorCallback&&errorCallback();
|
||||
}
|
||||
}
|
||||
//禁止PC浏览器拖拽图片,避免与下拉刷新冲突;如果仅在移动端使用,可删除此代码
|
||||
document.ondragstart=function() {return false;}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,367 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
|
||||
<meta http-equiv="pragma" content="no-cache">
|
||||
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
|
||||
<meta http-equiv="expires" content="0">
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<title>邀请</title>
|
||||
<style>
|
||||
#Rootloading {
|
||||
display: inline-block;
|
||||
width: 12.8%;
|
||||
max-width: 80px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="https://unpkg.com/mescroll.js@1.4.1/mescroll.min.css">
|
||||
<link href="${resourcePath}/css/act-common.css" rel="stylesheet">
|
||||
<style id="__WXWORK_INNER_SCROLLBAR_CSS">
|
||||
::-webkit-scrollbar {
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:vertical {}
|
||||
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:horizontal {}
|
||||
|
||||
::-webkit-scrollbar-thumb:horizontal {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-resizer {
|
||||
display: none !important;
|
||||
}
|
||||
/*.mescroll{
|
||||
position: fixed;
|
||||
top: 44px;
|
||||
bottom: 0;
|
||||
height: auto; !*如设置bottom:50px,则需height:auto才能生效*!
|
||||
}*/
|
||||
</style>
|
||||
<link rel="stylesheet" href="${resourcePath}/css/mobileSelect.css">
|
||||
<script src="https://unpkg.com/mescroll.js@1.4.1/mescroll.min.js" charset="utf-8"></script>
|
||||
<%--<script type="text/javascript" src="${resourcePath}/js/auto-size.js"></script>--%>
|
||||
<script type="text/javascript" src="${resourcePath}/js/mobileSelect.js"></script>
|
||||
</head>
|
||||
<body style="height: auto;">
|
||||
<div id="app" class="">
|
||||
<div id="adminFriends">
|
||||
<div class="header">
|
||||
<div class="accumulate-container active" id="user">
|
||||
<div class="desc">
|
||||
已成功邀请人数
|
||||
<div class="prompt-container"><i class="icon-question icon-question-white"></i>
|
||||
<div class="prompt">
|
||||
<p>未认证：未进行实名认证</p>
|
||||
<p>已认证：已进行实名认证</p>
|
||||
<p>审核中：实名认证中断</p>
|
||||
<p>已进件：已成功开通商户</p>
|
||||
<p>可在APP推广-拓展跟进</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="data">
|
||||
<div class="val">${empty userCount ? '0' : userCount}</div>
|
||||
<div class="unit">人</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accumulate-container" id="merc">
|
||||
<div class="desc">
|
||||
已成功邀请商户
|
||||
<div class="prompt-container"><i class="icon-question"></i>
|
||||
<div class="prompt">复审通过的商户，秒审和已驳回的不计算</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="data">
|
||||
<div class="val mercCount"></div>
|
||||
<div class="unit">人</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main" id="mescroll">
|
||||
<div class="user">
|
||||
<table class="table-header">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>用户账号</th><!-- 用户账号 -->
|
||||
<th>认证状态</th><!-- 商户名称 -->
|
||||
<th>邀请时间</th><!-- 进件时间 -->
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
<div class="table-body">
|
||||
<table id="user-table" class="table-body">
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="merc" style="display: none;">
|
||||
<table class="table-header">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>用户账号</th><!-- 用户账号 -->
|
||||
<th>商户名称</th><!-- 商户名称 -->
|
||||
<th>进件时间</th><!-- 进件时间 -->
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
<div class="table-body">
|
||||
<table id="merc-table" class="table-body">
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-invite"></div>
|
||||
<div class="wx-prompt-dialog" style="display: none;">
|
||||
<div>点击右上角，分享给好友</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer" style="display: none;">
|
||||
<ul>
|
||||
<li class=""><img src="data:image/png;base64,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"> 首页
|
||||
</li>
|
||||
<li class=""><img src="data:image/png;base64,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"> 账单
|
||||
</li>
|
||||
<li class=""><img src="data:image/png;base64,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"> 我的
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="toast-wrapper" style="display: none;">
|
||||
<div class="toast"></div>
|
||||
</div>
|
||||
<div class="toast3-wrapper" style="display: none;">
|
||||
|
||||
</div>
|
||||
<div class="toast-wrapper2" style="display: none;">
|
||||
<div class="toast2" style="height: 200px;">
|
||||
<p class="toast-title"></p>
|
||||
<p class="toast-message"></p>
|
||||
<div class="btn-wrapper">
|
||||
<!----><button type="button" class="btn"></button></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(function () {
|
||||
$(".accumulate-container").on('click',function () {
|
||||
if(this.className.indexOf('active') > 0){
|
||||
return;
|
||||
}else{
|
||||
$('.accumulate-container').each(function (k,v) {
|
||||
v.classList.remove('active');
|
||||
$('.'+$(v).attr("id")).hide();
|
||||
})
|
||||
this.classList.add('active');
|
||||
$('.'+$(this).attr("id")).show();
|
||||
}
|
||||
})
|
||||
$(".prompt-container").on('click',function () {
|
||||
var dom = $(this).find("div.prompt");
|
||||
if(dom.attr("data-index") == undefined || dom.attr("data-index") == 1){
|
||||
dom.show();
|
||||
dom.attr("data-index",0);
|
||||
}else{
|
||||
dom.hide();
|
||||
dom.attr("data-index",1);
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
</script>
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
$(function(){
|
||||
//创建MeScroll对象
|
||||
var mescroll = new MeScroll("mescroll", {
|
||||
down: {
|
||||
auto: true, //是否在初始化完毕之后自动执行下拉回调callback; 默认true
|
||||
callback: downCallback, //下拉刷新的回调
|
||||
},
|
||||
up: {
|
||||
auto: false, //是否在初始化时以上拉加载的方式自动加载第一页数据; 默认false
|
||||
callback: upCallback, //上拉回调,此处可简写; 相当于 callback: function (page) { upCallback(page); }
|
||||
htmlNodata: "没有更多了",
|
||||
}
|
||||
});
|
||||
|
||||
function getDom() {
|
||||
var checkValue = $(".accumulate-container.active").attr("id");
|
||||
if(checkValue == "user"){
|
||||
return $("#user-table");
|
||||
}else{
|
||||
return $("#merc-table");
|
||||
}
|
||||
}
|
||||
|
||||
/*下拉刷新的回调 */
|
||||
function downCallback(){
|
||||
//联网加载数据
|
||||
var pageNum = 1;
|
||||
getListDataFromNet(pageNum, 10, function(data,type){
|
||||
//联网成功的回调,隐藏下拉刷新的状态
|
||||
mescroll.endSuccess();
|
||||
//设置列表数据
|
||||
setListData(data, false,getDom(),type,pageNum);
|
||||
}, function(){
|
||||
//联网失败的回调,隐藏下拉刷新的状态
|
||||
mescroll.endErr();
|
||||
});
|
||||
}
|
||||
var page = {num:1, size:10};
|
||||
function upCallback(page){
|
||||
//联网加载数据
|
||||
page.num = 2;
|
||||
getListDataFromNet(page.num, page.size, function(data,type){
|
||||
//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
|
||||
mescroll.endSuccess(data.length);//传参:数据的总数; mescroll会自动判断列表如果无任何数据,则提示空;列表无下一页数据,则提示无更多数据;
|
||||
//设置列表数据
|
||||
setListData(data, true,getDom(),type,page.num);
|
||||
}, function(){
|
||||
//联网失败的回调,隐藏下拉刷新和上拉加载的状态;
|
||||
mescroll.endErr();
|
||||
});
|
||||
}
|
||||
|
||||
/*设置列表数据*/
|
||||
function setListData(data, isAppend,dom,type,pageNum) {
|
||||
var str = "";
|
||||
if(type == 'user'){
|
||||
if(data.length > 0){
|
||||
for (var i = 0; i <data.length; i++) {
|
||||
var newObj=data[i];
|
||||
str += "<tr>";
|
||||
str += "<td>"+newObj.loginName+"</td>";
|
||||
str += "<td>"+formatDictUserTypeName(newObj.status,newObj.merchantAuditStatus)+"</td>";
|
||||
str += "<td>"+newObj.createDt+"</td></tr>";
|
||||
}
|
||||
}else{
|
||||
if(pageNum < 2){
|
||||
str += "<div class='no-data'>暂无数据</div>";
|
||||
$("#user-table").append(str);
|
||||
}
|
||||
}
|
||||
if(!isAppend){
|
||||
$("#user-table").empty();
|
||||
}
|
||||
$("#user-table").append(str);
|
||||
}else{
|
||||
if(data.length > 0){
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
var newObj=data[i];
|
||||
str += "<tr>";
|
||||
str += "<td>"+newObj.loginName+"</td>";
|
||||
str += "<td>"+newObj.alias+"</td>";
|
||||
str += "<td>"+newObj.createDt+"</td></tr>";
|
||||
}
|
||||
}else{
|
||||
if(pageNum < 2){
|
||||
str += "<div class='no-data'>暂无数据</div>";
|
||||
$("#merc-table").append(str);
|
||||
}
|
||||
}
|
||||
if(!isAppend){
|
||||
$("#merc-table").empty();
|
||||
}
|
||||
$("#merc-table").append(str);
|
||||
}
|
||||
}
|
||||
function renderTime(date) {
|
||||
var dateee = new Date(date).toJSON();
|
||||
return new Date(+new Date(dateee) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '').substr(0,16);
|
||||
}
|
||||
|
||||
function formateDate(datetime) {
|
||||
// let = "2019-11-06T16:00:00.000Z"
|
||||
function addDateZero(num) {
|
||||
return (num < 10 ? "0" + num : num);
|
||||
}
|
||||
let d = new Date(datetime);
|
||||
let formatdatetime = d.getFullYear() + '-' + addDateZero(d.getMonth() + 1) + '-' + addDateZero(d.getDate());
|
||||
return formatdatetime;
|
||||
}
|
||||
function formatDictUserTypeName(value,merchantAuditStatus) {
|
||||
if(value == '0'){
|
||||
return '未认证';
|
||||
}else if(value == '1'){
|
||||
return '审核中';
|
||||
}else if(value == '2'){
|
||||
return '审核失败';
|
||||
}else if(value == '3' && merchantAuditStatus != '3'){
|
||||
return '已认证';
|
||||
}else if(merchantAuditStatus == '3') {
|
||||
return '已进件';
|
||||
}else{
|
||||
return '未知';
|
||||
}
|
||||
}
|
||||
|
||||
/*联网加载列表数据*/
|
||||
var downIndex=0;
|
||||
function getListDataFromNet(pageNum,pageSize,successCallback,errorCallback) {
|
||||
//延时一秒,模拟联网
|
||||
/*setTimeout(function () {
|
||||
|
||||
},1000)*/
|
||||
try{
|
||||
$.ajax({
|
||||
url : ctx + '/activity/invite/page',
|
||||
dataType : 'json',
|
||||
type : "post",
|
||||
data : {
|
||||
'token': '${token}',
|
||||
't': '${t}',
|
||||
'pageNum': pageNum,
|
||||
'pageSize': pageSize,
|
||||
},
|
||||
success : function(res) {
|
||||
if(res.code == 200){
|
||||
var userList = res.data.userList.records;
|
||||
var mercList = res.data.mercList.records;
|
||||
var mercCount = res.data.mercCount;
|
||||
$(".mercCount").html(mercCount);
|
||||
successCallback&&successCallback(userList,'user');
|
||||
successCallback&&successCallback(mercList,'merc');
|
||||
}else {
|
||||
errorCallback&&errorCallback();
|
||||
}
|
||||
},
|
||||
})
|
||||
}catch(e){
|
||||
//联网失败的回调
|
||||
errorCallback&&errorCallback();
|
||||
}
|
||||
}
|
||||
//禁止PC浏览器拖拽图片,避免与下拉刷新冲突;如果仅在移动端使用,可删除此代码
|
||||
document.ondragstart=function() {return false;}
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,110 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
|
||||
<meta http-equiv="pragma" content="no-cache">
|
||||
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
|
||||
<meta http-equiv="expires" content="0">
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<title>邀请</title>
|
||||
<style>
|
||||
#Rootloading {
|
||||
display: inline-block;
|
||||
width: 12.8%;
|
||||
max-width: 80px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
</style>
|
||||
<link href="${resourcePath}/css/act-common.css" rel="stylesheet">
|
||||
<style id="__WXWORK_INNER_SCROLLBAR_CSS">
|
||||
::-webkit-scrollbar {
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:vertical {}
|
||||
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:horizontal {}
|
||||
|
||||
::-webkit-scrollbar-thumb:horizontal {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-resizer {
|
||||
display: none !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="height: auto;">
|
||||
<div id="app" class="">
|
||||
<div id="registerActivityEntrance">
|
||||
<div class="top">
|
||||
<img src="${resourcePath}/css/assets/banner.9492e.png" class="activity-desc">
|
||||
<img src="${resourcePath}/css/assets/button.2df98.png" class="activity-button" style="border-radius: 30px;box-shadow: 0 4px 8px 0 hsla(0, 0%, 78%, .5)">
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<img src="${resourcePath}/css/assets/inviteF.ca150.png" class="activity-invite">
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer" style="display: none;">
|
||||
<ul>
|
||||
<li class=""><img src="data:image/png;base64,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"> 首页
|
||||
</li>
|
||||
<li class=""><img src="data:image/png;base64,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"> 账单
|
||||
</li>
|
||||
<li class=""><img src="data:image/png;base64,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"> 我的
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="toast-wrapper" style="display: none;">
|
||||
<div class="toast"></div>
|
||||
</div>
|
||||
<div class="toast3-wrapper" style="display: none;">
|
||||
|
||||
</div>
|
||||
<div class="toast-wrapper2" style="display: none;">
|
||||
<div class="toast2" style="height: 200px;">
|
||||
<p class="toast-title"></p>
|
||||
<p class="toast-message"></p>
|
||||
<div class="btn-wrapper">
|
||||
<!----><button type="button" class="btn"></button></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(function () {
|
||||
$(".activity-button").on("click",function () {
|
||||
window.location.href = ctx + '/merchant/register?inviteNum=${inviteNum}';
|
||||
})
|
||||
$(".bottom").on("click",function () {
|
||||
window.location.href = ctx + '/activity/one/detail?token=${token}&t=${t}';
|
||||
})
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,142 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
|
||||
<meta http-equiv="pragma" content="no-cache">
|
||||
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
|
||||
<meta http-equiv="expires" content="0">
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<%-- <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>--%>
|
||||
<title>海报</title>
|
||||
<style>
|
||||
#Rootloading {
|
||||
display: inline-block;
|
||||
width: 12.8%;
|
||||
max-width: 80px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
</style>
|
||||
<link href="${resourcePath}/css/act-common.css" rel="stylesheet">
|
||||
<style id="__WXWORK_INNER_SCROLLBAR_CSS">
|
||||
::-webkit-scrollbar {
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:vertical {}
|
||||
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:horizontal {}
|
||||
|
||||
::-webkit-scrollbar-thumb:horizontal {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-resizer {
|
||||
display: none !important;
|
||||
}
|
||||
.activity-desc{
|
||||
display: block;
|
||||
width: 90% !important;
|
||||
padding: 5%;
|
||||
border-radius: 25px;
|
||||
}
|
||||
.save-btn{
|
||||
width: 60%;
|
||||
background-color: #FF381F;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
margin: 15px 20%;
|
||||
border-radius: 20px;
|
||||
box-shadow: 0px 0px 5px #9c9c9c;
|
||||
}
|
||||
.qr_code_image{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
padding: 64.7% 37.5%;
|
||||
}
|
||||
</style>
|
||||
<script src="${resourcePath}/js/qrcode/jquery.qrcode.min.js"></script>
|
||||
</head>
|
||||
<body style="height: auto;">
|
||||
<div id="app" class="">
|
||||
<div id="registerActivityEntrance">
|
||||
<div class="top">
|
||||
<div class="qr_code_image" id="qrcode">
|
||||
</div>
|
||||
<img src="https://syb-resource.oss-cn-hangzhou.aliyuncs.com/images/poster.bg-2.png" id="qrCodePic" class="activity-desc">
|
||||
<%-- <button class="save-btn" onclick="savePic()">保存到相册</button>--%>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="toast-wrapper" style="display: none;">
|
||||
<div class="toast"></div>
|
||||
</div>
|
||||
<div class="toast3-wrapper" style="display: none;">
|
||||
|
||||
</div>
|
||||
<div class="toast-wrapper2" style="display: none;">
|
||||
<div class="toast2" style="height: 200px;">
|
||||
<p class="toast-title"></p>
|
||||
<p class="toast-message"></p>
|
||||
<div class="btn-wrapper">
|
||||
<!----><button type="button" class="btn"></button></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$('#qrcode').qrcode({
|
||||
render: "canvas",//设置渲染方式(有两种方式 table和canvas，默认是canvas）
|
||||
text: '${url}',
|
||||
width: 97, //二维码宽
|
||||
height: 97, //二维码长
|
||||
background: "#ffffff",//背景颜色
|
||||
foreground: "#000000", //前景颜色
|
||||
correctLevel :0,//纠错等级
|
||||
});
|
||||
</script>
|
||||
<%--<script>--%>
|
||||
<%-- function savePic(){--%>
|
||||
<%-- var picurl= $("#qrCodePic").attr("src");--%>
|
||||
<%-- //alert(picurl);--%>
|
||||
<%-- savePicture(picurl);--%>
|
||||
<%-- }--%>
|
||||
<%-- var triggerEvent = "touchstart";--%>
|
||||
<%-- function savePicture(Url){--%>
|
||||
<%-- var blob=new Blob([''], {type:'application/octet-stream'});--%>
|
||||
<%-- var url = URL.createObjectURL(blob);--%>
|
||||
<%-- var a = document.createElement('a');--%>
|
||||
<%-- a.href = Url;--%>
|
||||
<%-- a.download = Url.replace(/(.*\/)*([^.]+.*)/ig,"$2").split("?")[0];--%>
|
||||
<%-- var e = document.createEvent('MouseEvents');--%>
|
||||
<%-- e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);--%>
|
||||
<%-- a.dispatchEvent(e);--%>
|
||||
<%-- URL.revokeObjectURL(url);--%>
|
||||
<%-- }--%>
|
||||
<%--</script>--%>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,286 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
|
||||
<meta http-equiv="pragma" content="no-cache">
|
||||
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
|
||||
<meta http-equiv="expires" content="0">
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<title>邀请</title>
|
||||
<style>
|
||||
#Rootloading {
|
||||
display: inline-block;
|
||||
width: 12.8%;
|
||||
max-width: 80px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="https://unpkg.com/mescroll.js@1.4.1/mescroll.min.css">
|
||||
<link href="${resourcePath}/css/act-common.css" rel="stylesheet">
|
||||
<style id="__WXWORK_INNER_SCROLLBAR_CSS">
|
||||
::-webkit-scrollbar {
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:vertical {}
|
||||
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:horizontal {}
|
||||
|
||||
::-webkit-scrollbar-thumb:horizontal {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-resizer {
|
||||
display: none !important;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="${resourcePath}/css/mobileSelect.css">
|
||||
<script src="https://unpkg.com/mescroll.js@1.4.1/mescroll.min.js" charset="utf-8"></script>
|
||||
<%--<script type="text/javascript" src="${resourcePath}/js/auto-size.js"></script>--%>
|
||||
<script type="text/javascript" src="${resourcePath}/js/mobileSelect.js"></script>
|
||||
</head>
|
||||
<body style="height: auto;">
|
||||
<div id="app" class="">
|
||||
<div id="adminRewards">
|
||||
<div class="header">
|
||||
<div class="accumulate-container">
|
||||
<div class="desc">
|
||||
今日交易流水
|
||||
<div class="prompt-container"><i class="icon-question"></i>
|
||||
<div class="prompt">商户今日交易流水</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="data">
|
||||
<div class="val">${map.dateAmt}</div>
|
||||
<div class="unit">元</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accumulate-container">
|
||||
<div class="desc">
|
||||
今日省钱金额
|
||||
<div class="prompt-container"><i class="icon-question"></i>
|
||||
<div class="prompt">当前商户费率对比固定0.38%费率节省金额</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="data">
|
||||
<div class="val">${result.saveDateAmt}</div>
|
||||
<div class="unit">元</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accumulate-container">
|
||||
<div class="desc">
|
||||
累计交易流水
|
||||
<div class="prompt-container"><i class="icon-question"></i>
|
||||
<div class="prompt">商户总交易流水</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="data">
|
||||
<div class="val">${map.tradeAmtCount}</div>
|
||||
<div class="unit">元</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accumulate-container">
|
||||
<div class="desc">
|
||||
累计省钱金额
|
||||
<div class="prompt-container"><i class="icon-question"></i>
|
||||
<div class="prompt">当前商户费率对比固定0.38%费率总节省金额</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="data">
|
||||
<div class="val">${result.saveAmtCount}</div>
|
||||
<div class="unit">元</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<div class="table-title">交易明细</div>
|
||||
<table class="table-header">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>交易金额</th>
|
||||
<th>省钱金额</th>
|
||||
<th>交易时间</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
<div class="table-body" id="mescroll">
|
||||
<table id="order-table" class="table-body">
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-invite"></div>
|
||||
<div class="wx-prompt-dialog" style="display: none;">
|
||||
<div>点击右上角，分享给好友</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer" style="display: none;">
|
||||
<ul>
|
||||
<li class=""><img src="data:image/png;base64,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"> 首页
|
||||
</li>
|
||||
<li class=""><img src="data:image/png;base64,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"> 账单
|
||||
</li>
|
||||
<li class=""><img src="data:image/png;base64,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"> 我的
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="toast-wrapper" style="display: none;">
|
||||
<div class="toast"></div>
|
||||
</div>
|
||||
<div class="toast3-wrapper" style="display: none;">
|
||||
|
||||
</div>
|
||||
<div class="toast-wrapper2" style="display: none;">
|
||||
<div class="toast2" style="height: 200px;">
|
||||
<p class="toast-title"></p>
|
||||
<p class="toast-message"></p>
|
||||
<div class="btn-wrapper">
|
||||
<!----><button type="button" class="btn"></button></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(function () {
|
||||
$(".prompt-container").on('click',function () {
|
||||
var dom = $(this).find("div.prompt");
|
||||
if(dom.attr("data-index") == undefined || dom.attr("data-index") == 1){
|
||||
dom.show();
|
||||
dom.attr("data-index",0);
|
||||
}else{
|
||||
dom.hide();
|
||||
dom.attr("data-index",1);
|
||||
}
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
$(function(){
|
||||
//创建MeScroll对象
|
||||
var mescroll = new MeScroll("mescroll", {
|
||||
down: {
|
||||
auto: true, //是否在初始化完毕之后自动执行下拉回调callback; 默认true
|
||||
callback: downCallback, //下拉刷新的回调
|
||||
},
|
||||
up: {
|
||||
auto: false, //是否在初始化时以上拉加载的方式自动加载第一页数据; 默认false
|
||||
callback: upCallback, //上拉回调,此处可简写; 相当于 callback: function (page) { upCallback(page); }
|
||||
htmlNodata: "没有更多了",
|
||||
}
|
||||
});
|
||||
/*下拉刷新的回调 */
|
||||
function downCallback(){
|
||||
//联网加载数据
|
||||
var pageNum = 1;
|
||||
getListDataFromNet(pageNum, 10, function(data,type){
|
||||
//联网成功的回调,隐藏下拉刷新的状态
|
||||
mescroll.endSuccess();
|
||||
//设置列表数据
|
||||
setListData(data, false,pageNum);
|
||||
}, function(){
|
||||
//联网失败的回调,隐藏下拉刷新的状态
|
||||
mescroll.endErr();
|
||||
});
|
||||
}
|
||||
var page = {num:1, size:10};
|
||||
function upCallback(page){
|
||||
//联网加载数据
|
||||
page.num = 2;
|
||||
getListDataFromNet(page.num, page.size, function(data,type){
|
||||
//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
|
||||
mescroll.endSuccess(data.length);//传参:数据的总数; mescroll会自动判断列表如果无任何数据,则提示空;列表无下一页数据,则提示无更多数据;
|
||||
//设置列表数据
|
||||
setListData(data, true,type,page.num);
|
||||
}, function(){
|
||||
//联网失败的回调,隐藏下拉刷新和上拉加载的状态;
|
||||
mescroll.endErr();
|
||||
});
|
||||
}
|
||||
|
||||
/*设置列表数据*/
|
||||
function setListData(data, isAppend,pageNum) {
|
||||
var dom = $("#order-table");
|
||||
var str = "";
|
||||
if(data.length > 0){
|
||||
for (var i = 0; i <data.length; i++) {
|
||||
var newObj=data[i];
|
||||
str += "<tr>";
|
||||
str += "<td>"+newObj.consumeFee.toFixed(2)+"</td>";
|
||||
str += "<td>"+newObj.saveAmt.toFixed(2)+"</td>";
|
||||
str += "<td>"+newObj.transDt+"</td>";
|
||||
}
|
||||
}else{
|
||||
if(pageNum < 2){
|
||||
str += "<div class='no-data'>暂无数据</div>";
|
||||
dom.append(str);
|
||||
}
|
||||
}
|
||||
if(!isAppend){
|
||||
dom.empty();
|
||||
}
|
||||
dom.append(str);
|
||||
}
|
||||
|
||||
/*联网加载列表数据*/
|
||||
var downIndex=0;
|
||||
function getListDataFromNet(pageNum,pageSize,successCallback,errorCallback) {
|
||||
//延时一秒,模拟联网
|
||||
/*setTimeout(function () {
|
||||
|
||||
},1000)*/
|
||||
try{
|
||||
$.ajax({
|
||||
url : ctx + '/activity/thrift/page',
|
||||
dataType : 'json',
|
||||
type : "post",
|
||||
data : {
|
||||
'token': '${token}',
|
||||
't': '${t}',
|
||||
'pageNum': pageNum,
|
||||
'pageSize': pageSize,
|
||||
},
|
||||
success : function(res) {
|
||||
if(res.code == 200){
|
||||
var orderList = res.data.records;
|
||||
successCallback&&successCallback(orderList);
|
||||
}else {
|
||||
errorCallback&&errorCallback();
|
||||
}
|
||||
},
|
||||
})
|
||||
}catch(e){
|
||||
//联网失败的回调
|
||||
errorCallback&&errorCallback();
|
||||
}
|
||||
}
|
||||
//禁止PC浏览器拖拽图片,避免与下拉刷新冲突;如果仅在移动端使用,可删除此代码
|
||||
document.ondragstart=function() {return false;}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
188
pluss-wap-page/src/main/webapp/WEB-INF/jsp/activity/act-one.jsp
Normal file
188
pluss-wap-page/src/main/webapp/WEB-INF/jsp/activity/act-one.jsp
Normal file
@@ -0,0 +1,188 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
|
||||
<meta http-equiv="pragma" content="no-cache">
|
||||
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
|
||||
<meta http-equiv="expires" content="0">
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<title>邀请好友嗨赚奖励金</title>
|
||||
<%--<link rel="stylesheet" href="${resourcePath}/css/h5.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/h5-common.css">--%>
|
||||
<style>
|
||||
#Rootloading {
|
||||
display: inline-block;
|
||||
width: 12.8%;
|
||||
max-width: 80px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
</style>
|
||||
<link href="${resourcePath}/css/act-common.css" rel="stylesheet">
|
||||
<style id="__WXWORK_INNER_SCROLLBAR_CSS">
|
||||
::-webkit-scrollbar {
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:vertical {}
|
||||
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:horizontal {}
|
||||
|
||||
::-webkit-scrollbar-thumb:horizontal {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-resizer {
|
||||
display: none !important;
|
||||
}
|
||||
.loading{
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
width: 5rem;
|
||||
text-align: center;
|
||||
padding: 0.5rem 0;
|
||||
border-radius: 5px;
|
||||
display: none;
|
||||
z-index: 1000;
|
||||
position: fixed;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 40%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="height: auto;">
|
||||
<div id="app" class="">
|
||||
<div id="adminInvite">
|
||||
<div class="header">
|
||||
<div class="info"><img src="data:image/png;base64,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">
|
||||
<span>账号:${loginName}</span></div>
|
||||
<div class="title">
|
||||
邀好友一起<br> 嗨赚
|
||||
<span>分润</span></div> <a onclick="actDesc()">活动细则</a>
|
||||
</div>
|
||||
<div class="main">
|
||||
<div class="reward">
|
||||
<div class="reward-item reward-item-rate">
|
||||
<div class="reward-item-desc">
|
||||
<div class="reward-item-title">自用省钱</div>
|
||||
<div class="reward-item-subtitle">成功邀请商户进件，下调费率</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="reward-item reward-item-bonus">
|
||||
<div class="reward-item-desc">
|
||||
<div class="reward-item-title">分享赚钱</div>
|
||||
<div class="reward-item-subtitle">邀请好友，赚分润，日结/无上限</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="total">
|
||||
<div class="total-invite">
|
||||
<div>${userCount}</div>
|
||||
已成功邀请
|
||||
<span class="triangle"></span>
|
||||
<div class="view-tip"></div>
|
||||
</div>
|
||||
<div class="total-income">
|
||||
<div>${shareAmountCount}</div>
|
||||
累计获得分润
|
||||
<span class="triangle"></span>
|
||||
</div>
|
||||
<div class="total-thrift">
|
||||
<div>${saveAmtCount}</div>
|
||||
累计省钱
|
||||
<span class="triangle"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p>邀请无上限，赶快行动吧</p>
|
||||
<%--<div class="btn-invite"></div>--%>
|
||||
<div class="btn-poster-create"></div>
|
||||
<div class="dialog-wrapper dialog-rate" style="display: none;">
|
||||
<div class="dialog">
|
||||
<div class="header"><span>费率下调</span> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAALVBMVEW4usFHcEy4u8K/wcS5u8G4usK4usK7v8a5u8K4u8K8vLy9vcS5u8K6vMO5u8Evar4lAAAAD3RSTlP/AGQIy+r3F6pUBC28O4QcLPRyAAABQ0lEQVQoz12SLU8DQRCG3zR3K0mGFRfOkaaQ4K4KUYFDNCQXXEWTSx2GBNQJxKmiCaECdzgk/4AfgSYY+B3Mfs3uduWTybzPzCy+Vg1lr/p9xEU5zWHfTdDiOmN6iwleoF5T+ABcYt5ik3Sttig+oE9QHkd43mFJoKMON6MUfqK4Y6hnUCLQgwsZ0rwTAW06Wkg7ETDR5OBbEKgGW2ihCNhoD4OAttEB1k7ARQfoBHy0QCuwcNERssDtEAoDZAHloyM0AiiaPUh/UGvagxwdTxAgR0M95ZCnLuMJHKx56ivewFkKzdSN2UAK3dRyAsgJ3QZGgX7qeucFkCycDr0A7O/xU2svgGThRO9OAMnCKQggRJOcYGS46MLCTVcrgGpICr0A+rjwIDDFj0SLwJq/9zL/8zMcYEg7WoF2hfvTnJH+fv4HoQhoTnpK9QgAAAAASUVORK5CYII="
|
||||
alt="关闭" class="close">
|
||||
<!---->
|
||||
</div>
|
||||
<div class="content">
|
||||
<ul class="rate">
|
||||
<c:forEach items="${inviteRateList}" var="rate">
|
||||
<li class="rate-item">
|
||||
<div>邀请${rate.number}名商户成功进件</div>
|
||||
<div>商户费率${rate.rate}%</div>
|
||||
</li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
<div class="tip">若当前费率已为最低费率，则不进行降费调整</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wx-prompt-dialog" style="display: none;">
|
||||
<%-- <div>点击右上角，分享给好友</div>--%>
|
||||
</div>
|
||||
<div class="loading" style="background-color: #fff;color: #000">
|
||||
<div class="loading-icon">
|
||||
<img src="${resourcePath}/images/loading-2.gif">
|
||||
</div>
|
||||
<div class="loading-text">加载中...</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
$(function() {
|
||||
$(".total-invite").on('click', function() {
|
||||
window.location.href = ctx + '/activity/one/invite?token=${token}&count=${userCount}&t=${t}';
|
||||
});
|
||||
$(".reward-item-bonus").on('click', function() {
|
||||
window.location.href = ctx + '/activity/one/bonus?token=${token}&t=${t}';
|
||||
})
|
||||
$(".reward-item-rate").on('click', function() {
|
||||
$(".dialog-rate").show();
|
||||
})
|
||||
$(".close").on('click', function() {
|
||||
$(".dialog-rate").hide();
|
||||
})
|
||||
$(".total-income").on('click', function() {
|
||||
window.location.href = ctx + '/activity/one/income?token=${token}&t=${t}';
|
||||
});
|
||||
$(".total-thrift").on('click', function() {
|
||||
window.location.href = ctx + '/activity/one/thrift?token=${token}&t=${t}';
|
||||
});
|
||||
$(".btn-poster-create").on('click',function () {
|
||||
$(".wx-prompt-dialog").show();
|
||||
$(".loading").show();
|
||||
window.location.href = ctx + '/activity/one/poster?token=${token}&t=${t}';
|
||||
})
|
||||
})
|
||||
|
||||
function actDesc() {
|
||||
window.location.href = ctx + '/activity/one/desc?token=${token}&t=${t}';
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
@@ -0,0 +1,641 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html lang="en" data-dpr="1" style="font-size: 37.52px;">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<meta name="viewport"
|
||||
content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="keywords" content="">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="' + resourcePath + '/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<title>活动详情</title>
|
||||
<link rel="stylesheet" href="${resourcePath}/css/h5.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/h5-common.css">
|
||||
<style>
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
outline: 0;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
div {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#app, body, html {
|
||||
font-size: .34333333rem;
|
||||
color: #333;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.img > img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.time-img, .rule-img {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.time-img > img, .rule-img > img {
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
.time-text {
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.rule-img {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.rule-text {
|
||||
padding: 10px 30px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.status {
|
||||
position: absolute;
|
||||
top: 14.34666667rem;
|
||||
left: .51333333rem;
|
||||
width: 9.04rem;
|
||||
height: 2.81333333rem;
|
||||
background: url('${resourcePath}/images/act-tip.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.status-c-1 {
|
||||
width: 9.04rem;
|
||||
min-height: 2.81333333rem;
|
||||
box-shadow: 0 0 30px #F4A460 inset;
|
||||
border-radius: 15px;
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
padding-top: 50px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.status-info {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: 1.45333333rem;
|
||||
right: 1.4rem;
|
||||
text-align: center;
|
||||
color: #ffd698;
|
||||
font-size: .45333333rem;
|
||||
}
|
||||
|
||||
.progress_bar .pro-bar {
|
||||
background: hsl(0, 0%, 97%);
|
||||
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.1) inset;
|
||||
height: 4px;
|
||||
margin-bottom: 12px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.progress_bar .progress_bar_title {
|
||||
font-size: 15px;
|
||||
font-weight: 300;
|
||||
position: relative;
|
||||
top: -28px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.progress_bar .progress-bar-inner {
|
||||
background-color: hsl(0, 0%, 88%);
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0px;
|
||||
transition: width 1s linear 0s;
|
||||
animation: animate-positive 2s;
|
||||
box-shadow: 0px 0px 10px 1px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 1px #FFF;
|
||||
}
|
||||
|
||||
.progress_bar .progress-bar-inner:before {
|
||||
content: "";
|
||||
background-color: hsl(0, 0%, 100%);
|
||||
border-radius: 50%;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
position: absolute;
|
||||
right: -10px;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.progress_bar .progress-bar-inner:after {
|
||||
content: "";
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background-color: inherit;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
right: -15px;
|
||||
top: -5px;
|
||||
box-shadow: 0px 0px 10px 1px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 1px #FFF;
|
||||
}
|
||||
|
||||
@-webkit-keyframes animate-positive {
|
||||
0% {
|
||||
width: 0%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes animate-positive {
|
||||
0% {
|
||||
width: 0%;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
background: #494A5F;
|
||||
color: #D5D6E2;
|
||||
font-weight: 500;
|
||||
font-size: 1.05em;
|
||||
font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #2fa0ec;
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover, a:focus {
|
||||
color: #74777b;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.htmleaf-container {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.popup-body {
|
||||
font-weight: 500;
|
||||
color: #000000;
|
||||
font-size: .45rem;
|
||||
}
|
||||
|
||||
.bg-amt{
|
||||
position: relative;
|
||||
width: 9.04rem;
|
||||
height: 2.74666667rem;
|
||||
margin: 22.613px auto 12.8px;
|
||||
background: url("${resourcePath}/images/bg_amt.png") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.info-num{
|
||||
position: absolute;
|
||||
top: 1.12rem;
|
||||
left: 1.12rem;
|
||||
width: 3.73333333rem;
|
||||
height: 1.4rem;
|
||||
line-height: 1.4rem;
|
||||
color: red;
|
||||
font-family: HYYakuHei-IEW;
|
||||
font-size: .8rem;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
}
|
||||
.status-c-2 {
|
||||
width: 9.04rem;
|
||||
box-shadow: 0 0 30px #f4a460 inset;
|
||||
border-radius: 15px;
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
margin-bottom: 30px;
|
||||
margin-top: .8rem;
|
||||
}
|
||||
.device-inp{
|
||||
height: 1rem;
|
||||
}
|
||||
.empty{
|
||||
border: 1px solid red;
|
||||
}
|
||||
.error-msg{
|
||||
display: none;
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="font-size: 12px;">
|
||||
<div id="app" style="background-color: ${empty c || c == 0 ? '#FB544E' : (c == 1 || c == 4) ? '#DD5E01' : c == 2 ? '#2925D2' : '#060ACE'}; color: #FFF">
|
||||
<div id="wrapper" class="wrapper">
|
||||
<div class="img">
|
||||
<c:choose>
|
||||
<c:when test="${c == 3}">
|
||||
<img src="${resourcePath}/images/3-rate-${t eq 'merchant' ? 'm' : 'f'}.jpg">
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<img src="${resourcePath}/images/${empty c ? 0 : c}-rate.jpg">
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</div>
|
||||
<div class="body-content" style="margin-top:${empty c || c == 0 ? '2rem' : '0rem'}">
|
||||
<div class="time">
|
||||
<c:if test="${empty c || c == 0}">
|
||||
<div class="status">
|
||||
<p class="status-info">
|
||||
<c:if test="${isMarket == 1}">
|
||||
您已成功参与此活动
|
||||
</c:if>
|
||||
<c:if test="${isMarket == 0 or empty isMarket}">
|
||||
您尚未参与此活动
|
||||
</c:if>
|
||||
<br>武汉商户可以联系我司开通
|
||||
<br>开通成功后即可享受该活动
|
||||
</p>
|
||||
</div>
|
||||
</c:if>
|
||||
<c:if test="${c == 1 || c == 2 || c == 4}">
|
||||
<div style="">
|
||||
<div class="status-c-1">
|
||||
<div class="progress_bar" style="width: 95%;margin-left: 8px;">
|
||||
<div class="pro-bar">
|
||||
<small class="progress_bar_title"
|
||||
style="display: flex;justify-content: space-between">
|
||||
<div style="display: flex;justify-content: flex-start">
|
||||
<div>达标进度: </div>
|
||||
<div style="line-height: 21px;">${tradeAmt}/${marketQuota}</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="progress_number">%</div>
|
||||
</div>
|
||||
</small>
|
||||
<span class="progress-bar-inner"
|
||||
style="background-color: #1abc9c; width: ${progressNum}%"
|
||||
data-value="${progressNum}" data-percentage-value="${progressNum}"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex;justify-content: space-between;padding: 0 10px 0 10px;">
|
||||
<c:if test="${userType ne 'agent'}">
|
||||
<div style="font-weight:300;font-size: 15px" id="actText">${actTitle}</div>
|
||||
</c:if>
|
||||
<c:if test="${userType eq 'agent'}">
|
||||
<div style="font-weight:300;font-size: 15px" id="actText">暂无活动资格</div>
|
||||
</c:if>
|
||||
<c:if test="${f == 0}">
|
||||
<div style="font-weight:300;font-size: 15px" id="toEnroll">点此报名</div>
|
||||
</c:if>
|
||||
<c:if test="${f == 2}">
|
||||
<div style="font-weight:300;font-size: 15px" id="toEnroll">重新报名</div>
|
||||
</c:if>
|
||||
</div>
|
||||
<c:if test="${f == 2}">
|
||||
<div style="font-weight:300;font-size: 15px;" id="checkTitle" >${checkTitle}</div>
|
||||
</c:if>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</c:if>
|
||||
|
||||
<c:if test="${c == 3}">
|
||||
<div style="">
|
||||
<div class="bg-amt">
|
||||
<p class="info-num">${marketAmtCount}</p>
|
||||
</div>
|
||||
<div class="status-c-2">
|
||||
<div style="display: flex;justify-content: space-between;padding: 0 10px 0 10px;">
|
||||
<c:if test="${userType ne 'agent'}">
|
||||
<div style="font-weight:300;font-size: 15px" id="actText">${actTitle}</div>
|
||||
</c:if>
|
||||
<c:if test="${userType eq 'agent'}">
|
||||
<div style="font-weight:300;font-size: 15px" id="actText">暂无活动资格</div>
|
||||
</c:if>
|
||||
<c:if test="${f == 0}">
|
||||
<div style="font-weight:300;font-size: 15px" id="toEnroll">点此报名</div>
|
||||
</c:if>
|
||||
<c:if test="${f == 2}">
|
||||
<div style="font-weight:300;font-size: 15px" id="toEnroll">重新报名</div>
|
||||
</c:if>
|
||||
</div>
|
||||
<c:if test="${f == 2}">
|
||||
<div style="font-weight:300;font-size: 15px;" id="checkTitle" >${checkTitle}</div>
|
||||
</c:if>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</c:if>
|
||||
|
||||
<div class="time-img">
|
||||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAuCAMAAABuxzAGAAAAllBMVEUAAADt0aTs0qXt0aTt0aT/2bHt0KXu0qft0aX//8Xu06Xu06Xw1Kvt0aXs06bx1afw1Kjs0aXt0aTu0aTt0qXt0KTt0aTt0aTu0aXu0aXy0qjt0abu0aXt0aXt0aX+2rDu0aXu0qX11ars0aTu06Xs0aXt0aXs0aXt0aXu0qbt0aTv0qft0aXv06bt0aXt0aXu06fs0KTeFDRKAAAAMXRSTlMAmTO84QbrMO8DLUkb+iERKczIio7mpmSCaCVwlG2qC6FbF/c7sq7Zv1G1PfNBedQ2nTzx7gAABd1JREFUaN7d29lyqkAQgOFWGQVEUHHDJYgaCYlbv//LHaYRG6KyHC2L+F2pUSvzB8LMxMCrGHvIpwWhNpQlQhr8tpp8C/gjjL4DGayg5mOnC7lcDKlQUhtDPUibzteIc/gbTB/xcwU3aN1gsvWRfL00YB+lAIg3u8WBiugOMTRsgySslTnV623vMBh9+R1MCOKq8ytaVkD9J8UtFNBUMbSbgnTEW5pQEd4OyQQADnifr50D4hWRFbCBKa1CASFAqa/9gYAw7SH5cMHEO5R5W8ArA8IcJecvBARhI+mvoI9X1r2a0wXyyoDCp3db/YWAAPsmSgeYYZrv6RqQVwbkx3EpT5Hub52qBYSpgog2gHGYOV7Q/jl1TQdDDbimX4HcgIsg1IgCTtPGGDrSTSCz0BgAtvEheO2JAYWp66aABGts22MLEozRcDgyINOqhxNI8ThgvpU0pSvn6kJwwC6EahRQ4D0dPsIVADDXuLYtKBeQx5vVhLuJVj3UEonnDmqhQeLZhko/ypyCrgcPBNzhDfvHAsJhbgCUDcjjzWjC3cw6MflL4xoZ8yMjJCPIUbmApGxAHm9GE+6m14nOX7JrxOZHhkiGcM9YvFVAHu/dJtztCQG1GvbMVwb8TOvTCSdvbX8HbPSvLJ4c8PFTWFvK778N0qGZQE06yUeGcNfHt0SvoFvKzYD505h0QBWvDJ58Cj9+EVnyQg4mmKkD2Sye39ZeE/Dxi8jj05iTgmSpFQtof9xA+aOFoM8Bf14dsPw05hmsBpKtKBLwerHHe106rQdvBgz00PZ/AjaXsQ8OWK2ViHbu1nBnSkKTFsJKUk7Ajbz5yQE395dyxqJowD4fWFUNCNDeoTTJuwrnBKQUS5CWmQE1R8X9OwWEH1nwWzwYkF5hc8DTnYBd+R6+eKeAcFK5X3bA1kaSwdXNhQ6SE+3oSKOsgBukJ75VQGgtRYmJdIuuOvDL4LIFCvQLv84BB4dQjwLGx+faLBSw14rtKx2w3ErkwKkSaCIdcMDWvWmMsaPLTdlpzJ8IqDsxGq7vXKyAfWGItu+ChgsxXn5Ee3n6nYDx317a7xSw7gmQFnhPnZ/sdqIxat4xce12UbJA+qRqNwPyfv1Re6OAS1QH3aIBA3m/FlanNVOU7HzvmDibp7cD8n69V4GAT9qRdtc0uPyAPEkJok58CI6jrFzNvB2QCyuiwEXEjG0oYEV3pJ3ouy4WUMg37Lhy9pM8BEfRQcW/JI2MgHWUnPLTmIruSNP02I4DfrTTjumAe74+N/gQ1NTotOX3W90JyJeZoVs6YBV3pAG6l1XWgouwLw54CbHg5e/OotUMJkZFUz43K2BLHsUTrXTA6u1IS3a0EVUsoFCj85PzHOg9kpNrOmZFVkDYon/6j5VI5XakJW1I2QoG9JDHZVKUoUxFM5MZkOhOIvFoHjqmAupzFwoEVLex72ruSPOkYpofkO8tALSNfcSId36PjpmYU+844Nlb7khL3zyG/IAbKjX1lk286J2f8wEAvBV6FfA9d6QBdJRmxQIafQrYwZT9CXn/5TxCJS/g26yFl5RklR+QezCVTuPvbepTrBZFeTjgtnHFqWBAo8NnX37AAyYc7R/NlPV9uhukrjNfiYAnK7QsEzCLqFZAOzoJEwE767TkSuQHz9bfi3itttwP+TOs0pF/JLl/lRuXD3iq1OcDXZU3AQos5YTM6Y8WJ3EZTlf044UZac3p7uR3wPkupENk396f9Klh1em1/aIBLVcDYxt9xxUxQ2lRNCDYk/bq5h/nGxqAoiq+ghH9V8Dr2Rob5QbkJU4HyRaqQVN4NZYb8Bq/RllRSpI8Ky0jpN18ETsUDThJvKQa3Imcz9VS41IaaWp2wECe1Wv6uocxxYBMLUxoWkUDbvDMr87/MbnjI9cpsBK5dmoijuP1KuksTcim7bifv4eiATUVyVcXqmQDmQEbOQFh6seHsHew54NZYEAuZ3Lm7AUUDggzuShb7OHNWAKexg0JeI1/OgCuMfhdyFwAAAAASUVORK5CYII=">
|
||||
</div>
|
||||
<div class="time-text">
|
||||
<fmt:formatDate value='${act.startTime}' pattern='yyyy年MM月dd日'/> - <fmt:formatDate
|
||||
value='${act.endTime}' pattern='yyyy年MM月dd日'/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="rule">
|
||||
<div class="rule-img">
|
||||
<img src="data:image/png;base64,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">
|
||||
</div>
|
||||
<div class="rule-text">
|
||||
${act.officRule}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<c:if test="${c == 1 or c == 2 or c == 4}">
|
||||
<div class="popup-container dialog-body active"
|
||||
style="display: none;box-shadow: 5px 5px 20px #888888;border-radius: 5px;">
|
||||
<div class="popup"><!---->
|
||||
<div class="popup-body">
|
||||
<div style="display: flex;justify-content: space-around;line-height: 1rem;">
|
||||
<div>
|
||||
<label>设备SN号：</label>
|
||||
</div>
|
||||
<div>
|
||||
<input name="deviceNo" class="device-inp" id="deviceNo" placeholder="请输入设备SN号" />
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<p class="error-msg"></p>
|
||||
</div>
|
||||
<div class="popup-btns" style="display: flex;justify-content:space-around;">
|
||||
<div style="width: 50%" onclick="hide(this)">
|
||||
<span style="color: rgba(0,0,0,.5)" class="btn btn-positive">取消</span>
|
||||
</div>
|
||||
<div style="width: 50%" onclick="toConfrim('${act.id}')">
|
||||
<span class="btn btn-positive">确认</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:if>
|
||||
|
||||
<c:if test="${c == 3}">
|
||||
<div class="popup-container dialog-body active"
|
||||
style="display: none;box-shadow: 5px 5px 20px #888888;border-radius: 5px;">
|
||||
<div class="popup"><!---->
|
||||
<div class="popup-body">
|
||||
<div style="display: flex;justify-content: space-around;line-height: 1rem;">
|
||||
<div>
|
||||
<label>激活码：</label>
|
||||
</div>
|
||||
<div>
|
||||
<input name="deviceNo" class="device-inp" id="deviceNo" placeholder="请输入激活码" />
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<p class="error-msg"></p>
|
||||
</div>
|
||||
<div class="popup-btns" style="display: flex;justify-content:space-around;">
|
||||
<div style="width: 50%" onclick="hide(this)">
|
||||
<span style="color: rgba(0,0,0,.5)" class="btn btn-positive">取消</span>
|
||||
</div>
|
||||
<div style="width: 50%" onclick="toConfrim('${act.id}')">
|
||||
<span class="btn btn-positive">确认</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:if>
|
||||
|
||||
<div class="mint-indicator" style="display: none; z-index: 9994">
|
||||
<div class="mint-indicator-wrapper" style="padding: 20px;">
|
||||
<span class="mint-indicator-spin">
|
||||
<div class="mint-spinner-fading-circle circle-color-12" style="width: 32px; height: 32px;">
|
||||
<div class="mint-spinner-fading-circle-circle is-circle2">
|
||||
|
||||
</div>
|
||||
<div class="mint-spinner-fading-circle-circle is-circle3">
|
||||
|
||||
</div>
|
||||
<div class="mint-spinner-fading-circle-circle is-circle4">
|
||||
|
||||
</div>
|
||||
<div class="mint-spinner-fading-circle-circle is-circle5">
|
||||
|
||||
</div>
|
||||
<div class="mint-spinner-fading-circle-circle is-circle6">
|
||||
|
||||
</div>
|
||||
<div class="mint-spinner-fading-circle-circle is-circle7">
|
||||
|
||||
</div>
|
||||
<div class="mint-spinner-fading-circle-circle is-circle8">
|
||||
|
||||
</div>
|
||||
<div class="mint-spinner-fading-circle-circle is-circle9">
|
||||
|
||||
</div>
|
||||
<div class="mint-spinner-fading-circle-circle is-circle10">
|
||||
|
||||
</div>
|
||||
<div class="mint-spinner-fading-circle-circle is-circle11">
|
||||
|
||||
</div>
|
||||
<div class="mint-spinner-fading-circle-circle is-circle12">
|
||||
|
||||
</div>
|
||||
<div class="mint-spinner-fading-circle-circle is-circle13">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<span class="mint-indicator-text" style="">加载中...</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="backdrop-container a-title active" style="display: none;"></div>
|
||||
<div class="popup-container active a-title" style="display: none;">
|
||||
<div class="popup"><!---->
|
||||
<div class="popup-body a-title-body"></div>
|
||||
<div class="popup-btns" id="popup-btns" onclick="hide(this)"><span class="btn btn-positive">确定</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="${resourcePath}/js/jquery.nicescroll.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function () {
|
||||
$("#wrapper").niceScroll({cursorborder: "", cursorcolor: "#00F", boxzoom: false});
|
||||
})
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
/* === 判断支持版本 start === */
|
||||
(function () {
|
||||
var viewportTag = null;
|
||||
var metaTags = document.getElementsByTagName('meta');
|
||||
for (var i = 0; i < metaTags.length; i++) {
|
||||
if (metaTags[i].getAttribute('name') === "viewport") {
|
||||
viewportTag = metaTags[i];
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!viewportTag) {
|
||||
viewportTag = document.createElement("meta");
|
||||
viewportTag.setAttribute('name', 'viewport');
|
||||
}
|
||||
|
||||
var viewportTagContent =
|
||||
'width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no';
|
||||
|
||||
// Detect if iOS device
|
||||
if (/(iPhone|iPod|iPad)/i.test(window.navigator.userAgent)) {
|
||||
// Get iOS major version
|
||||
var iosVersion = parseInt((window.navigator.userAgent).match(/OS (\d+)_(\d+)_?(\d+)? like Mac OS X/i)[1]);
|
||||
// Detect if device is running >iOS 11
|
||||
// iOS 11's UIWebView and WKWebView changes the viewport behaviour to render viewport without the status bar. Need to override with "viewport-fit: cover" to include the status bar.
|
||||
if (iosVersion >= 11) {
|
||||
viewportTagContent += ', viewport-fit=cover';
|
||||
}
|
||||
}
|
||||
|
||||
// Update viewport tag attribute
|
||||
viewportTag.setAttribute('content', viewportTagContent);
|
||||
})();
|
||||
/* === 判断支持版本 end === */
|
||||
|
||||
// refs http://www.html-js.com/article/3041 移动端高清、多屏适配方案
|
||||
!function (a, b) {
|
||||
function c() {
|
||||
var b = f.getBoundingClientRect().width;
|
||||
b / i > 540 && (b = 540 * i);
|
||||
var c = b / 10;
|
||||
f.style.fontSize = c + "px", k.rem = a.rem = c
|
||||
}
|
||||
|
||||
var d, e = a.document,
|
||||
f = e.documentElement,
|
||||
g = e.querySelector('meta[name="viewport"]'),
|
||||
h = e.querySelector('meta[name="flexible"]'),
|
||||
i = 0,
|
||||
j = 0,
|
||||
k = b.flexible || (b.flexible = {});
|
||||
if (g) {
|
||||
var l = g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);
|
||||
l && (j = parseFloat(l[1]), i = parseInt(1 / j))
|
||||
} else if (h) {
|
||||
var m = h.getAttribute("content");
|
||||
if (m) {
|
||||
var n = m.match(/initial\-dpr=([\d\.]+)/),
|
||||
o = m.match(/maximum\-dpr=([\d\.]+)/);
|
||||
n && (i = parseFloat(n[1]), j = parseFloat((1 / i).toFixed(2))), o && (i = parseFloat(o[1]), j = parseFloat((
|
||||
1 / i).toFixed(2)))
|
||||
}
|
||||
}
|
||||
if (!i && !j) {
|
||||
var p = (a.navigator.appVersion.match(/android/gi), a.navigator.appVersion.match(/iphone/gi)),
|
||||
q = a.devicePixelRatio;
|
||||
i = p ? q >= 3 && (!i || i >= 3) ? 3 : q >= 2 && (!i || i >= 2) ? 2 : 1 : 1, j = 1 / i
|
||||
}
|
||||
if (f.setAttribute("data-dpr", i), !g)
|
||||
if (g = e.createElement("meta"), g.setAttribute("name", "viewport"), g.setAttribute("content",
|
||||
"initial-scale=" + j + ", maximum-scale=" + j + ", minimum-scale=" + j + ", user-scalable=no"), f
|
||||
.firstElementChild) f.firstElementChild.appendChild(g);
|
||||
else {
|
||||
var r = e.createElement("div");
|
||||
r.appendChild(g), e.write(r.innerHTML)
|
||||
}
|
||||
a.addEventListener("resize", function () {
|
||||
clearTimeout(d), d = setTimeout(c, 300)
|
||||
}, !1), a.addEventListener("pageshow", function (a) {
|
||||
a.persisted && (clearTimeout(d), d = setTimeout(c, 300))
|
||||
}, !1), "complete" === e.readyState ? e.body.style.fontSize = 12 * i + "px" : e.addEventListener(
|
||||
"DOMContentLoaded",
|
||||
function () {
|
||||
e.body.style.fontSize = 12 * i + "px"
|
||||
}, !1), c(), k.dpr = a.dpr = i, k.refreshRem = c, k.rem2px = function (a) {
|
||||
var b = parseFloat(a) * this.rem;
|
||||
return "string" == typeof a && a.match(/rem$/) && (b += "px"), b
|
||||
}, k.px2rem = function (a) {
|
||||
var b = parseFloat(a) / this.rem;
|
||||
return "string" == typeof a && a.match(/px$/) && (b += "rem"), b
|
||||
}
|
||||
}(window, window.lib || (window.lib = {}));
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
var progress = $(".progress-bar-inner");
|
||||
progress.each(function (i) {
|
||||
var data = $(this).attr('data-value');
|
||||
$(this).prev().find(".progress_number").html(data + "%");
|
||||
});
|
||||
|
||||
$("#toEnroll").on('click', function () {
|
||||
$('.dialog-body').show();
|
||||
return;
|
||||
})
|
||||
|
||||
$("#deviceNo").keydown((event) => {
|
||||
$(".device-inp").removeClass("empty");
|
||||
$(".error-msg").hide();
|
||||
})
|
||||
});
|
||||
|
||||
function hide(obj) {
|
||||
if (obj != undefined) {
|
||||
$(".a-title").hide();
|
||||
}
|
||||
$('.active').hide();
|
||||
}
|
||||
|
||||
function toConfrim(obj) {
|
||||
if (obj == undefined) {
|
||||
$('.a-title-body').html("活动有误！");
|
||||
$(".a-title").show();
|
||||
return;
|
||||
}
|
||||
let deviceNo = $("#deviceNo").val();
|
||||
let type = '${c}';
|
||||
if(!deviceNo){
|
||||
let msg = type == 1 || type == 2 ? "请输入设备SN号" : "请输入激活码"
|
||||
$(".device-inp").addClass("empty");
|
||||
$(".error-msg").html(msg).show();
|
||||
return;
|
||||
}
|
||||
$('.dialog-body').hide();
|
||||
//loading
|
||||
$(".mint-indicator").show();
|
||||
$.ajax({
|
||||
url: ctx + '/activity/toEnroll',
|
||||
dataType: 'json',
|
||||
type: "post",
|
||||
data: {
|
||||
'actId': obj,
|
||||
'token': '${token}',
|
||||
'deviceNo':deviceNo,
|
||||
'c':type || "0"
|
||||
},
|
||||
success: function (res) {
|
||||
$(".mint-indicator").hide();
|
||||
if (res.code == 200) {
|
||||
$('.a-title-body').html(res.message);
|
||||
$(".a-title").show();
|
||||
$("#toEnroll").hide();
|
||||
$("#actText").html("申请成功,等待审核...");
|
||||
$("#checkTitle").html(" ");
|
||||
} else {
|
||||
$('.a-title-body').html(res.message);
|
||||
$(".a-title").show();
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
2266
pluss-wap-page/src/main/webapp/WEB-INF/jsp/activity/activity.jsp
Normal file
2266
pluss-wap-page/src/main/webapp/WEB-INF/jsp/activity/activity.jsp
Normal file
File diff suppressed because one or more lines are too long
231
pluss-wap-page/src/main/webapp/WEB-INF/jsp/activity/address.jsp
Normal file
231
pluss-wap-page/src/main/webapp/WEB-INF/jsp/activity/address.jsp
Normal file
@@ -0,0 +1,231 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html lang="en" data-dpr="1" style="font-size: 37.52px;">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<meta name="viewport"
|
||||
content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="keywords" content="">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<title>收货地址</title>
|
||||
<link rel="stylesheet" href="${resourcePath}/css/h5.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/h5-common.css">
|
||||
<style>
|
||||
body{
|
||||
background-color: #F6F6F4;
|
||||
}
|
||||
#app,html{
|
||||
height: auto !important;
|
||||
}
|
||||
#app{
|
||||
padding: 10px;
|
||||
}
|
||||
.no-data{
|
||||
width: 200px;
|
||||
text-align: center;
|
||||
margin: 30% auto 0 auto;
|
||||
}
|
||||
.no-data-icon{
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.no-data-desc{
|
||||
color: #a1a0a0;
|
||||
font-size: 16px;
|
||||
}
|
||||
.footer{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.add-btn{
|
||||
background: #f14e4e;
|
||||
}
|
||||
.address-item{
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 55px;
|
||||
padding: 10px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.icon{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
.address-info{
|
||||
margin-left: 10px;
|
||||
width: 75%;
|
||||
}
|
||||
.address-text{
|
||||
font-size: 13px;
|
||||
}
|
||||
.link-text{
|
||||
font-size: 11px;
|
||||
color: #a0a0a0;
|
||||
}
|
||||
.ellipsis{
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.is-default{
|
||||
margin-left: 10px;
|
||||
padding: 3px;
|
||||
background-color: #f14e4e;
|
||||
color: #fff;
|
||||
border-radius: 3px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<c:choose>
|
||||
<c:when test="${not empty addressList}">
|
||||
<c:forEach items="${addressList}" var="ars">
|
||||
<div class="address-item" >
|
||||
<img class="icon" src="${resourcePath}/images/address-icon.png">
|
||||
<div class="address-info" onclick="checkAddress('${ars.id}')">
|
||||
<div class="address-text ellipsis">${ars.areaName} ${ars.address}</div>
|
||||
<div class="link-text">${ars.name} ${ars.phone}
|
||||
<c:if test="${ars.defFlag eq '1'}">
|
||||
<span class="is-default">默认</span>
|
||||
</c:if>
|
||||
</div>
|
||||
</div>
|
||||
<img class="icon" onclick="updateAddress('${ars.id}')" src="${resourcePath}/images/update-icon.png">
|
||||
</div>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<div class="no-data">
|
||||
<img class="no-data-icon" src="${resourcePath}/images/no-goods.png">
|
||||
<p class="no-data-desc">暂无收货地址~</p>
|
||||
</div>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<div class="footer">
|
||||
<button class="add-btn">新增收货地址</button>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
/* === 判断支持版本 start === */
|
||||
(function () {
|
||||
var viewportTag = null;
|
||||
var metaTags = document.getElementsByTagName('meta');
|
||||
for (var i = 0; i < metaTags.length; i++) {
|
||||
if (metaTags[i].getAttribute('name') === "viewport") {
|
||||
viewportTag = metaTags[i];
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!viewportTag) {
|
||||
viewportTag = document.createElement("meta");
|
||||
viewportTag.setAttribute('name', 'viewport');
|
||||
}
|
||||
|
||||
var viewportTagContent =
|
||||
'width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no';
|
||||
|
||||
// Detect if iOS device
|
||||
if (/(iPhone|iPod|iPad)/i.test(window.navigator.userAgent)) {
|
||||
// Get iOS major version
|
||||
var iosVersion = parseInt((window.navigator.userAgent).match(/OS (\d+)_(\d+)_?(\d+)? like Mac OS X/i)[1]);
|
||||
// Detect if device is running >iOS 11
|
||||
// iOS 11's UIWebView and WKWebView changes the viewport behaviour to render viewport without the status bar. Need to override with "viewport-fit: cover" to include the status bar.
|
||||
if (iosVersion >= 11) {
|
||||
viewportTagContent += ', viewport-fit=cover';
|
||||
}
|
||||
}
|
||||
|
||||
// Update viewport tag attribute
|
||||
viewportTag.setAttribute('content', viewportTagContent);
|
||||
})();
|
||||
/* === 判断支持版本 end === */
|
||||
|
||||
// refs http://www.html-js.com/article/3041 移动端高清、多屏适配方案
|
||||
!function (a, b) {
|
||||
function c() {
|
||||
var b = f.getBoundingClientRect().width;
|
||||
b / i > 540 && (b = 540 * i);
|
||||
var c = b / 10;
|
||||
f.style.fontSize = c + "px", k.rem = a.rem = c
|
||||
}
|
||||
var d, e = a.document,
|
||||
f = e.documentElement,
|
||||
g = e.querySelector('meta[name="viewport"]'),
|
||||
h = e.querySelector('meta[name="flexible"]'),
|
||||
i = 0,
|
||||
j = 0,
|
||||
k = b.flexible || (b.flexible = {});
|
||||
if (g) {
|
||||
var l = g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);
|
||||
l && (j = parseFloat(l[1]), i = parseInt(1 / j))
|
||||
} else if (h) {
|
||||
var m = h.getAttribute("content");
|
||||
if (m) {
|
||||
var n = m.match(/initial\-dpr=([\d\.]+)/),
|
||||
o = m.match(/maximum\-dpr=([\d\.]+)/);
|
||||
n && (i = parseFloat(n[1]), j = parseFloat((1 / i).toFixed(2))), o && (i = parseFloat(o[1]), j = parseFloat((
|
||||
1 / i).toFixed(2)))
|
||||
}
|
||||
}
|
||||
if (!i && !j) {
|
||||
var p = (a.navigator.appVersion.match(/android/gi), a.navigator.appVersion.match(/iphone/gi)),
|
||||
q = a.devicePixelRatio;
|
||||
i = p ? q >= 3 && (!i || i >= 3) ? 3 : q >= 2 && (!i || i >= 2) ? 2 : 1 : 1, j = 1 / i
|
||||
}
|
||||
if (f.setAttribute("data-dpr", i), !g)
|
||||
if (g = e.createElement("meta"), g.setAttribute("name", "viewport"), g.setAttribute("content",
|
||||
"initial-scale=" + j + ", maximum-scale=" + j + ", minimum-scale=" + j + ", user-scalable=no"), f
|
||||
.firstElementChild) f.firstElementChild.appendChild(g);
|
||||
else {
|
||||
var r = e.createElement("div");
|
||||
r.appendChild(g), e.write(r.innerHTML)
|
||||
}
|
||||
a.addEventListener("resize", function () {
|
||||
clearTimeout(d), d = setTimeout(c, 300)
|
||||
}, !1), a.addEventListener("pageshow", function (a) {
|
||||
a.persisted && (clearTimeout(d), d = setTimeout(c, 300))
|
||||
}, !1), "complete" === e.readyState ? e.body.style.fontSize = 12 * i + "px" : e.addEventListener(
|
||||
"DOMContentLoaded",
|
||||
function () {
|
||||
e.body.style.fontSize = 12 * i + "px"
|
||||
}, !1), c(), k.dpr = a.dpr = i, k.refreshRem = c, k.rem2px = function (a) {
|
||||
var b = parseFloat(a) * this.rem;
|
||||
return "string" == typeof a && a.match(/rem$/) && (b += "px"), b
|
||||
}, k.px2rem = function (a) {
|
||||
var b = parseFloat(a) / this.rem;
|
||||
return "string" == typeof a && a.match(/px$/) && (b += "rem"), b
|
||||
}
|
||||
}(window, window.lib || (window.lib = {}));
|
||||
</script>
|
||||
<script>
|
||||
$(".add-btn").click(function (res){
|
||||
window.location.href= ctx + '/activity/address/add?token=${token}&g=${g}';
|
||||
})
|
||||
function updateAddress(id){
|
||||
window.location.href= ctx + '/activity/address/add?token=${token}&g=${g}&aid='+id;
|
||||
}
|
||||
function checkAddress(id){
|
||||
window.location.href= ctx + "/activity/exchange/order?token=${token}&g=${g}&aid="+id;
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,331 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html lang="en" data-dpr="1" style="font-size: 37.52px;">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<meta name="viewport"
|
||||
content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="keywords" content="">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<script src="${resourcePath}/js/mobileSelect.js"></script>
|
||||
<script type="text/javascript" src="${resourcePath}/js/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="${resourcePath}/js/zepto.weui.js"></script>
|
||||
<title>编辑收货地址</title>
|
||||
<link rel="stylesheet" href="${resourcePath}/css/h5.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/h5-common.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/mobileSelect.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/weui.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/weuix.css">
|
||||
<style>
|
||||
body{
|
||||
background-color: #F6F6F4;
|
||||
}
|
||||
#app{
|
||||
padding: 10px;
|
||||
}
|
||||
.address-info{
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
line-height: 45px;
|
||||
padding: 0 10px 10px 10px;
|
||||
}
|
||||
.info{
|
||||
border-bottom: 1px solid #e2e2e2;
|
||||
display: flex;
|
||||
}
|
||||
.label-name{
|
||||
display: block;
|
||||
width: 2.5rem;
|
||||
}
|
||||
.no-border{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
div{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.radio-item label {
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
top: 3px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #999;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/*设置选中的input的样式*/
|
||||
/* + 是兄弟选择器,获取选中后的label元素*/
|
||||
input:checked+label {
|
||||
background-color: #f14e4e;
|
||||
border: 1px solid #f14e4e;
|
||||
}
|
||||
/*添加的加号与label进行拼接(一个矩形边框去掉上和左的边框),再旋转45度*/
|
||||
input:checked+label::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 5px;
|
||||
height: 10px;
|
||||
top: 1px;
|
||||
left: 6px;
|
||||
border: 2px solid #fff;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.radio-label{
|
||||
margin-top: 6px;
|
||||
}
|
||||
.radio-item{
|
||||
margin-right: 15px;
|
||||
}
|
||||
.radio-label-text{
|
||||
margin-left: 10px;
|
||||
}
|
||||
.item-input{
|
||||
width: 70%;
|
||||
}
|
||||
.icon{
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.submit-btn{
|
||||
background: #f14e4e;
|
||||
}
|
||||
.popup-container {
|
||||
z-index: 9993;
|
||||
/* -webkit-transition: all .3s ease-out; */
|
||||
transition: all .3s ease-out;
|
||||
}
|
||||
.loading-container, .popup-container {
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(-50%,-50%);
|
||||
transform: translate(-50%,-50%);
|
||||
}
|
||||
[class*=-container] {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
position: fixed;
|
||||
}
|
||||
.popup-container .popup {
|
||||
border-radius: .05333333rem;
|
||||
width: 7.33333333rem;
|
||||
font-size: .4rem;
|
||||
-webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
|
||||
box-shadow: 0 0 2px rgba(0,0,0,.2);
|
||||
text-align: center;
|
||||
background-color: #fff;
|
||||
}
|
||||
.popup-container .popup .popup-body {
|
||||
padding: .64rem .32rem;
|
||||
font-size: .95em;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.popup-container .popup .popup-btns {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-flex-direction: row;
|
||||
flex-direction: row;
|
||||
}
|
||||
.popup-container .popup .popup-btns .btn {
|
||||
padding: .26666667rem 0;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
flex: 1;
|
||||
display: block;
|
||||
background: inherit;
|
||||
}
|
||||
.popup-container .popup-btns .btn {
|
||||
color: #ff721f;
|
||||
}
|
||||
.popup-container .popup-btns .btn {
|
||||
color: #ff721f;
|
||||
}
|
||||
.red{
|
||||
color: red;
|
||||
}
|
||||
.areaName{
|
||||
margin-left: 10px;
|
||||
}
|
||||
.default-btn{
|
||||
background-color: #919191;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<form id="form" >
|
||||
<input type="hidden" name="token" value="${token}">
|
||||
<input type="hidden" name="g" value="${g}">
|
||||
<input type="hidden" name="id" value="${userAddress.id}">
|
||||
<div class="address-info">
|
||||
<div class="info">
|
||||
<label class="label-name">姓名：<span class="red">*</span></label>
|
||||
<input type="text" class="item-input" name="name" autocomplete="off" value="${userAddress.name}" placeholder="请输入收货人姓名">
|
||||
</div>
|
||||
<div class="info">
|
||||
<label class="label-name">联系方式：<span class="red">*</span></label>
|
||||
<input type="text" class="item-input" name="phone" autocomplete="off" value="${userAddress.phone}" placeholder="请输入收货人联系方式">
|
||||
</div>
|
||||
<div class="info">
|
||||
<label class="label-name">收货地址：<span class="red">*</span></label>
|
||||
<input type="text" class="item-input areaName" name="areaName" id="trigger" value="${userAddress.areaName}" readonly autocomplete="off" placeholder="选择省/市/区">
|
||||
<input type="hidden" class="item-input" name="areaCode" value="${userAddress.areaCode}" id="areaCode">
|
||||
<img class="icon" src="${resourcePath}/images/arrow-right-icon.png">
|
||||
</div>
|
||||
<div class="info">
|
||||
<label class="label-name">详细地址：<span class="red">*</span></label>
|
||||
<input type="text" class="item-input" name="address" value="${userAddress.address}" autocomplete="off" placeholder="街道门牌，楼栋楼层等信息">
|
||||
</div>
|
||||
<div class="info no-border">
|
||||
<label class="label-name">默认：</label>
|
||||
<div class="radio-item">
|
||||
<input id="item1" type="radio" name="defFlag" ${userAddress.defFlag eq '1' ? 'checked' : ''} value="1">
|
||||
<label for="item1" class="radio-label"></label>
|
||||
<span class="radio-label-text">是</span>
|
||||
</div>
|
||||
<div class="radio-item">
|
||||
<input id="item2" type="radio" name="defFlag" value="0" ${userAddress.defFlag eq '0' || empty userAddress ? 'checked' : ''}>
|
||||
<label for="item2" class="radio-label"></label>
|
||||
<span class="radio-label-text">否</span>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="submit-btn">保存并使用</button>
|
||||
<c:if test="${not empty userAddress and not empty userAddress.id }">
|
||||
<button type="button" class="default-btn" onclick="deleteAddress('${userAddress.id}')" >删除</button>
|
||||
</c:if>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="backdrop-container active" style="display: none;"></div>
|
||||
<div class="popup-container active" style="display: none;">
|
||||
<div class="popup"><!---->
|
||||
<div class="popup-body"></div>
|
||||
<div class="popup-btns" id="popup-btns" onclick="hide(this)"><span class="btn btn-positive">确定</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mint-indicator" style="display: none;">
|
||||
<div class="mint-indicator-wrapper" style="padding: 20px;">
|
||||
<img src="${resourcePath}/images/loading-2.gif">
|
||||
<span class="mint-indicator-text" style="">加载中...</span>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="${resourcePath}/js/common/h5.js"></script>
|
||||
<script src="${resourcePath}/js/mobileSelect.js"></script>
|
||||
<script type="text/javascript">
|
||||
let mobileSelect1 = null;
|
||||
$(function (){
|
||||
let url = resourcePath + "/json/city.json";
|
||||
$.ajax({
|
||||
url:url,
|
||||
type:"GET",
|
||||
dataType:"json",
|
||||
success:res =>{
|
||||
let data = res.locationList;
|
||||
mobileSelect1 = new MobileSelect({
|
||||
trigger: '#trigger',// 点击容器的ID
|
||||
title: '省市区',//
|
||||
keyMap:{"id":"code","value":"name","childs":"childs"},
|
||||
cancelBtnText:" ",
|
||||
wheels: [
|
||||
{data:data}
|
||||
],
|
||||
connector:"-",
|
||||
position:[0,0,0], //Initialize positioning
|
||||
callback:function (indexArr,data){
|
||||
$("#trigger").val(data[0].name +"-"+ data[1].name +"-"+ data[2].name);
|
||||
$("#areaCode").val(data[0].code +"-"+ data[1].code +"-" + data[2].code);
|
||||
},
|
||||
});
|
||||
}
|
||||
})
|
||||
})
|
||||
$(".submit-btn").click(function (){
|
||||
var serializeArray = $("#form").serializeArray();
|
||||
var data = {};
|
||||
$.each(serializeArray, function(index, item) {
|
||||
data[item.name] = item.value;
|
||||
});
|
||||
if(!data.name)return showDialog("收货人姓名不能为空");
|
||||
if(!data.phone)return showDialog("收货人联系方式不能为空");
|
||||
if(!data.areaName)return showDialog("收货人地址不能为空");
|
||||
if(!data.address)return showDialog("收货人详细地址不能为空");
|
||||
let url = ctx + "/activity/address/save";
|
||||
$(".mint-indicator").show();
|
||||
$(".backdrop-container").show();
|
||||
$.ajax({
|
||||
url:url,
|
||||
type: 'post',
|
||||
data:data,
|
||||
dataType:'json',
|
||||
success:function (res){
|
||||
$(".mint-indicator").hide();
|
||||
$(".backdrop-container").hide();
|
||||
if(res.code == 200){
|
||||
showDialog(res.message,ctx + "/activity/exchange/order?token=${token}&g=${g}&aid="+res.data.id);
|
||||
}else{
|
||||
showDialog(res.message);
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
})
|
||||
function deleteAddress(id){
|
||||
$.confirm("确认删除吗?",function (res){
|
||||
$(".mint-indicator").show();
|
||||
$(".backdrop-container").show();
|
||||
let $url = ctx + "/activity/address/del/"+id;
|
||||
$.post($url,function (res){
|
||||
$(".mint-indicator").hide();
|
||||
$(".backdrop-container").hide();
|
||||
if(res.code == 200){
|
||||
showDialog(res.message,ctx + "/activity/address?token=${token}&g=${g}");
|
||||
}else{
|
||||
showDialog(res.message);
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
function showDialog(text,href){
|
||||
$('.popup-body').html(text);
|
||||
$('.active').show();
|
||||
if(href){
|
||||
$('.popup-body').attr("location",href)
|
||||
}
|
||||
}
|
||||
function hide(obj) {
|
||||
$('.active').hide();
|
||||
let href = $(obj).prev().attr("location");
|
||||
if(href){
|
||||
window.location.href = href;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
340
pluss-wap-page/src/main/webapp/WEB-INF/jsp/activity/cash.jsp
Normal file
340
pluss-wap-page/src/main/webapp/WEB-INF/jsp/activity/cash.jsp
Normal file
File diff suppressed because one or more lines are too long
244
pluss-wap-page/src/main/webapp/WEB-INF/jsp/activity/desc.jsp
Normal file
244
pluss-wap-page/src/main/webapp/WEB-INF/jsp/activity/desc.jsp
Normal file
@@ -0,0 +1,244 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html lang="en" data-dpr="1" style="font-size: 37.52px;">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<meta name="viewport"
|
||||
content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="keywords" content="">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
</script>
|
||||
<title>奖励金说明</title>
|
||||
<link rel="stylesheet" href="${resourcePath}/css/h5.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/h5-common.css">
|
||||
<style>
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
outline: 0;
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
}
|
||||
div {
|
||||
display: block;
|
||||
}
|
||||
.top{
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
left: 30%;
|
||||
color: #FFFFFF;
|
||||
height: .93333333rem;
|
||||
line-height: .93333333rem;
|
||||
font-size: .6rem;
|
||||
font-weight: 500;
|
||||
background-color: rgba(255,255,255,.2);
|
||||
}
|
||||
.desc{
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.content-1 .title{
|
||||
height: .6rem;
|
||||
padding: 10px 0;
|
||||
font-size: .433333rem;
|
||||
font-family: DINAlternate-Bold;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
}
|
||||
.content-1 .desc{
|
||||
font-size: .353333rem;
|
||||
margin-top: .823333rem;
|
||||
font-family: PingFangSC-Regular,Helvetica,sans-serif;
|
||||
width: 90%;
|
||||
margin-left: 6%;
|
||||
color: rgba(0,0,0,.6);
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.content-2 .title{
|
||||
height: .6rem;
|
||||
font-size: .433333rem;
|
||||
margin-top: 10px;
|
||||
font-family: DINAlternate-Bold;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.content-2 .desc{
|
||||
height: .6rem;
|
||||
font-size: .353333rem;
|
||||
font-family: PingFangSC-Regular,Helvetica,sans-serif;
|
||||
width: 90%;
|
||||
margin-left: 6%;
|
||||
color: rgba(0,0,0,.6);
|
||||
line-height: 25px;
|
||||
}
|
||||
.content-3 .title{
|
||||
height: .6rem;
|
||||
font-size: .433333rem;
|
||||
margin-top: 2.5888rem;
|
||||
font-family: DINAlternate-Bold;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
}
|
||||
.content-3 .desc{
|
||||
height: .6rem;
|
||||
font-size: .353333rem;
|
||||
font-family: PingFangSC-Regular,Helvetica,sans-serif;
|
||||
width: 90%;
|
||||
margin-left: 6%;
|
||||
color: rgba(0,0,0,.6);
|
||||
margin-bottom: 3rem;
|
||||
line-height: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="font-size: 12px;">
|
||||
<div id="app">
|
||||
<div style="width: 100%;height: 2rem;">
|
||||
<img width="100%" src="https://syb-resource.oss-cn-hangzhou.aliyuncs.com/upload/app/B06EC7846DB34E4FBB15F1493627C9DA.jpg?Expires=1916296893&OSSAccessKeyId=LTAI4G25PY4Tebxq4gCrhtF5&Signature=InjkIawrAHlXqj89Rs1sus3JVZM%3D">
|
||||
<div class="top">
|
||||
<div>>>积分说明<<</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="content-1 text">
|
||||
<div class="title">
|
||||
<div><span style="color: #FD7564"> >>> </span>1.积分是什么<span style="color: #FD7564"> <<< </span></div>
|
||||
</div>
|
||||
<div class="desc">
|
||||
积分是商户参与收银呗活动所获得的奖励，可以兑换商品或参与其他活动。
|
||||
订单交易所获得的积分，在交易订单满一个月后方可使用，防止违规获取积分（如恶意退款、套现、虚假订单、刷单等）
|
||||
违规商户扣除所有奖励，永久关闭积分活动权限。
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-2 text">
|
||||
<div class="title">
|
||||
<div><span style="color: #FD7564"> >>> </span>2.积分如何使用<span style="color: #FD7564"> <<< </span></div>
|
||||
</div>
|
||||
<div class="desc">
|
||||
<div>
|
||||
<div style="font-weight: 600;color: #000;">
|
||||
兑换商品
|
||||
</div>
|
||||
<div style="margin-top: .122rem;line-height: 0.6rem;">
|
||||
积分可以在<span style="color: orangered">＂商户活动-积分<兑换商品>＂</span>页页面进行商品兑换，兑换商品后，将会扣除等额积分，详细兑换规则可以联系收银呗客服。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-3">
|
||||
<div class="title">
|
||||
<div><span style="color: #FD7564"> >>> </span>3.积分如何获取<span style="color: #FD7564"> <<< </span></div>
|
||||
</div>
|
||||
<div class="desc">
|
||||
部分地区商户参与营销活动、日常签到等即可获取对应积分，积分获取方式不得有违规（如恶意退款、套现、虚假订单、刷单等），否则我司有权冻结并清除积分。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
/* === 判断支持版本 start === */
|
||||
(function () {
|
||||
var viewportTag = null;
|
||||
var metaTags = document.getElementsByTagName('meta');
|
||||
for (var i = 0; i < metaTags.length; i++) {
|
||||
if (metaTags[i].getAttribute('name') === "viewport") {
|
||||
viewportTag = metaTags[i];
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!viewportTag) {
|
||||
viewportTag = document.createElement("meta");
|
||||
viewportTag.setAttribute('name', 'viewport');
|
||||
}
|
||||
|
||||
var viewportTagContent =
|
||||
'width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no';
|
||||
|
||||
// Detect if iOS device
|
||||
if (/(iPhone|iPod|iPad)/i.test(window.navigator.userAgent)) {
|
||||
// Get iOS major version
|
||||
var iosVersion = parseInt((window.navigator.userAgent).match(/OS (\d+)_(\d+)_?(\d+)? like Mac OS X/i)[1]);
|
||||
// Detect if device is running >iOS 11
|
||||
// iOS 11's UIWebView and WKWebView changes the viewport behaviour to render viewport without the status bar. Need to override with "viewport-fit: cover" to include the status bar.
|
||||
if (iosVersion >= 11) {
|
||||
viewportTagContent += ', viewport-fit=cover';
|
||||
}
|
||||
}
|
||||
|
||||
// Update viewport tag attribute
|
||||
viewportTag.setAttribute('content', viewportTagContent);
|
||||
})();
|
||||
/* === 判断支持版本 end === */
|
||||
|
||||
// refs http://www.html-js.com/article/3041 移动端高清、多屏适配方案
|
||||
!function (a, b) {
|
||||
function c() {
|
||||
var b = f.getBoundingClientRect().width;
|
||||
b / i > 540 && (b = 540 * i);
|
||||
var c = b / 10;
|
||||
f.style.fontSize = c + "px", k.rem = a.rem = c
|
||||
}
|
||||
|
||||
var d, e = a.document,
|
||||
f = e.documentElement,
|
||||
g = e.querySelector('meta[name="viewport"]'),
|
||||
h = e.querySelector('meta[name="flexible"]'),
|
||||
i = 0,
|
||||
j = 0,
|
||||
k = b.flexible || (b.flexible = {});
|
||||
if (g) {
|
||||
var l = g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);
|
||||
l && (j = parseFloat(l[1]), i = parseInt(1 / j))
|
||||
} else if (h) {
|
||||
var m = h.getAttribute("content");
|
||||
if (m) {
|
||||
var n = m.match(/initial\-dpr=([\d\.]+)/),
|
||||
o = m.match(/maximum\-dpr=([\d\.]+)/);
|
||||
n && (i = parseFloat(n[1]), j = parseFloat((1 / i).toFixed(2))), o && (i = parseFloat(o[1]), j = parseFloat((
|
||||
1 / i).toFixed(2)))
|
||||
}
|
||||
}
|
||||
if (!i && !j) {
|
||||
var p = (a.navigator.appVersion.match(/android/gi), a.navigator.appVersion.match(/iphone/gi)),
|
||||
q = a.devicePixelRatio;
|
||||
i = p ? q >= 3 && (!i || i >= 3) ? 3 : q >= 2 && (!i || i >= 2) ? 2 : 1 : 1, j = 1 / i
|
||||
}
|
||||
if (f.setAttribute("data-dpr", i), !g)
|
||||
if (g = e.createElement("meta"), g.setAttribute("name", "viewport"), g.setAttribute("content",
|
||||
"initial-scale=" + j + ", maximum-scale=" + j + ", minimum-scale=" + j + ", user-scalable=no"), f
|
||||
.firstElementChild) f.firstElementChild.appendChild(g);
|
||||
else {
|
||||
var r = e.createElement("div");
|
||||
r.appendChild(g), e.write(r.innerHTML)
|
||||
}
|
||||
a.addEventListener("resize", function () {
|
||||
clearTimeout(d), d = setTimeout(c, 300)
|
||||
}, !1), a.addEventListener("pageshow", function (a) {
|
||||
a.persisted && (clearTimeout(d), d = setTimeout(c, 300))
|
||||
}, !1), "complete" === e.readyState ? e.body.style.fontSize = 12 * i + "px" : e.addEventListener(
|
||||
"DOMContentLoaded",
|
||||
function () {
|
||||
e.body.style.fontSize = 12 * i + "px"
|
||||
}, !1), c(), k.dpr = a.dpr = i, k.refreshRem = c, k.rem2px = function (a) {
|
||||
var b = parseFloat(a) * this.rem;
|
||||
return "string" == typeof a && a.match(/rem$/) && (b += "px"), b
|
||||
}, k.px2rem = function (a) {
|
||||
var b = parseFloat(a) / this.rem;
|
||||
return "string" == typeof a && a.match(/px$/) && (b += "rem"), b
|
||||
}
|
||||
}(window, window.lib || (window.lib = {}));
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
1852
pluss-wap-page/src/main/webapp/WEB-INF/jsp/activity/detail.jsp
Normal file
1852
pluss-wap-page/src/main/webapp/WEB-INF/jsp/activity/detail.jsp
Normal file
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,638 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html lang="en" data-dpr="1" style="font-size: 37.52px;">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<meta name="viewport"
|
||||
content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="keywords" content="">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<%-- <script type="text/javascript" src="${resourcePath}/js/zepto.min.js"></script>--%>
|
||||
<script type="text/javascript" src="${resourcePath}/js/zepto.weui.js"></script>
|
||||
<title>商品兑换详情</title>
|
||||
<link rel="stylesheet" href="${resourcePath}/css/h5.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/h5-common.css">
|
||||
<link rel="stylesheet" href="https://unpkg.com/mescroll.js@1.4.1/mescroll.min.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/weui.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/weuix.css">
|
||||
<style>
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
outline: 0;
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
}
|
||||
div {
|
||||
display: block;
|
||||
}
|
||||
.ui-page, .ui-page:after {
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
#app, body, html {
|
||||
font-size: .34333333rem;
|
||||
height: 100%;
|
||||
color: #333;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.ui-page[data-v-07f6ffda] {
|
||||
position: relative;
|
||||
max-width: 256px;
|
||||
max-width: 16rem;
|
||||
min-height: 100%;
|
||||
background-color: #f7f7f7;
|
||||
padding-top: 1px;
|
||||
margin: -1px auto 0;
|
||||
}
|
||||
.money-exchange[data-v-07f6ffda] {
|
||||
height: 100%;
|
||||
}
|
||||
.money-exchange .money-header-amount[data-v-07f6ffda] {
|
||||
width: 100%;
|
||||
height: 34.133px;
|
||||
height: 2.13333333rem;
|
||||
box-sizing: border-box;
|
||||
background-image: linear-gradient(153deg,#fca195, #ef5151 89%);
|
||||
color: #fff;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.money-exchange .money-header-amount .money-amount[data-v-07f6ffda] {
|
||||
height: 34.133px;
|
||||
height: 2.13333333rem;
|
||||
padding-left: 6.4px;
|
||||
padding-left: .4rem;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
padding: 5.333px;
|
||||
padding: .33333333rem;
|
||||
}
|
||||
.money-exchange .money-header-amount .money-amount div.title[data-v-07f6ffda] {
|
||||
height: .6rem;
|
||||
font-size: 5.12px;
|
||||
font-size: .32rem;
|
||||
line-height: 9.6px;
|
||||
line-height: .6rem;
|
||||
font-family: DINAlternate-Bold;
|
||||
}
|
||||
.money-exchange .money-header-amount .money-amount div.money[data-v-07f6ffda] {
|
||||
height: .86666667rem;
|
||||
font-size: .66666667rem;
|
||||
line-height: .86666667rem;
|
||||
font-family: DINAlternate-Bold;
|
||||
}
|
||||
.money-exchange .money-header-amount .money-record[data-v-07f6ffda] {
|
||||
margin-right: 5.12px;
|
||||
margin-right: .32rem;
|
||||
height: 10.666px;
|
||||
height: .66666667rem;
|
||||
line-height: 10.24px;
|
||||
line-height: .64rem;
|
||||
width: 42.666px;
|
||||
width: 2.66666667rem;
|
||||
border-radius: .39333333rem;
|
||||
font-size: 5.546px;
|
||||
font-size: .34666667rem;
|
||||
border: 1px solid #fff;
|
||||
text-align: center;
|
||||
}
|
||||
.money-exchange .money-content[data-v-07f6ffda] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-top: 34.133px;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
}
|
||||
.money-exchange .money-content div.no-goods[data-v-07f6ffda] {
|
||||
position: absolute;
|
||||
width: 85.333px;
|
||||
width: 5.33333333rem;
|
||||
height: 106.666px;
|
||||
height: 6.66666667rem;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
}
|
||||
.money-exchange .money-content div.no-goods span[data-v-07f6ffda] {
|
||||
display: inline-block;
|
||||
width: 85.333px;
|
||||
width: 5.33333333rem;
|
||||
height: 21.333px;
|
||||
height: 1.33333333rem;
|
||||
text-align: center;
|
||||
line-height: 21.333px;
|
||||
line-height: 1.33333333rem;
|
||||
font-size: 6.4px;
|
||||
font-size: .4rem;
|
||||
color: #999;
|
||||
}
|
||||
.money-exchange .money-content div.no-goods img[data-v-07f6ffda] {
|
||||
width: 85.333px;
|
||||
width: 5.33333333rem;
|
||||
height: 85.333px;
|
||||
height: 5.33333333rem;
|
||||
}
|
||||
.money-exchange .money-content .goods-list[data-v-07f6ffda] {
|
||||
padding-left: 4.266px;
|
||||
padding-left: .26666667rem;
|
||||
padding-right: 4.266px;
|
||||
padding-right: .26666667rem
|
||||
}
|
||||
.money-exchange .money-content .goods-list .list-title[data-v-07f6ffda] {
|
||||
height: 14.933px;
|
||||
height: .93333333rem;
|
||||
line-height: 14.933px;
|
||||
line-height: .93333333rem;
|
||||
font-size: 6.4px;
|
||||
font-size: .4rem;
|
||||
font-weight: 700
|
||||
}
|
||||
.money-exchange .money-content .goods-list .list-wrap[data-v-07f6ffda] {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap
|
||||
}
|
||||
.money-exchange .money-content .goods-list .list-wrap .list-item[data-v-07f6ffda] {
|
||||
width: 49%;
|
||||
font-size: 0;
|
||||
margin-bottom: .6666rem;
|
||||
}
|
||||
.money-exchange .money-content .goods-list .list-wrap .list-item .item-image[data-v-07f6ffda] {
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
height: 3rem
|
||||
}
|
||||
.money-exchange .money-content .goods-list .list-wrap .list-item .item-name[data-v-07f6ffda] {
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
padding-top: 2.133px;
|
||||
padding-top: .13333333rem;
|
||||
font-size: 5.973px;
|
||||
font-size: .37333333rem
|
||||
}
|
||||
.money-exchange .money-content .goods-list .list-wrap .list-item .item-image img[data-v-07f6ffda] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 10px 10px 0 0;
|
||||
}
|
||||
.money-exchange .money-content .goods-list .list-wrap .list-item .item-amount[data-v-07f6ffda] {
|
||||
color: #ff721f;
|
||||
font-size: 9.6px;
|
||||
font-size: .45rem;
|
||||
height: 12.8px;
|
||||
height: .8rem;
|
||||
display: inline-block;
|
||||
margin-right: 1.066px;
|
||||
margin-right: .06666667rem
|
||||
}
|
||||
.money-exchange .money-content .goods-list .list-wrap .list-item .item-detail[data-v-07f6ffda] {
|
||||
color: #ff721f;
|
||||
font-size: 5.546px;
|
||||
font-size: .34666667rem;
|
||||
height: 12.8px;
|
||||
height: .8rem;
|
||||
display: inline-block;
|
||||
margin-right: 2.133px;
|
||||
margin-right: .13333333rem
|
||||
}
|
||||
|
||||
.money-exchange .money-content .goods-list .list-wrap .list-item .item-tip[data-v-07f6ffda] {
|
||||
font-size: 5.546px;
|
||||
font-size: .34666667rem;
|
||||
height: 12.8px;
|
||||
height: .8rem;
|
||||
display: inline-block;
|
||||
text-decoration: line-through;
|
||||
color: #999
|
||||
}
|
||||
div.polaroid {
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19);
|
||||
border-radius: 10px;
|
||||
}
|
||||
.goods-content{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
line-height: .7rem;
|
||||
padding: 0 .2rem;
|
||||
}
|
||||
.item-name{
|
||||
margin-top: .1rem;
|
||||
}
|
||||
.item-amount{
|
||||
margin-top: .2rem;
|
||||
}
|
||||
.wrapper-order-item{
|
||||
width: 95%;
|
||||
background-color: #fff; padding: 0.233rem; line-height: .8rem;box-shadow: 0 4px 8px 0 hsla(0, 0%, 78%, .5);border-radius: 10px;margin-bottom: .4rem;
|
||||
}
|
||||
.wrapper-order-item-content{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.mescroll{
|
||||
position: fixed;
|
||||
top: 60px;
|
||||
bottom: 0;
|
||||
height: auto;
|
||||
}
|
||||
.ellipsis{
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.good-label{
|
||||
width: 25%;
|
||||
}
|
||||
.expressNo{
|
||||
color: #06A6F1;
|
||||
}
|
||||
.hread{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0.3rem 0.25rem;
|
||||
background-color: #fff;
|
||||
margin-bottom: 0.3rem;
|
||||
font-size: 16px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
border: 0;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
height: 1.2rem;
|
||||
border-bottom: 1px solid #d5d3d3;
|
||||
}
|
||||
.integral{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.integral-label{
|
||||
color: #888888;
|
||||
}
|
||||
.integral-value{
|
||||
color: #ff721f;
|
||||
font-weight: bold;
|
||||
}
|
||||
.integral-record-btn{
|
||||
height: 0.66666667rem;
|
||||
line-height: .64rem;
|
||||
width: 2.3rem;
|
||||
border-radius: 0.1rem;
|
||||
font-size: .34666667rem;
|
||||
border: 1px solid #ff721f;
|
||||
text-align: center;
|
||||
color: #ff721f;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="${resourcePath}/css/mobileSelect.css">
|
||||
<script src="https://unpkg.com/mescroll.js@1.4.1/mescroll.min.js" charset="utf-8"></script>
|
||||
<script type="text/javascript" src="${resourcePath}/js/auto-size.js"></script>
|
||||
<script type="text/javascript" src="${resourcePath}/js/mobileSelect.js"></script>
|
||||
</head>
|
||||
<body style="font-size: 12px;">
|
||||
<div id="app">
|
||||
<div class="hread">
|
||||
<div class="integral">
|
||||
<div class="integral-label">可用积分：</div>
|
||||
<div class="integral-value">${useAmt}</div>
|
||||
</div>
|
||||
<%-- <div class="integral-record-btn money-record">兑换记录</div>--%>
|
||||
</div>
|
||||
<div data-v-07f6ffda="" class="ui-page money-exchange">
|
||||
<div data-v-07f6ffda="" class="money-content">
|
||||
<c:if test="${empty goodExchange.records }">
|
||||
<div data-v-07f6ffda="" class="no-goods">
|
||||
<img data-v-07f6ffda="" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzIwcHgiIGhlaWdodD0iMzIwcHgiIHZpZXdCb3g9IjAgMCAzMjAgMzIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0OC4yICg0NzMyNykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+54q25oCB5Zu+5qCHL+epuuiusOW9lTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i54q25oCB5Zu+5qCHL+epuuiusOW9lSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMjAiIGhlaWdodD0iMzIwIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xODcuOTkzLDQ4LjUyMjIgTDIyMy42MjYsNDguNTIyMiBMMjIzLjY0MiwxOTkuMDA2MiBMOTYsMTk5LjAwNjIgTDk2LDQ4LjUyMjIgTDEzMS42MzMsNDguNTIyMiBMMTMxLjYzMyw2MS44NTYyIEwxMDkuMzM1LDYxLjg1NjIgTDEwOS4zMzUsMTg1LjY3MjIgTDIxMC4yOTEsMTg1LjY3MjIgTDIxMC4yOTEsNjEuODU2MiBMMTg3Ljk5Myw2MS44NTYyIEwxODcuOTkzLDQ4LjUyMjIgWiBNMTMwLjkxNDQsMTAyLjg5MyBMMTMwLjkxNDQsODkuNTU5IEwxODcuNDI3NCw4OS41NTkgTDE4Ny40Mjc0LDEwMi44OTMgTDEzMC45MTQ0LDEwMi44OTMgWiBNMTMwLjkxNDQsMTI4LjU2IEwxMzAuOTE0NCwxMTUuMjI2IEwxODcuNDI3NCwxMTUuMjI2IEwxODcuNDI3NCwxMjguNTYgTDEzMC45MTQ0LDEyOC41NiBaIE0xMzAuOTE0NCwxNTQuMjI2IEwxMzAuOTE0NCwxNDAuODkyIEwxODcuNDI3NCwxNDAuODkyIEwxODcuNDI3NCwxNTQuMjI2IEwxMzAuOTE0NCwxNTQuMjI2IFogTTE0MS43MTY0LDYxLjk1NCBMMTQxLjcxNjQsNDEgTDE3Ny45MDg0LDQxIEwxNzcuOTA4NCw2MS45NTQgTDE0MS43MTY0LDYxLjk1NCBaIE0xMzUuNTg0NCwyNDUuNzAxIEwxMzUuNTg0NCwyMTMuMDAzIEwxNDMuOTk1NCwyMTMuMDAzIEwxNDMuOTk1NCwyNDUuNzAxIEwxMzUuNTg0NCwyNDUuNzAxIFogTTEzNS41ODQ0LDI3MS4xODggTDEzNS41ODQ0LDI1MC41MTEgTDE0My45OTU0LDI1MC41MTEgTDE0My45OTU0LDI3MS4xODggTDEzNS41ODQ0LDI3MS4xODggWiBNMTYxLjQxODQsMjM3Ljg2NSBMMTYxLjQxODQsMjEwLjExOCBMMTY5LjgyOTQsMjEwLjExOCBMMTY5LjgyOTQsMjM3Ljg2NSBMMTYxLjQxODQsMjM3Ljg2NSBaIE0yMDIuODYzNCwyNDAuMzQ3IEwyMDIuODYzNCwyMTcuMjE3IEwyMTEuMjc0NCwyMTcuMjE3IEwyMTEuMjc0NCwyNDAuMzQ3IEwyMDIuODYzNCwyNDAuMzQ3IFogTTE2MS40MTg0LDI1My45MDggTDE2MS40MTg0LDI0NS4xODkgTDE2OS44Mjk0LDI0NS4xODkgTDE2OS44Mjk0LDI1My45MDggTDE2MS40MTg0LDI1My45MDggWiBNMTgyLjY0MzQsMjc4LjI5NCBMMTgyLjY0MzQsMjQ4Ljc4MiBMMTkxLjA1NDQsMjQ4Ljc4MiBMMTkxLjA1NDQsMjc4LjI5NCBMMTgyLjY0MzQsMjc4LjI5NCBaIE0xODIuNjQzNCwyNDIuOTYgTDE4Mi42NDM0LDIyNi4wNjggTDE5MS4wNTQ0LDIyNi4wNjggTDE5MS4wNTQ0LDI0Mi45NiBMMTgyLjY0MzQsMjQyLjk2IFogTTExMy45NTc0LDI1Ni42MDkgTDExMy45NTc0LDIxNi4zNjkgTDEyMi4zNjg0LDIxNi4zNjkgTDEyMi4zNjg0LDI1Ni42MDkgTDExMy45NTc0LDI1Ni42MDkgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjQ0NDQ0NDIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" alt="">
|
||||
<span data-v-07f6ffda="">暂无商品兑换记录！</span>
|
||||
</div>
|
||||
</c:if>
|
||||
<div data-v-07f6ffda class="goods-list">
|
||||
<c:if test="${not empty goodExchange.records}">
|
||||
<div id="mescroll" class="mescroll">
|
||||
<div data-v-07f6ffda class="list-wrap">
|
||||
<c:forEach items="${goodExchange.records}" var="exchange">
|
||||
<div class="wrapper-order-item">
|
||||
<div class="wrapper-order-item-content">
|
||||
<div class="good-label">商品名称</div>
|
||||
<div class="ellipsis">${exchange.name}</div>
|
||||
</div>
|
||||
<div class="wrapper-order-item-content">
|
||||
<div class="good-label">价格</div>
|
||||
<div class="ellipsis">${exchange.price}</div>
|
||||
</div>
|
||||
<c:if test="${not empty exchange.expressNo}">
|
||||
<div class="wrapper-order-item-content" >
|
||||
<div class="good-label">快递单号</div>
|
||||
<%-- <textarea cols="30" rows="10"></textarea>--%>
|
||||
<div class="ellipsis expressNo" onclick="copyText(this)">${exchange.expressNo}</div>
|
||||
</div>
|
||||
</c:if>
|
||||
<div class="wrapper-order-item-content" >
|
||||
<div class="good-label">支付状态</div>
|
||||
<div class="ellipsis">
|
||||
<c:choose>
|
||||
<c:when test="${exchange.status eq 1}">
|
||||
<span style="color: green">已支付</span>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<span style="color: red">待支付</span>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrapper-order-item-content" >
|
||||
<div class="good-label">发货状态</div>
|
||||
<div class="ellipsis">
|
||||
<c:choose>
|
||||
<c:when test="${exchange.deliveryStatus eq 1}">
|
||||
<span style="color: green">已发货</span>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<span style="color: #ec4406">待发货</span>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrapper-order-item-content">
|
||||
<div class="good-label">兑换时间</div>
|
||||
<div class="ellipsis"> <fmt:formatDate value='${exchange.createTime}' pattern='yyyy-MM-dd HH:mm:ss'/></div>
|
||||
</div>
|
||||
</div>
|
||||
</c:forEach>
|
||||
</div>
|
||||
</div>
|
||||
</c:if>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
/* === 判断支持版本 start === */
|
||||
(function () {
|
||||
var viewportTag = null;
|
||||
var metaTags = document.getElementsByTagName('meta');
|
||||
for (var i = 0; i < metaTags.length; i++) {
|
||||
if (metaTags[i].getAttribute('name') === "viewport") {
|
||||
viewportTag = metaTags[i];
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!viewportTag) {
|
||||
viewportTag = document.createElement("meta");
|
||||
viewportTag.setAttribute('name', 'viewport');
|
||||
}
|
||||
|
||||
var viewportTagContent =
|
||||
'width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no';
|
||||
|
||||
// Detect if iOS device
|
||||
if (/(iPhone|iPod|iPad)/i.test(window.navigator.userAgent)) {
|
||||
// Get iOS major version
|
||||
var iosVersion = parseInt((window.navigator.userAgent).match(/OS (\d+)_(\d+)_?(\d+)? like Mac OS X/i)[1]);
|
||||
// Detect if device is running >iOS 11
|
||||
// iOS 11's UIWebView and WKWebView changes the viewport behaviour to render viewport without the status bar. Need to override with "viewport-fit: cover" to include the status bar.
|
||||
if (iosVersion >= 11) {
|
||||
viewportTagContent += ', viewport-fit=cover';
|
||||
}
|
||||
}
|
||||
|
||||
// Update viewport tag attribute
|
||||
viewportTag.setAttribute('content', viewportTagContent);
|
||||
})();
|
||||
/* === 判断支持版本 end === */
|
||||
|
||||
// refs http://www.html-js.com/article/3041 移动端高清、多屏适配方案
|
||||
!function (a, b) {
|
||||
function c() {
|
||||
var b = f.getBoundingClientRect().width;
|
||||
b / i > 540 && (b = 540 * i);
|
||||
var c = b / 10;
|
||||
f.style.fontSize = c + "px", k.rem = a.rem = c
|
||||
}
|
||||
var d, e = a.document,
|
||||
f = e.documentElement,
|
||||
g = e.querySelector('meta[name="viewport"]'),
|
||||
h = e.querySelector('meta[name="flexible"]'),
|
||||
i = 0,
|
||||
j = 0,
|
||||
k = b.flexible || (b.flexible = {});
|
||||
if (g) {
|
||||
var l = g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);
|
||||
l && (j = parseFloat(l[1]), i = parseInt(1 / j))
|
||||
} else if (h) {
|
||||
var m = h.getAttribute("content");
|
||||
if (m) {
|
||||
var n = m.match(/initial\-dpr=([\d\.]+)/),
|
||||
o = m.match(/maximum\-dpr=([\d\.]+)/);
|
||||
n && (i = parseFloat(n[1]), j = parseFloat((1 / i).toFixed(2))), o && (i = parseFloat(o[1]), j = parseFloat((
|
||||
1 / i).toFixed(2)))
|
||||
}
|
||||
}
|
||||
if (!i && !j) {
|
||||
var p = (a.navigator.appVersion.match(/android/gi), a.navigator.appVersion.match(/iphone/gi)),
|
||||
q = a.devicePixelRatio;
|
||||
i = p ? q >= 3 && (!i || i >= 3) ? 3 : q >= 2 && (!i || i >= 2) ? 2 : 1 : 1, j = 1 / i
|
||||
}
|
||||
if (f.setAttribute("data-dpr", i), !g)
|
||||
if (g = e.createElement("meta"), g.setAttribute("name", "viewport"), g.setAttribute("content",
|
||||
"initial-scale=" + j + ", maximum-scale=" + j + ", minimum-scale=" + j + ", user-scalable=no"), f
|
||||
.firstElementChild) f.firstElementChild.appendChild(g);
|
||||
else {
|
||||
var r = e.createElement("div");
|
||||
r.appendChild(g), e.write(r.innerHTML)
|
||||
}
|
||||
a.addEventListener("resize", function () {
|
||||
clearTimeout(d), d = setTimeout(c, 300)
|
||||
}, !1), a.addEventListener("pageshow", function (a) {
|
||||
a.persisted && (clearTimeout(d), d = setTimeout(c, 300))
|
||||
}, !1), "complete" === e.readyState ? e.body.style.fontSize = 12 * i + "px" : e.addEventListener(
|
||||
"DOMContentLoaded",
|
||||
function () {
|
||||
e.body.style.fontSize = 12 * i + "px"
|
||||
}, !1), c(), k.dpr = a.dpr = i, k.refreshRem = c, k.rem2px = function (a) {
|
||||
var b = parseFloat(a) * this.rem;
|
||||
return "string" == typeof a && a.match(/rem$/) && (b += "px"), b
|
||||
}, k.px2rem = function (a) {
|
||||
var b = parseFloat(a) / this.rem;
|
||||
return "string" == typeof a && a.match(/px$/) && (b += "rem"), b
|
||||
}
|
||||
}(window, window.lib || (window.lib = {}));
|
||||
</script>
|
||||
<script>
|
||||
$(".money-record").on('click',function () {
|
||||
window.location.href= ctx + '/activity/exchange/view?token=${token}';
|
||||
})
|
||||
</script>
|
||||
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
$(function(){
|
||||
//创建MeScroll对象
|
||||
var mescroll = new MeScroll("mescroll", {
|
||||
down: {
|
||||
auto: false, //是否在初始化完毕之后自动执行下拉回调callback; 默认true
|
||||
callback: downCallback, //下拉刷新的回调
|
||||
},
|
||||
up: {
|
||||
auto: false, //是否在初始化时以上拉加载的方式自动加载第一页数据; 默认false
|
||||
callback: upCallback, //上拉回调,此处可简写; 相当于 callback: function (page) { upCallback(page); }
|
||||
htmlNodata: "没有更多了",
|
||||
}
|
||||
});
|
||||
/*下拉刷新的回调 */
|
||||
function downCallback(){
|
||||
//联网加载数据
|
||||
getListDataFromNet(0, 10, function(data){
|
||||
//联网成功的回调,隐藏下拉刷新的状态
|
||||
mescroll.endSuccess();
|
||||
//设置列表数据
|
||||
setListData(data,false);
|
||||
}, function(){
|
||||
//联网失败的回调,隐藏下拉刷新的状态
|
||||
mescroll.endErr();
|
||||
});
|
||||
}
|
||||
var page = {num:1, size:10};
|
||||
function upCallback(page){
|
||||
//联网加载数据
|
||||
page.num = 2;
|
||||
getListDataFromNet(page.num, page.size, function(data){
|
||||
//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
|
||||
mescroll.endSuccess(data.length);//传参:数据的总数; mescroll会自动判断列表如果无任何数据,则提示空;列表无下一页数据,则提示无更多数据;
|
||||
//设置列表数据
|
||||
setListData(data, true);
|
||||
}, function(){
|
||||
//联网失败的回调,隐藏下拉刷新和上拉加载的状态;
|
||||
mescroll.endErr();
|
||||
});
|
||||
}
|
||||
|
||||
/*设置列表数据*/
|
||||
function setListData(data, isAppend) {
|
||||
var str = "";
|
||||
for (var i = 0; i <data.length; i++) {
|
||||
var newObj=data[i];
|
||||
str += '<div class="wrapper-order-item">' +
|
||||
'<div class="wrapper-order-item-content">' +
|
||||
'<div class="good-label">商品名称</div>' +
|
||||
'<div class="ellipsis">'+newObj.name+'</div></div>' +
|
||||
'<div class="wrapper-order-item-content">' +
|
||||
'<div class="good-label">价格</div>' +
|
||||
'<div class="ellipsis">'+(parseFloat(newObj.price).toFixed(2))+'</div></div>';
|
||||
if(newObj.expressNo){
|
||||
str += '<div class="wrapper-order-item-content">'+
|
||||
'<div class="good-label">快递单号</div>'+
|
||||
'<textarea style="display: none" cols="30" rows="10"></textarea>' +
|
||||
'<div class="ellipsis expressNo" onclick="copyText(this)">'+newObj.expressNo+'</div></div>'
|
||||
}
|
||||
str += '<div class="wrapper-order-item-content">'+
|
||||
'<div class="good-label">支付状态</div>'+
|
||||
'<div class="ellipsis" style="color: green">';
|
||||
if(newObj.status == 1){
|
||||
str +='<span style="color: green">已支付</span>';
|
||||
}else{
|
||||
str +='<span style="color: red">待支付</span>';
|
||||
}
|
||||
str += '</div></div>';
|
||||
str += '<div class="wrapper-order-item-content">'+
|
||||
'<div class="good-label">发货状态</div>'+
|
||||
'<div class="ellipsis" style="color: green">';
|
||||
if(newObj.deliveryStatus == 1){
|
||||
str +='<span style="color: green">已发货</span>';
|
||||
}else{
|
||||
str +='<span style="color: #ec4406">待发货</span>';
|
||||
}
|
||||
str += '</div></div>'+
|
||||
'<div class="wrapper-order-item-content">'+
|
||||
'<div class="good-label">兑换时间</div>'+
|
||||
'<div class="ellipsis"> '+renderTime(newObj.createTime)+'</div></div></div>';
|
||||
|
||||
}
|
||||
if(!isAppend){
|
||||
$(".list-wrap").empty();
|
||||
}
|
||||
$(".list-wrap").append(str);
|
||||
}
|
||||
function renderTime(date) {
|
||||
var dateee = new Date(date).toJSON();
|
||||
return new Date(+new Date(dateee) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
|
||||
}
|
||||
/*联网加载列表数据*/
|
||||
var downIndex=0;
|
||||
function getListDataFromNet(pageNum,pageSize,successCallback,errorCallback) {
|
||||
//延时一秒,模拟联网
|
||||
setTimeout(function () {
|
||||
try{
|
||||
$.ajax({
|
||||
url : ctx + '/activity/goods/exchange/page',
|
||||
dataType : 'json',
|
||||
type : "post",
|
||||
data : {
|
||||
'token': '${token}',
|
||||
'pageNum': pageNum,
|
||||
'pageSize': pageSize,
|
||||
},
|
||||
success : function(res) {
|
||||
if(res.code == 200){
|
||||
var list = res.data.records;
|
||||
successCallback&&successCallback(list);
|
||||
}else {
|
||||
errorCallback&&errorCallback();
|
||||
}
|
||||
},
|
||||
})
|
||||
}catch(e){
|
||||
//联网失败的回调
|
||||
errorCallback&&errorCallback();
|
||||
}
|
||||
},1000)
|
||||
}
|
||||
|
||||
//禁止PC浏览器拖拽图片,避免与下拉刷新冲突;如果仅在移动端使用,可删除此代码
|
||||
document.ondragstart=function() {return false;}
|
||||
});
|
||||
|
||||
function copyText(o){
|
||||
let text = $(o).html();
|
||||
let textArea = $(o).prev("textarea");
|
||||
textArea.val(text);
|
||||
$(o).prev("textarea")[0].select(); //选择文本框中内容
|
||||
document.execCommand('copy');
|
||||
// $.toast("复制成功","text");
|
||||
// document.execCommand("copy");
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
449
pluss-wap-page/src/main/webapp/WEB-INF/jsp/activity/goods.jsp
Normal file
449
pluss-wap-page/src/main/webapp/WEB-INF/jsp/activity/goods.jsp
Normal file
@@ -0,0 +1,449 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html lang="en" data-dpr="1" style="font-size: 37.52px;">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<meta name="viewport"
|
||||
content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="keywords" content="">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<title>商品列表</title>
|
||||
<link rel="stylesheet" href="${resourcePath}/css/h5.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/h5-common.css">
|
||||
<style>
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
outline: 0;
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
}
|
||||
div {
|
||||
display: block;
|
||||
}
|
||||
.ui-page, .ui-page:after {
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
#app, body, html {
|
||||
font-size: .34333333rem;
|
||||
height: 100%;
|
||||
color: #333;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.ui-page[data-v-07f6ffda] {
|
||||
position: relative;
|
||||
max-width: 256px;
|
||||
max-width: 16rem;
|
||||
min-height: 100%;
|
||||
background-color: #f7f7f7;
|
||||
padding-top: 1px;
|
||||
margin: -1px auto 0;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
.money-exchange[data-v-07f6ffda] {
|
||||
height: 100%;
|
||||
}
|
||||
.money-exchange .money-header-amount[data-v-07f6ffda] {
|
||||
width: 100%;
|
||||
height: 34.133px;
|
||||
height: 2.13333333rem;
|
||||
box-sizing: border-box;
|
||||
background-image: linear-gradient(153deg,#fca195, #ef5151 89%);
|
||||
color: #fff;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.money-exchange .money-header-amount .money-amount[data-v-07f6ffda] {
|
||||
height: 34.133px;
|
||||
height: 2.13333333rem;
|
||||
padding-left: 6.4px;
|
||||
padding-left: .4rem;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
padding: 5.333px;
|
||||
padding: .33333333rem;
|
||||
}
|
||||
.money-exchange .money-header-amount .money-amount div.title[data-v-07f6ffda] {
|
||||
height: .6rem;
|
||||
font-size: 5.12px;
|
||||
font-size: .32rem;
|
||||
line-height: 9.6px;
|
||||
line-height: .6rem;
|
||||
font-family: DINAlternate-Bold;
|
||||
}
|
||||
.money-exchange .money-header-amount .money-amount div.money[data-v-07f6ffda] {
|
||||
height: .86666667rem;
|
||||
font-size: .66666667rem;
|
||||
line-height: .86666667rem;
|
||||
font-family: DINAlternate-Bold;
|
||||
}
|
||||
.money-exchange .money-header-amount .money-record[data-v-07f6ffda] {
|
||||
margin-right: 5.12px;
|
||||
margin-right: .32rem;
|
||||
height: 10.666px;
|
||||
height: .66666667rem;
|
||||
line-height: 10.24px;
|
||||
line-height: .64rem;
|
||||
width: 42.666px;
|
||||
width: 2.66666667rem;
|
||||
border-radius: .39333333rem;
|
||||
font-size: 5.546px;
|
||||
font-size: .34666667rem;
|
||||
border: 1px solid #fff;
|
||||
text-align: center;
|
||||
}
|
||||
/*.money-exchange .money-content[data-v-07f6ffda] {*/
|
||||
/* width: 100%;*/
|
||||
/* height: 100%;*/
|
||||
/* padding-top: 34.133px;*/
|
||||
/* padding-top: 2.13333333rem;*/
|
||||
/* position: relative;*/
|
||||
/* overflow: auto;*/
|
||||
/*}*/
|
||||
.money-exchange .money-content div.no-goods[data-v-07f6ffda] {
|
||||
position: absolute;
|
||||
width: 85.333px;
|
||||
width: 5.33333333rem;
|
||||
height: 106.666px;
|
||||
height: 6.66666667rem;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
}
|
||||
.money-exchange .money-content div.no-goods span[data-v-07f6ffda] {
|
||||
display: inline-block;
|
||||
width: 85.333px;
|
||||
width: 5.33333333rem;
|
||||
height: 21.333px;
|
||||
height: 1.33333333rem;
|
||||
text-align: center;
|
||||
line-height: 21.333px;
|
||||
line-height: 1.33333333rem;
|
||||
font-size: 6.4px;
|
||||
font-size: .4rem;
|
||||
color: #999;
|
||||
}
|
||||
.money-exchange .money-content div.no-goods img[data-v-07f6ffda] {
|
||||
width: 85.333px;
|
||||
width: 5.33333333rem;
|
||||
height: 85.333px;
|
||||
height: 5.33333333rem;
|
||||
}
|
||||
.money-exchange .money-content .goods-list[data-v-07f6ffda] {
|
||||
padding-left: 4.266px;
|
||||
padding-left: .26666667rem;
|
||||
padding-right: 4.266px;
|
||||
padding-right: .26666667rem
|
||||
}
|
||||
.money-exchange .money-content .goods-list .list-title[data-v-07f6ffda] {
|
||||
height: 14.933px;
|
||||
height: .93333333rem;
|
||||
line-height: 14.933px;
|
||||
line-height: .93333333rem;
|
||||
font-size: 6.4px;
|
||||
font-size: .4rem;
|
||||
font-weight: 700
|
||||
}
|
||||
.money-exchange .money-content .goods-list .list-wrap[data-v-07f6ffda] {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap
|
||||
}
|
||||
.money-exchange .money-content .goods-list .list-wrap .list-item[data-v-07f6ffda] {
|
||||
width: 49%;
|
||||
font-size: 0;
|
||||
margin-bottom: .3666rem;
|
||||
}
|
||||
.money-exchange .money-content .goods-list .list-wrap .list-item .item-image[data-v-07f6ffda] {
|
||||
width: 100%;
|
||||
}
|
||||
.money-exchange .money-content .goods-list .list-wrap .list-item .item-name[data-v-07f6ffda] {
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
padding-top: 2.133px;
|
||||
padding-top: .13333333rem;
|
||||
font-size: 5.973px;
|
||||
font-size: .37333333rem
|
||||
}
|
||||
.money-exchange .money-content .goods-list .list-wrap .list-item .item-image img[data-v-07f6ffda] {
|
||||
width: 100%;
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
.money-exchange .money-content .goods-list .list-wrap .list-item .item-amount[data-v-07f6ffda] {
|
||||
color: #ff721f;
|
||||
font-size: .55rem;
|
||||
display: inline-block;
|
||||
margin-right: 1.066px;
|
||||
margin-right: .06666667rem;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.money-exchange .money-content .goods-list .list-wrap .list-item .item-detail[data-v-07f6ffda] {
|
||||
color: #ff721f;
|
||||
font-size: 5.546px;
|
||||
font-size: .34666667rem;
|
||||
height: 12.8px;
|
||||
height: .8rem;
|
||||
display: inline-block;
|
||||
margin-right: 2.133px;
|
||||
margin-right: .13333333rem
|
||||
}
|
||||
|
||||
.money-exchange .money-content .goods-list .list-wrap .list-item .item-tip[data-v-07f6ffda] {
|
||||
font-size: 5.546px;
|
||||
font-size: .34666667rem;
|
||||
height: 12.8px;
|
||||
height: .8rem;
|
||||
display: inline-block;
|
||||
text-decoration: line-through;
|
||||
color: #999
|
||||
}
|
||||
div.polaroid {
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1), 0 1px 1px 0 rgba(0, 0, 0, .1);
|
||||
border-radius: 5px;
|
||||
}
|
||||
.goods-content{
|
||||
line-height: .45rem;
|
||||
padding: 0 .2rem;
|
||||
}
|
||||
.item-name{
|
||||
margin-top: .1rem;
|
||||
}
|
||||
.item-amount{
|
||||
margin-top: .2rem;
|
||||
}
|
||||
.postage{
|
||||
font-size: .4rem;
|
||||
}
|
||||
.hread{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0.3rem 0.25rem;
|
||||
background-color: #fff;
|
||||
margin-bottom: 0.3rem;
|
||||
font-size: 16px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
border: 0;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
height: 1.2rem;
|
||||
border-bottom: 1px solid #d5d3d3;
|
||||
}
|
||||
.integral{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.integral-label{
|
||||
color: #888888;
|
||||
}
|
||||
.integral-value{
|
||||
color: #ff721f;
|
||||
font-weight: bold;
|
||||
}
|
||||
.integral-record-btn{
|
||||
height: 0.66666667rem;
|
||||
line-height: .64rem;
|
||||
width: 2.3rem;
|
||||
border-radius: 0.1rem;
|
||||
font-size: .34666667rem;
|
||||
border: 1px solid #ff721f;
|
||||
text-align: center;
|
||||
color: #ff721f;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="font-size: 12px;">
|
||||
<div id="app">
|
||||
<div class="hread">
|
||||
<div class="integral">
|
||||
<div class="integral-label">可用积分：</div>
|
||||
<div class="integral-value">${useAmt}</div>
|
||||
</div>
|
||||
<div class="integral-record-btn money-record">兑换记录</div>
|
||||
</div>
|
||||
<div data-v-07f6ffda="" class="ui-page money-exchange">
|
||||
<%-- <div data-v-07f6ffda="" class="money-header-amount">--%>
|
||||
<%-- <div data-v-07f6ffda="" class="money-amount">--%>
|
||||
<%-- <div data-v-07f6ffda="" class="title">可用积分</div>--%>
|
||||
<%-- <div data-v-07f6ffda="" class="money">${useAmt}</div>--%>
|
||||
<%-- </div>--%>
|
||||
<%-- <div data-v-07f6ffda="" class="money-record">商品兑换记录</div>--%>
|
||||
<%-- </div>--%>
|
||||
<div data-v-07f6ffda="" class="money-content">
|
||||
<c:if test="${empty goodList }">
|
||||
<div data-v-07f6ffda="" class="no-goods">
|
||||
<img data-v-07f6ffda="" src="${resourcePath}/images/no-goods.png" alt="">
|
||||
<span data-v-07f6ffda="">更多好货，敬请期待</span>
|
||||
</div>
|
||||
</c:if>
|
||||
<%-- <div data-v-07f6ffda="" class="no-goods">--%>
|
||||
<%-- <img data-v-07f6ffda="" src="${resourcePath}/images/no-goods.png" alt="">--%>
|
||||
<%-- <span data-v-07f6ffda="">更多好货，敬请期待</span>--%>
|
||||
<%-- </div>--%>
|
||||
<c:if test="${not empty goodList }">
|
||||
<div data-v-07f6ffda class="goods-list">
|
||||
<%-- <div data-v-07f6ffda class="list-title" style="margin: .222rem 0 .4444rem 0">--%>
|
||||
<%-- 商品列表--%>
|
||||
<%-- </div>--%>
|
||||
<div data-v-07f6ffda class="list-wrap">
|
||||
<c:forEach items="${goodList}" var="good">
|
||||
<div data-v-07f6ffda data-index="${good.id}" class="list-item polaroid" onclick="detail(this)" >
|
||||
<div data-v-07f6ffda class="item-image">
|
||||
<img data-v-07f6ffda src="${good.imgUrl}">
|
||||
</div>
|
||||
<div class="goods-content">
|
||||
<div data-v-07f6ffda class="item-name">
|
||||
${good.goodName}
|
||||
</div>
|
||||
<div data-v-07f6ffda class="item-amount">
|
||||
${good.goodPrice}
|
||||
<span class="postage" style="display: ${good.isPostage eq 1 ? 'black' : 'none'}">
|
||||
包邮
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:forEach>
|
||||
</div>
|
||||
</div>
|
||||
</c:if>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
/* === 判断支持版本 start === */
|
||||
(function () {
|
||||
var viewportTag = null;
|
||||
var metaTags = document.getElementsByTagName('meta');
|
||||
for (var i = 0; i < metaTags.length; i++) {
|
||||
if (metaTags[i].getAttribute('name') === "viewport") {
|
||||
viewportTag = metaTags[i];
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!viewportTag) {
|
||||
viewportTag = document.createElement("meta");
|
||||
viewportTag.setAttribute('name', 'viewport');
|
||||
}
|
||||
|
||||
var viewportTagContent =
|
||||
'width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no';
|
||||
|
||||
// Detect if iOS device
|
||||
if (/(iPhone|iPod|iPad)/i.test(window.navigator.userAgent)) {
|
||||
// Get iOS major version
|
||||
var iosVersion = parseInt((window.navigator.userAgent).match(/OS (\d+)_(\d+)_?(\d+)? like Mac OS X/i)[1]);
|
||||
// Detect if device is running >iOS 11
|
||||
// iOS 11's UIWebView and WKWebView changes the viewport behaviour to render viewport without the status bar. Need to override with "viewport-fit: cover" to include the status bar.
|
||||
if (iosVersion >= 11) {
|
||||
viewportTagContent += ', viewport-fit=cover';
|
||||
}
|
||||
}
|
||||
|
||||
// Update viewport tag attribute
|
||||
viewportTag.setAttribute('content', viewportTagContent);
|
||||
})();
|
||||
/* === 判断支持版本 end === */
|
||||
|
||||
// refs http://www.html-js.com/article/3041 移动端高清、多屏适配方案
|
||||
!function (a, b) {
|
||||
function c() {
|
||||
var b = f.getBoundingClientRect().width;
|
||||
b / i > 540 && (b = 540 * i);
|
||||
var c = b / 10;
|
||||
f.style.fontSize = c + "px", k.rem = a.rem = c
|
||||
}
|
||||
var d, e = a.document,
|
||||
f = e.documentElement,
|
||||
g = e.querySelector('meta[name="viewport"]'),
|
||||
h = e.querySelector('meta[name="flexible"]'),
|
||||
i = 0,
|
||||
j = 0,
|
||||
k = b.flexible || (b.flexible = {});
|
||||
if (g) {
|
||||
var l = g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);
|
||||
l && (j = parseFloat(l[1]), i = parseInt(1 / j))
|
||||
} else if (h) {
|
||||
var m = h.getAttribute("content");
|
||||
if (m) {
|
||||
var n = m.match(/initial\-dpr=([\d\.]+)/),
|
||||
o = m.match(/maximum\-dpr=([\d\.]+)/);
|
||||
n && (i = parseFloat(n[1]), j = parseFloat((1 / i).toFixed(2))), o && (i = parseFloat(o[1]), j = parseFloat((
|
||||
1 / i).toFixed(2)))
|
||||
}
|
||||
}
|
||||
if (!i && !j) {
|
||||
var p = (a.navigator.appVersion.match(/android/gi), a.navigator.appVersion.match(/iphone/gi)),
|
||||
q = a.devicePixelRatio;
|
||||
i = p ? q >= 3 && (!i || i >= 3) ? 3 : q >= 2 && (!i || i >= 2) ? 2 : 1 : 1, j = 1 / i
|
||||
}
|
||||
if (f.setAttribute("data-dpr", i), !g)
|
||||
if (g = e.createElement("meta"), g.setAttribute("name", "viewport"), g.setAttribute("content",
|
||||
"initial-scale=" + j + ", maximum-scale=" + j + ", minimum-scale=" + j + ", user-scalable=no"), f
|
||||
.firstElementChild) f.firstElementChild.appendChild(g);
|
||||
else {
|
||||
var r = e.createElement("div");
|
||||
r.appendChild(g), e.write(r.innerHTML)
|
||||
}
|
||||
a.addEventListener("resize", function () {
|
||||
clearTimeout(d), d = setTimeout(c, 300)
|
||||
}, !1), a.addEventListener("pageshow", function (a) {
|
||||
a.persisted && (clearTimeout(d), d = setTimeout(c, 300))
|
||||
}, !1), "complete" === e.readyState ? e.body.style.fontSize = 12 * i + "px" : e.addEventListener(
|
||||
"DOMContentLoaded",
|
||||
function () {
|
||||
e.body.style.fontSize = 12 * i + "px"
|
||||
}, !1), c(), k.dpr = a.dpr = i, k.refreshRem = c, k.rem2px = function (a) {
|
||||
var b = parseFloat(a) * this.rem;
|
||||
return "string" == typeof a && a.match(/rem$/) && (b += "px"), b
|
||||
}, k.px2rem = function (a) {
|
||||
var b = parseFloat(a) / this.rem;
|
||||
return "string" == typeof a && a.match(/px$/) && (b += "rem"), b
|
||||
}
|
||||
}(window, window.lib || (window.lib = {}));
|
||||
</script>
|
||||
<script>
|
||||
function detail(obj) {
|
||||
var g = $(obj).attr("data-index");
|
||||
window.location.href= ctx + '/activity/good/detail?token=${token}&g='+g;
|
||||
}
|
||||
$(".money-record").on('click',function () {
|
||||
window.location.href= ctx + '/activity/exchange/view?token=${token}';
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
340
pluss-wap-page/src/main/webapp/WEB-INF/jsp/activity/order.jsp
Normal file
340
pluss-wap-page/src/main/webapp/WEB-INF/jsp/activity/order.jsp
Normal file
File diff suppressed because one or more lines are too long
45
pluss-wap-page/src/main/webapp/WEB-INF/jsp/aliPay/aliPay.jsp
Normal file
45
pluss-wap-page/src/main/webapp/WEB-INF/jsp/aliPay/aliPay.jsp
Normal file
@@ -0,0 +1,45 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<script type="text/javascript" src="https://www.shouyinbei.net/resources/wap/js/jquery.qrcode.js"></script>
|
||||
<script type="text/javascript" src="https://www.shouyinbei.net/resources/wap/js/qrcode.js"></script>
|
||||
</script>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>支付宝授权码</title>
|
||||
</head>
|
||||
<body class="bluebg">
|
||||
<div class="positionf wp100 left0 top0 zindex100 h40 tcenter">
|
||||
<div>
|
||||
<span class="white">支付宝授权码</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 容器 -->
|
||||
<div class="weui-tab">
|
||||
<div class="mt50">
|
||||
<div class="ml20 mr20 pt20 fc cardbg">
|
||||
<div class="lgraybg radius5" id="qrcodeTable" style="width: 210px;margin:15px auto"></div>
|
||||
<div class="pt10 pb50 tcenter f14"><span class="f-red">*注:</span><span class="">请使用支付宝进件支付宝扫码</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" id="website" value="${returnUrl}">
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
var website=$("#website").val();
|
||||
$(".lgraybg").height($(".lgraybg").width());
|
||||
jQuery('#qrcodeTable').qrcode({
|
||||
//这种方式兼容IE8
|
||||
text: website,
|
||||
width:210, // 宽度
|
||||
height:210,
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
33
pluss-wap-page/src/main/webapp/WEB-INF/jsp/aliPay/fail.jsp
Normal file
33
pluss-wap-page/src/main/webapp/WEB-INF/jsp/aliPay/fail.jsp
Normal file
@@ -0,0 +1,33 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>授权失败</title>
|
||||
</head>
|
||||
<body style="background:#f7f8fa;">
|
||||
<div class="page-title tcenter bluebg white h40 white positionr">
|
||||
<div>
|
||||
<span>授权失败</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_form ml20 mr20 mt50">
|
||||
<form method="post">
|
||||
<div class="weui-cells weui-cells_form mt50 tcenter">
|
||||
<div class="bg-red icon icon-95 f55 white dlblock radiusp50 padding15">
|
||||
|
||||
</div>
|
||||
<div class="mt30">
|
||||
授权失败！
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ page import="java.util.*"%>
|
||||
<%@ page import="java.util.Map"%>
|
||||
<%@ page import="com.alipay.api.*"%>
|
||||
<%@ page import="com.alipay.api.request.*"%>
|
||||
<%@ page import="com.alipay.api.response.*"%>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>支付宝页面跳转同步通知页面</title>
|
||||
</head>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,33 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>授权成功</title>
|
||||
</head>
|
||||
<body style="background:#f7f8fa;">
|
||||
<div class="page-title tcenter bluebg white h40 white positionr">
|
||||
<div>
|
||||
<span>授权成功</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_form ml20 mr20 mt50">
|
||||
<form method="post">
|
||||
<div class="weui-cells weui-cells_form mt50 tcenter">
|
||||
<div class="bg-green icon icon-66 f55 white dlblock radiusp50 padding15">
|
||||
|
||||
</div>
|
||||
<div class="mt30">
|
||||
授权成功！
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
1410
pluss-wap-page/src/main/webapp/WEB-INF/jsp/customer/customerSet.jsp
Normal file
1410
pluss-wap-page/src/main/webapp/WEB-INF/jsp/customer/customerSet.jsp
Normal file
File diff suppressed because it is too large
Load Diff
308
pluss-wap-page/src/main/webapp/WEB-INF/jsp/device/order.jsp
Normal file
308
pluss-wap-page/src/main/webapp/WEB-INF/jsp/device/order.jsp
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,102 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" data-dpr="1">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<meta name="viewport"
|
||||
content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="keywords" content="">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<jsp:include page="../../common.jsp"/>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="' + resourcePath + '/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<title>流量卡充值</title>
|
||||
|
||||
<script type="text/javascript" src="${resourcePath}/js/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="${resourcePath}/js/zepto.weui.js"></script>
|
||||
<link rel="stylesheet" href="${resourcePath}/css/h5.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/h5-common.css">
|
||||
<%-- <link rel="stylesheet" href="${resourcePath}/css/weui.css">--%>
|
||||
<%-- <link rel="stylesheet" href="${resourcePath}/css/weuix.css">--%>
|
||||
<style>
|
||||
@media screen and (max-device-width: 395px) {
|
||||
div.title {
|
||||
font-size: 6em;
|
||||
margin-top: 100px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.input {
|
||||
display: inline-block;
|
||||
font-size: 4em;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-device-width: 396px) and (max-device-width: 800px) {
|
||||
div.title {
|
||||
font-size: 2.4em;
|
||||
margin-top: 100px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.input {
|
||||
display: inline-block;
|
||||
font-size: 1.6em;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-device-width: 800px) {
|
||||
div.title {
|
||||
font-size: 3.6em;
|
||||
margin-top: 100px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.input {
|
||||
display: inline-block;
|
||||
font-size: 2.4em;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="font-size: 62.5%">
|
||||
<div style="text-align: center">
|
||||
<div class="title">流量卡充值</div>
|
||||
|
||||
<div>
|
||||
<div style="display: inline-block; margin-left: 10px; margin-top: 50px;">
|
||||
<div class="input">设备编号</div>
|
||||
</div>
|
||||
<div style="display: inline-block; margin-left: 10px; margin-top: 50px;">
|
||||
<input class="input" type="text" name="snNo" placeholder="请输入设备编号或SN号" />
|
||||
</div>
|
||||
<div style="margin-left: 15px; margin-top: 50px" class="button-sp-area">
|
||||
<a style="width: 184px; font-size: 18px;" href="javascript:" role="button" class="weui-btn weui-btn_primary" onclick="next()">下一步</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
function next() {
|
||||
var snNo = $('input[name="snNo"]').val();
|
||||
if (snNo == null || snNo == '') {
|
||||
debugger;
|
||||
$.toast("设备编号不能为空", "text");
|
||||
return;
|
||||
}
|
||||
window.location = ctx + "/merchantDevice/simOrder?token=${token}&snNo=" + snNo;
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
27
pluss-wap-page/src/main/webapp/WEB-INF/jsp/error.jsp
Normal file
27
pluss-wap-page/src/main/webapp/WEB-INF/jsp/error.jsp
Normal file
@@ -0,0 +1,27 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
|
||||
<jsp:include page="../common.jsp" />
|
||||
<head>
|
||||
<body>
|
||||
<div class="weui-mask weui-mask--visible" style="opacity: 1;"></div>
|
||||
<div class="weui-dialog weui-dialog--visible" style="opacity: 1;">
|
||||
<div class="weui-dialog__hd"><strong class="weui-dialog__title">错误提示</strong></div>
|
||||
<div class="weui-dialog__bd">${error}</div>
|
||||
<div class="weui-dialog__ft">
|
||||
<a href="javascript:;" class="weui-dialog__btn primary" onclick="WeixinJSBridge.call('closeWindow');">确定</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
|
||||
// 通过下面这个API隐藏右上角按钮
|
||||
WeixinJSBridge.call('hideOptionMenu');
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
31
pluss-wap-page/src/main/webapp/WEB-INF/jsp/index/index.jsp
Normal file
31
pluss-wap-page/src/main/webapp/WEB-INF/jsp/index/index.jsp
Normal file
@@ -0,0 +1,31 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<jsp:include page="../../common.jsp"></jsp:include>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<link rel="shortcut icon" href="${resourcePath }/images/favicon.ico" type="image/x-icon">
|
||||
<meta name="keywords" content="">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<title>武汉荣商创银科技有限公司</title>
|
||||
|
||||
<script type="text/javascript">
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body style="overflow: hidden;">
|
||||
welcome to wap!<br/>
|
||||
|
||||
<c:forEach var="sys" items="${systemConfigList }">
|
||||
|
||||
${sys.propertyValue }<br/>
|
||||
</c:forEach>
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
||||
654
pluss-wap-page/src/main/webapp/WEB-INF/jsp/merchant/audit.jsp
Normal file
654
pluss-wap-page/src/main/webapp/WEB-INF/jsp/merchant/audit.jsp
Normal file
@@ -0,0 +1,654 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
|
||||
<meta http-equiv="pragma" content="no-cache">
|
||||
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
|
||||
<meta http-equiv="expires" content="0">
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="' + resourcePath + '/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<title>商户进件审核</title>
|
||||
<style>
|
||||
#Rootloading {
|
||||
display: inline-block;
|
||||
width: 12.8%;
|
||||
max-width: 80px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
</style>
|
||||
<link href="${resourcePath}/css/act-common.css" rel="stylesheet">
|
||||
<style id="__WXWORK_INNER_SCROLLBAR_CSS">
|
||||
::-webkit-scrollbar {
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:vertical {
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track:horizontal {
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:horizontal {
|
||||
background-color: rgba(136, 141, 152, 0.5) !important;
|
||||
border-radius: 10px !important;
|
||||
background-clip: content-box !important;
|
||||
border: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-resizer {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.content-wrapper .header {
|
||||
height: 3.125rem;
|
||||
background-color: #ff2d4b;
|
||||
color: white;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.merc-info {
|
||||
margin: 1.25rem 1.25rem;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid rgba(163, 162, 162, .5);
|
||||
}
|
||||
|
||||
.main-title {
|
||||
border-left: 6px solid #ff2d4b;
|
||||
padding-left: .8rem;
|
||||
color: #ff2d4b;
|
||||
}
|
||||
|
||||
.item-image-view {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.item-image-view .item-image img {
|
||||
height: 100px;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.item-image img {
|
||||
height: 160px;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.item-image {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.item-value {
|
||||
max-width: 15.625rem;
|
||||
}
|
||||
|
||||
.foot {
|
||||
height: 5rem;
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.foot-bottom {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin: 1.25rem 5%;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
line-height: 2.4rem;
|
||||
}
|
||||
|
||||
.foot-bottom .btn-success {
|
||||
background-color: #67C23A;
|
||||
color: white;
|
||||
height: 2.4rem;
|
||||
width: 45%;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
.foot-bottom .btn-reject {
|
||||
background-color: #F56C6C;
|
||||
color: white;
|
||||
height: 2.4rem;
|
||||
width: 45%;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
|
||||
#imgdiv {
|
||||
width: 500px;
|
||||
margin: 50px auto;
|
||||
}
|
||||
|
||||
#imgdiv img {
|
||||
width: 300px;
|
||||
margin: 0 100px;
|
||||
}
|
||||
|
||||
#bigimg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
background: rgba(0, 0, 0, .3);
|
||||
top: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#bigimg img {
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 80px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn-cacle {
|
||||
background-color: #67C23A;
|
||||
}
|
||||
|
||||
.btn-cancel {
|
||||
background-color: #909399;
|
||||
}
|
||||
.channle-item{
|
||||
line-height: 4rem;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.channel-radio-item{
|
||||
margin: 0 0.5rem;
|
||||
}
|
||||
.income-class{
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.class-loading{
|
||||
background-color: white;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
left: 30%;
|
||||
width: 40%;
|
||||
height: 45px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.class-loading-body{
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
width: 80%;
|
||||
text-align: center;
|
||||
padding: 8px 0 0 12px;
|
||||
}
|
||||
.loading-txt{
|
||||
color: #8d8b8b;
|
||||
}
|
||||
.hide{
|
||||
display: none;
|
||||
}
|
||||
.channel-text{
|
||||
margin-left: 0.2rem;
|
||||
}
|
||||
.ban-selected{
|
||||
color: #7d7d7d;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="height: auto;">
|
||||
<div id="app" class="">
|
||||
<div class="content-wrapper">
|
||||
<div class="header">
|
||||
进件审核
|
||||
</div>
|
||||
|
||||
<div class="main">
|
||||
|
||||
<div class="merc-info">
|
||||
<div class="main-popula-info">
|
||||
<div class="main-title">
|
||||
推广员基本信息
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="item-name">推广员名称</div>
|
||||
<div class="item-value">${app.userName}</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="item-name">登录账号</div>
|
||||
<div class="item-value">${info.loginName}</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="item-name">证件号</div>
|
||||
<div class="item-value">${cert.certNo}</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="item-name">实名认证件照</div>
|
||||
<div class="item-image-view">
|
||||
<div class="item-image"><img onerror="this.src='${resourcePath }/images/error.jpg'"
|
||||
src="${cert.imgPositive}" style="width: 125px"/></div>
|
||||
<div class="item-image"><img onerror="this.src='${resourcePath }/images/error.jpg'"
|
||||
src="${cert.imgNegative}" style="width: 125px"/></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="main-merc-info">
|
||||
<div class="main-title">
|
||||
商户基本信息
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-name">商户名称</div>
|
||||
<div class="item-value">${merchant.merchantName}</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="item-name">商户类型</div>
|
||||
<div class="item-value">${merchant.merchantType == '1' ? '小微' : merchant.merchantType == '2' ? '个体' : '企业'}</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="item-name">商户简称</div>
|
||||
<div class="item-value">${merchant.alias}</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-name">商户联系人</div>
|
||||
<div class="item-value">${merchant.contactName}</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-name">联系人电话</div>
|
||||
<div class="item-value">${merchant.contactMobile}</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-name">经营类目</div>
|
||||
<div class="item-value" style="font-size: 0.8rem">${merchant.mccName}</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="item-name">详细地址</div>
|
||||
<div class="item-value"
|
||||
style="font-size: 0.8rem">${merchant.province}${merchant.city}${merchant.district}${merchant.address}</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="item-name">门店照片</div>
|
||||
<div class="item-image-view">
|
||||
<div class="item-image"><img onerror="this.src='${resourcePath }/images/error.jpg'"
|
||||
src="${merchant.storeHeadPic}" style="width: 90px"/></div>
|
||||
<div class="item-image"><img onerror="this.src='${resourcePath }/images/error.jpg'"
|
||||
src="${merchant.cashPic}" style="width: 90px"/></div>
|
||||
<div class="item-image"><img onerror="this.src='${resourcePath }/images/error.jpg'"
|
||||
src="${merchant.storeInsidePic}" style="width: 90px"/></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<c:if test="${merchant.merchantType ne '1'}">
|
||||
<div class="main-license-info">
|
||||
|
||||
<div class="main-title">
|
||||
营业执照信息
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-name">法人姓名</div>
|
||||
<div class="item-value">${merchant.principalPerson}</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-name">法人证件号</div>
|
||||
<div class="item-value">${merchant.principalCertNo}</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-name">执照名称</div>
|
||||
<div class="item-value">${merchant.bussAuthName}</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-name">执照编号</div>
|
||||
<div class="item-value">${merchant.bussAuthNum}</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-name">注册地址</div>
|
||||
<div class="item-value" style="font-size: 0.8rem">${merchant.bussAuthAddress}</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="item-name">营业执照照片</div>
|
||||
<div class="item-image"><img onerror="this.src='${resourcePath }/images/error.jpg'"
|
||||
src="${merchant.businessLicensePic}"/></div>
|
||||
</div>
|
||||
</div>
|
||||
</c:if>
|
||||
|
||||
|
||||
<div class="main-settle-info">
|
||||
<div class="main-title">
|
||||
结算基本信息
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-name">银行名称</div>
|
||||
<div class="item-value">${bank.bankName}</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-name">支行名称</div>
|
||||
<div class="item-value">${bank.branchName}</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-name">开户名</div>
|
||||
<div class="item-value">${bank.bankHolder}</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-name">开户卡号</div>
|
||||
<div class="item-value">${bank.bankCardNo}</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-name">预留手机号</div>
|
||||
<div class="item-value">${bank.phone}</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-name">证件号码</div>
|
||||
<div class="item-value">${card.certNo}</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="item-name">结算人证件照</div>
|
||||
<div class="item-image-view">
|
||||
<div class="item-image"><img onerror="this.src='${resourcePath }/images/error.jpg'" src="${card.imgPositive}" style="width: 90px"/></div>
|
||||
<div class="item-image"><img onerror="this.src='${resourcePath }/images/error.jpg'" src="${card.imgNegative}" style="width: 90px"/></div>
|
||||
<div class="item-image"><img onerror="this.src='${resourcePath }/images/error.jpg'" src="${bank.imgUrl}" style="width: 90px"/></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
<div class="item-name">结算人其他照片</div>
|
||||
<div class="item-image-view">
|
||||
<div class="item-image"><img onerror="this.src='${resourcePath }/images/error.jpg'" src="${merchant.literalPic}" style="width: 125px"/></div>
|
||||
<div class="item-image"><img onerror="this.src='${resourcePath }/images/error.jpg'" src="${merchant.handPic}" style="width: 125px"/></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="item-name">商户协议</div>
|
||||
<div class="item-image-view">
|
||||
<div class="item-image"><img onerror="this.src='${resourcePath }/images/error.jpg'" src="${merchant.dealPic}" style="width: 125px"/></div>
|
||||
<div class="item-image"><img onerror="this.src='${resourcePath }/images/error.jpg'" src="${merchant.affilatePic}" style="width: 125px"/></div>
|
||||
</div>
|
||||
</div>
|
||||
<c:if test="${settleType == '012' || settleType == '022'}">
|
||||
<div>
|
||||
<div class="item-name">非法人授权函</div>
|
||||
<div class="item-image-view">
|
||||
<div class="item-image"><img onerror="this.src='${resourcePath}/images/error.jpg'" style="width: 125px" src="${merchant.warrantyPic}"/></div>
|
||||
</div>
|
||||
</div>
|
||||
</c:if>
|
||||
<c:if test="${channelFlag}">
|
||||
<div class="main-channel-info">
|
||||
<div class="main-title">
|
||||
通道信息
|
||||
</div>
|
||||
<div>已进件通道：${useChannelName}</div>
|
||||
</div>
|
||||
</c:if>
|
||||
<div class="main-settle-info">
|
||||
<div class="main-title">
|
||||
上次驳回原因
|
||||
</div>
|
||||
<div>驳回时间：${userApp.updateTime}</div>
|
||||
<div>驳回理由：${userApp.remark}</div>
|
||||
<p>
|
||||
<div>1</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="foot">
|
||||
<div class="foot-bottom">
|
||||
<div class="btn-success" id="adopt">通过</div>
|
||||
<div class="btn-reject" id="reject">驳回</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="imgdiv"></div>
|
||||
<!-- 放大遮罩层 -->
|
||||
<div id="bigimg" onclick="closeimg();"></div>
|
||||
|
||||
<div class="toast-wrapper" style="display: none;">
|
||||
<div class="toast"></div>
|
||||
</div>
|
||||
<%-- <div class="toast3-wrapper" style="display: block;">--%>
|
||||
|
||||
<%-- </div>--%>
|
||||
<div class="toast-wrapper2 toast-title" style="display: none;">
|
||||
<div class="toast2" id="toast1" style="height: 200px;">
|
||||
<p class="toast-title">选择进件通道</p>
|
||||
<div class="channle-item">
|
||||
<c:if test="${not empty channelList}">
|
||||
<c:forEach items="${channelList}" var="channel">
|
||||
<label for="${channel.channelCode}" class="channel-radio-item">
|
||||
<input type="radio" name="channel" ${channel.useFlag ? "disabled" : ""} data-id="${channel.id}" value="${channel.channelCode}" id="${channel.channelCode}" class="channel-radio"><span class="channel-text ${channel.useFlag ? "ban-selected" : ""}">${channel.channelName}</span>
|
||||
</label>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
</div>
|
||||
<div class="income-class">
|
||||
<div>已进件:${not empty useChannelName ? useChannelName : "暂无"}</div>
|
||||
<div>类型:${importType eq 2 ? '插件' : '普通'}</div>
|
||||
</div>
|
||||
<div class="foot-bottom" style="display: flex;justify-content: space-around;">
|
||||
<div class="btn-success" id="confirm">确定</div>
|
||||
<div class="btn-reject" id="cancel">取消</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="class-loading hide">
|
||||
<div class="class-loading-body">
|
||||
<div class="loading-img">
|
||||
<img src="${resourcePath }/images/loading-2.gif" width="28px">
|
||||
</div>
|
||||
<div class="loading-txt">加载中...</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="toast-wrapper2 reject-title" style="display: none;">
|
||||
<div class="toast2" id="toast2" style="height: 250px;">
|
||||
<p class="toast-title toast2-title">请入驳回原因</p>
|
||||
<p class="toast-message" style="line-height: 60px">
|
||||
<select name="remark1" id="remark1" style="max-width: 250px">
|
||||
<option value="">请选择</option>
|
||||
<c:forEach items="${rejectList}" var="reject">
|
||||
<option value="${reject.rejectName}">${reject.rejectName}</option>
|
||||
</c:forEach>
|
||||
</select>
|
||||
<textarea name="remark" id="remark" autocomplete="false" style="min-width: 250px;margin-left: 2px"
|
||||
placeholder="请输入驳回原因"></textarea>
|
||||
<%-- <input type="text" name="remark" style="margin-left: 4px;" autocomplete="false" placeholder="请输入驳回原因" id="remark">--%>
|
||||
</p>
|
||||
<div class="foot-bottom" style="display: flex;justify-content: space-around;">
|
||||
<div class="btn-success" id="save">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
$("img[id!='prevewImg']").on('click', function () {
|
||||
imgbig(this);
|
||||
})
|
||||
$("#adopt").on('click', function () {
|
||||
$(".toast-title-message").html("是否确认审核通过？");
|
||||
$(".toast-title").show();
|
||||
//$(".toast-title").fadeIn(700);
|
||||
})
|
||||
|
||||
$("#cancel").on('click', function () {
|
||||
$('#toast1').addClass('toast2-out');
|
||||
$('.toast-title').fadeOut(700);
|
||||
setTimeout(function () {
|
||||
$('#toast1').removeClass('toast2-out');
|
||||
}, 1000)
|
||||
})
|
||||
$("#reject").on('click', function () {
|
||||
$(".reject-title").fadeIn(700);
|
||||
$(".toast2-title").show();
|
||||
})
|
||||
$('#toast2').on('click', function (e) {
|
||||
e.stopPropagation();
|
||||
return false
|
||||
})
|
||||
$('.reject-title').click(function () {
|
||||
$('#toast2').addClass('toast2-out')
|
||||
$(this).fadeOut(700)
|
||||
setTimeout(function () {
|
||||
$('#toast2').removeClass('toast2-out')
|
||||
}, 1000)
|
||||
})
|
||||
$("#confirm").on('click', function () {
|
||||
let flag = false;
|
||||
let cV = "";
|
||||
let cI = "";
|
||||
$("[name='channel']").each((k,v)=>{
|
||||
if(v.checked){
|
||||
flag = true;
|
||||
cV = v.value;
|
||||
cI = $(v).data().id;
|
||||
}
|
||||
})
|
||||
if(!flag){
|
||||
alert("至少选中一个通道类型进件！");
|
||||
return;
|
||||
}
|
||||
let type = '${importType}';
|
||||
if(cV == "SXF" && type == 2){
|
||||
alert("随行付暂不支持插件进件！");
|
||||
return;
|
||||
}
|
||||
$("#toast1").hide();
|
||||
$(".class-loading").removeClass('hide');
|
||||
if(type == 1){
|
||||
//普通进件
|
||||
var url = "/manage/merchantStore/manualMerchantIncom/${userId}/"+cI+'/${app.merchantCode}';
|
||||
$.ajax({
|
||||
type:'GET',
|
||||
url:url,
|
||||
timeout:15000, //超时时间 15秒
|
||||
dataType: 'json',
|
||||
complete:(XMLHttpRequest, textStatus)=>{
|
||||
if(textStatus == 'timeout'){
|
||||
alert("请求超时，请登录后台查看进件结果！");
|
||||
}
|
||||
},
|
||||
success:(res)=>{
|
||||
if (res.code == 1) {
|
||||
alert("提交成功！");
|
||||
} else {
|
||||
alert(res.msg);
|
||||
}
|
||||
}
|
||||
})
|
||||
}else if (type == 2){
|
||||
//插件进件
|
||||
var url = "/manage/merchantStore/audit/${userId}";
|
||||
$.get(url,function (res) {
|
||||
$(".class-loading").addClass('hide');
|
||||
$(".toast-title").hide();
|
||||
$("#toast1").show();
|
||||
if (res.code == 200) {
|
||||
alert("提交成功！");
|
||||
} else {
|
||||
alert(res.msg);
|
||||
}
|
||||
})
|
||||
}else{
|
||||
alert("未知进件类型");
|
||||
$(".class-loading").addClass('hide');
|
||||
$(".toast-title").hide();
|
||||
$("#toast1").show();
|
||||
}
|
||||
})
|
||||
$("#remark1").on('change', function () {
|
||||
$("#remark").val($(this).val());
|
||||
})
|
||||
|
||||
$("#save").on('click', function () {
|
||||
var remark = $("#remark").val();
|
||||
if (!remark) {
|
||||
alert("请填写驳回原因！");
|
||||
return
|
||||
}
|
||||
var url = "/manage/merchantStore/rejectAudit/${userId}?errMsg=" + remark;
|
||||
$.get(url, function (res) {
|
||||
if (res.code == 1) {
|
||||
alert("操作成功！");
|
||||
$(".reject-title").hide();
|
||||
} else {
|
||||
alert(res.msg);
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
})
|
||||
|
||||
function imgbig(obj) {
|
||||
var imgsrc = $(obj).attr('src');
|
||||
$("#bigimg").css("display", "block");
|
||||
$("#bigimg").html("<img id='prevewImg' src=" + imgsrc + " />");
|
||||
}
|
||||
|
||||
function closeimg() {
|
||||
$("#bigimg").css("display", "none");
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
55
pluss-wap-page/src/main/webapp/WEB-INF/jsp/merchant/auth.jsp
Normal file
55
pluss-wap-page/src/main/webapp/WEB-INF/jsp/merchant/auth.jsp
Normal file
@@ -0,0 +1,55 @@
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<title></title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<input type="hidden" id="appId" value="${appId }">
|
||||
<input type="hidden" id=ali_appid value="${ali_appid }">
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
function GetQueryString(name){
|
||||
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
|
||||
var r = window.location.search.substr(1).match(reg);
|
||||
if(r!=null)return unescape(r[2]); return null;
|
||||
}
|
||||
|
||||
/**
|
||||
* 判断是否是微信浏览器
|
||||
*/
|
||||
function isWeiXin(){
|
||||
var ua = window.navigator.userAgent.toLowerCase();
|
||||
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
|
||||
return true;
|
||||
}else{
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* 业务分流
|
||||
*/
|
||||
var uri="${url}";
|
||||
var domain_url = '${domain_wap}';
|
||||
if(uri==''||typeof(uri)=='undefined'){
|
||||
uri=domain_url+"/index";
|
||||
}else{
|
||||
uri=domain_url+uri;
|
||||
}
|
||||
var appId=document.getElementById("appId").value;
|
||||
var aLi_appId=document.getElementById("ali_appid").value;
|
||||
if(isWeiXin()){
|
||||
var jump="https://open.weixin.qq.com/connect/oauth2/authorize?appid="+appId+"&redirect_uri="+encodeURIComponent(uri)+"&response_type=code&scope=snsapi_base&state=123#wechat_redirect";
|
||||
window.location=jump;
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,383 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>交易投诉</title>
|
||||
<script src="${resourcePath}/js/My97DatePicker/WdatePicker.js"></script>
|
||||
<style>
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #000;
|
||||
}
|
||||
.container{
|
||||
background-color: #f6f6f65e;
|
||||
}
|
||||
.header {
|
||||
height: 2rem;
|
||||
background-color: #ff2d4b;
|
||||
color: white;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
align-items: center
|
||||
}
|
||||
.content-wrapper {
|
||||
margin: 1.25rem 1rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.body-item{
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
.title {
|
||||
border-left: 4px solid #ff2d4b;
|
||||
padding-left: .8rem;
|
||||
color: #ff2d4b;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
.item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid rgba(163, 162, 162, .5);
|
||||
}
|
||||
.item-input{
|
||||
line-height: 1.5rem;
|
||||
font-size: 17px;
|
||||
}
|
||||
.item-textarea{
|
||||
width: 92%;
|
||||
font-size: 15px;
|
||||
line-height: 1rem;
|
||||
padding:.5rem .5rem;
|
||||
border: 1px solid #ddd1d1;
|
||||
color: #707070;
|
||||
}
|
||||
.weui-uploader__input-box{
|
||||
position: relative;
|
||||
height: 135px;
|
||||
border: 1px solid #D9D9D9;
|
||||
width: 135px;
|
||||
margin: 0 0 0 5px;
|
||||
}
|
||||
.weui-uploader__bd{
|
||||
margin-bottom: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.footer{
|
||||
line-height: 3rem;
|
||||
}
|
||||
.footer-btn{
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.footer-submit-btn{
|
||||
width: 80%;
|
||||
border: 0;
|
||||
height: 1.8rem;
|
||||
/* height: 100%; */
|
||||
border-radius: 20px;
|
||||
background-color: #ff2d4b;
|
||||
color: #fff;
|
||||
font-size: 17px;
|
||||
box-shadow: 1px 1px 10px #797979ed;
|
||||
}
|
||||
.weui-cell{
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.weui-uploader__files, .weui-uploader__files li, .weui-uploader__input-box {
|
||||
display: inline-block !important;
|
||||
margin: 0;
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
}
|
||||
.img-box {
|
||||
padding-top: 20px;
|
||||
}
|
||||
.img {
|
||||
display: inline-block;
|
||||
width: 130px;
|
||||
height: 130px;
|
||||
/*width: 50%;*/
|
||||
position: relative;
|
||||
}
|
||||
.img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.img:nth-child(2n) {
|
||||
margin-left: 15px;
|
||||
}
|
||||
.flex{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.img-max{
|
||||
color: #707070;
|
||||
}
|
||||
.img-count{
|
||||
display: flex;
|
||||
}
|
||||
.title-p{
|
||||
color: #ff2d4b;
|
||||
}
|
||||
.item-input{
|
||||
text-align:right;
|
||||
}
|
||||
.img-del {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: -10px;
|
||||
right: -10px;
|
||||
width: 18px !important;
|
||||
height: 18px !important;
|
||||
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<form id="form">
|
||||
<input type="hidden" name="merchantCode" value="${merchantCode}">
|
||||
<input type="hidden" name="orderNumber" value="${orderNumber}">
|
||||
<div class="container">
|
||||
<header class="header">交易投诉</header>
|
||||
<div class="content-wrapper">
|
||||
<div class="body-item">
|
||||
<div class="title">投诉商户信息</div>
|
||||
<div class="item">
|
||||
<div class="item-name">商户名称</div>
|
||||
<div class="item-value">
|
||||
<input type="text" name="merchantName" class="item-input" value="${mercName}" readonly maxlength="15" autocomplete="off" placeholder="请输入投诉商户名称" >
|
||||
</div>
|
||||
</div>
|
||||
<c:if test="${not empty mercPhone}">
|
||||
<div class="item">
|
||||
<div class="item-name">商户电话</div>
|
||||
<div class="item-value">
|
||||
<input type="text" class="item-input" value="${mercPhone}" readonly placeholder="请输入投诉商家联系方式" autocomplete="off" maxlength="11" >
|
||||
</div>
|
||||
</div>
|
||||
</c:if>
|
||||
</div>
|
||||
<div class="body-item">
|
||||
<div class="title">订单信息</div>
|
||||
<div class="item">
|
||||
<div class="item-name">订单金额</div>
|
||||
<div class="item-value">
|
||||
<input type="number" name="orderAmt" class="item-input" maxlength="10" autocomplete="off" placeholder="请输入投诉订单金额">
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="item-name">交易时间</div>
|
||||
<div class="item-value">
|
||||
<input type="text" name="payTime" readonly id="payTime" class="item-input" autocomplete="off" onclick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm'})" placeholder="请选择交易时间">
|
||||
<img onclick="WdatePicker({el:'payTime',dateFmt:'yyyy-MM-dd HH:mm'})" src="${resourcePath}/js/My97DatePicker/skin/datePicker.gif" width="16" height="22" style="cursor:pointer" align="absmiddle">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="body-item">
|
||||
<div class="title">投诉人联系方式</div>
|
||||
<div class="item">
|
||||
<div class="item-name">手机号</div>
|
||||
<div class="item-value">
|
||||
<input type="number" name="complaintPhone" class="item-input" placeholder="您的联系方式，方便核实" autocomplete="off" maxlength="11" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="body-item">
|
||||
<div class="title">投诉内容</div>
|
||||
<div class="item-group">
|
||||
<div class="item-value">
|
||||
<textarea name="remark" cols="20" rows="8" maxlength="500" autocomplete="off" class="item-textarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="title flex">
|
||||
<p class="title-p">上传交易账单及被骗截图</p>
|
||||
<div class="img-count"><span id="uploadCount" class="img-now-count">0</span>/<span id="img-max" class="img-max">8</span></div>
|
||||
</div>
|
||||
<div class="item-group">
|
||||
<div class="item-name"></div>
|
||||
<div class="item-value">
|
||||
<div class="weui-uploader__bd">
|
||||
<ul class="img-box">
|
||||
<li class="img" id="img-add">
|
||||
<div class="weui-uploader__input-box">
|
||||
<input id="uploaderInput" class="weui-uploader__input" type="file" accept="image/jpg,image/jpeg,image/png,image/gif" multiple="">
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="footer-btn">
|
||||
<button class="footer-submit-btn" id="submit">提交投诉</button>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
<script>
|
||||
$(function (){
|
||||
let allowTypes = ['image/jpg', 'image/jpeg', 'image/png', 'image/gif'];
|
||||
let maxSize = 1024 * 1024*5; //5M
|
||||
let maxCount = 8;
|
||||
let maxWidth = 1900; // 图片最大宽度
|
||||
let $uploaderFiles = $('#img-add');
|
||||
$("#img-max").text(maxCount);
|
||||
// let imageArr = [];
|
||||
let tmpl = `<li class="img" data-index="#index#">
|
||||
<img class="img-li" src="#url#" alt="">
|
||||
<img class="img-del" src="${resourcePath}/images/icon-del.png" />
|
||||
</li>`
|
||||
$("#uploaderInput").on("change", function (e) {
|
||||
files = e.target.files;
|
||||
// 如果没有选中文件，直接返回
|
||||
if (files.length === 0) {
|
||||
return;
|
||||
}
|
||||
let nowCount = $("#uploadCount").text();
|
||||
if (files.length + parseInt(nowCount) > maxCount) {
|
||||
$.alert('最多只能上传' + maxCount + '张图片',"系统提示");
|
||||
return;
|
||||
}
|
||||
for (let i = 0, len = files.length; i < len; ++i) {
|
||||
let file = files[i];
|
||||
// let imgID = new Date().getTime()+randomNum(1000,9999);
|
||||
let reader = new FileReader();
|
||||
let fileType = file.type;
|
||||
// 如果类型不在允许的类型范围内
|
||||
let fileName = file.name;
|
||||
let suffix = fileName.substr(fileName.lastIndexOf(".")+1,fileName.length);
|
||||
if (allowTypes.indexOf(file.type) === -1) {
|
||||
$.alert('该类型不允许上传' + fileType,"系统提示");
|
||||
continue;
|
||||
}
|
||||
|
||||
if (file.size > maxSize) {
|
||||
$.alert("图片太大，不允许上传！","系统提示");
|
||||
continue;
|
||||
}
|
||||
reader.onload = function (e) {
|
||||
var img = new Image();
|
||||
img.onload = function () {
|
||||
// 不要超出最大宽度
|
||||
let w = Math.min(maxWidth, img.width);
|
||||
// 高度按比例计算
|
||||
let h = img.height * (w / img.width);
|
||||
let canvas = document.createElement('canvas');
|
||||
let ctx = canvas.getContext('2d');
|
||||
// 设置 canvas 的宽度和高度
|
||||
canvas.width = w;
|
||||
canvas.height = h;
|
||||
ctx.drawImage(img, 0, 0, w, h);
|
||||
let base64 = canvas.toDataURL(fileType,0.6); //0.6指的是压缩60%
|
||||
$uploaderFiles.before($(tmpl.replace('#url#', base64).replace('#index#', i)));
|
||||
let num = $('.img-li').length;
|
||||
$('#uploadCount').text(num);
|
||||
if($('.img-li').length == maxCount){
|
||||
$("#img-add").hide();
|
||||
}
|
||||
if(suffix == "jpg"){
|
||||
suffix = "jpeg";
|
||||
}
|
||||
};
|
||||
img.src = e.target.result;
|
||||
};
|
||||
reader.readAsDataURL(file);
|
||||
}
|
||||
});
|
||||
// 删除图片
|
||||
$(document).on('click', '.img-del', function () {
|
||||
$("#uploadCount").text(parseInt($("#uploadCount").text())-1)
|
||||
$(this).parent().remove();
|
||||
if($('.img-li').length < maxCount){
|
||||
$("#img-add").show();
|
||||
}
|
||||
})
|
||||
$("#submit").on("click",function (){
|
||||
let $data = serialize($("#form"));
|
||||
if(!$data.orderAmt){
|
||||
$.alert("投诉订单金额不能为空！","系统提示");
|
||||
return false;
|
||||
}
|
||||
if(!$data.payTime){
|
||||
$.alert("投诉订单交易时间不能为空！","系统提示");
|
||||
return false;
|
||||
}
|
||||
if(!$data.complaintPhone){
|
||||
$.alert("投诉人联系方式不能为空！","系统提示");
|
||||
return false;
|
||||
}
|
||||
let flag = checkPhone($data.complaintPhone);
|
||||
if(!flag){
|
||||
$.alert("手机号码有误，请重填","系统提示");
|
||||
return false;
|
||||
}
|
||||
if(!$data.remark){
|
||||
$.alert("投诉内容不能为空！","系统提示");
|
||||
return false;
|
||||
}
|
||||
let imgd = $(".img-li");
|
||||
if(imgd.length <= 0){
|
||||
$.alert("请上传交易账单以及被骗的相关截图！","系统提示");
|
||||
return false;
|
||||
}
|
||||
let imageArr = [];
|
||||
imgd.each(function (){
|
||||
let $base64 = $(this).attr("src");
|
||||
imageArr.push($base64.replace("data:image/jpeg;base64,","").replace("data:image/png;base64,","").replace("data:image/jpg;base64,",""));
|
||||
})
|
||||
$data.imageList = imageArr;
|
||||
let url = ctx + "/merchant/complaint/save";
|
||||
$.showLoading("提交中...");
|
||||
$.ajax({
|
||||
url:url,
|
||||
type:"post",
|
||||
dataType:'json',
|
||||
traditional:true,
|
||||
data:$data,
|
||||
success:(res)=>{
|
||||
$.hideLoading();
|
||||
$.alert(res.message,"系统提示");
|
||||
}
|
||||
})
|
||||
return false;
|
||||
})
|
||||
})
|
||||
function randomNum(minNum,maxNum){
|
||||
switch(arguments.length){
|
||||
case 1:
|
||||
return parseInt(Math.random()*minNum+1,10);
|
||||
break;
|
||||
case 2:
|
||||
return parseInt(Math.random()*(maxNum-minNum+1)+minNum,10);
|
||||
break;
|
||||
default:
|
||||
return 0;
|
||||
break;
|
||||
}
|
||||
}
|
||||
function checkPhone(phone){
|
||||
if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(phone))){
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
function dateClick(){
|
||||
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
@@ -0,0 +1,36 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
|
||||
<html>
|
||||
<head>
|
||||
<title>支付</title>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<script type="text/javascript" src="https://www.shouyinbei.net/resources/wap/js/json2.js"></script>
|
||||
<link rel="stylesheet" href="https://www.shouyinbei.net/resources/wap/css/reset.css">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
</head>
|
||||
|
||||
<body style="background:#fff;">
|
||||
<div class="content whitebg ml02 mr02">
|
||||
<div class="textc">
|
||||
</div>
|
||||
<div class="textc f4 mt03 bdbc pb03"></div>
|
||||
<div class="gray f3 mt05"><span class="ml02 mr02">${message}</span></div>
|
||||
<div class="mt04 ml02 mr02 pb01 box">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" id="timestamp" value=${timestamp }>
|
||||
<input type="hidden" id="nonceStr" value=${nonceStr }>
|
||||
<input type="hidden" id="signature" value=${signature }>
|
||||
<input type="hidden" id="appId" value=${appId }>
|
||||
<input type="hidden" id="merchantCode" value=${merchantCode }>
|
||||
<input type="hidden" id="cardId" value=${cardId }>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,31 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>提示</title>
|
||||
</head>
|
||||
<body style="background:#ffff;">
|
||||
<div class="login_form ml20 mr20 mt50">
|
||||
<form method="post">
|
||||
<div class="weui-cells weui-cells_form mt50 tcenter">
|
||||
<div class=" f55 white dlblock radiusp50 padding15">
|
||||
<img src="${resourcePath}/images/bg_error_msg.png" width="100" height="100">
|
||||
</div>
|
||||
<div style="font-weight: 700;color: #000000;font-size: 15px;text-align: center;">
|
||||
${error}
|
||||
</div>
|
||||
</div>
|
||||
<%-- <div class="btn mt50">
|
||||
<a href="${ctx }/vip/myVIPCard?storeId=${storeId}" class="weui-btn weui-btn_primary radius10 f16 pt10 pb10">确定</a>
|
||||
</div> --%>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,59 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>提示</title>
|
||||
<style>
|
||||
.footer{
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
bottom: 30%;
|
||||
width: 100%;
|
||||
color: #000;
|
||||
}
|
||||
.complaint{
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="background:#ffff;">
|
||||
<div class="page-title tcenter bluebg white h40 white positionr">
|
||||
<div>
|
||||
<span>提示</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_form ml20 mr20 mt50">
|
||||
<form method="post">
|
||||
<div class="weui-cells weui-cells_form mt50 tcenter">
|
||||
<div class=" f55 white dlblock radiusp50 padding15">
|
||||
<img src="${resourcePath}/images/error_img.png" width="100" height="100">
|
||||
</div>
|
||||
<div class="mt30" style="font-weight: 700;color: #000000;font-size: 23px;text-align: center;">
|
||||
${error}
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<c:if test="${not empty token }">
|
||||
<div class="footer">
|
||||
<div class="footer-content">
|
||||
如遭遇诈骗或交易纠纷，<a href="javascript:void(0)" id="complaint" class="complaint">请点此投诉</a>
|
||||
</div>
|
||||
</div>
|
||||
</c:if>
|
||||
</body>
|
||||
<script>
|
||||
$("#complaint").on("click",()=>{
|
||||
let $token = '${token}';
|
||||
if($token){
|
||||
window.location.href = ctx + "/merchant/complaint/"+$token
|
||||
}
|
||||
})
|
||||
</script>
|
||||
</html>
|
||||
@@ -0,0 +1,134 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
|
||||
<title>会员卡充值</title>
|
||||
<style>
|
||||
.h40{
|
||||
height:40px;
|
||||
line-height:40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!doctype html>
|
||||
<body class="">
|
||||
<div class="bluebg pt20 pb15 positionr mt20 ml20 mr20 pl10 pr10 positionr radius5" style="min-height:150px;">
|
||||
<div class="weui-flex">
|
||||
<div class="weui-flex__item white">
|
||||
<div class="f14 mb10">${merchantMenber.nickName }</div>
|
||||
<div class="f14">${merchantMenber.memberCode }</div>
|
||||
</div>
|
||||
<div class="weui-flex__item white tright">
|
||||
收银就用收银呗
|
||||
</div>
|
||||
</div>
|
||||
<div class="f14 pt20 white">
|
||||
|
||||
|
||||
<c:if test="${not empty activityRechargeList }">
|
||||
<div class="mb10">
|
||||
<span class="icon icon-18 f14 vm"></span><span class="vm ml10">
|
||||
<c:forEach var="activityRecharge" items="${activityRechargeList }">
|
||||
充<fmt:formatNumber type="number" value="${activityRecharge.rechargeMoney }" pattern="0.00" maxFractionDigits="2"/> 送<fmt:formatNumber type="number" value="${activityRecharge.giveMoney}" pattern="0.00" maxFractionDigits="2"/>；
|
||||
</c:forEach>
|
||||
</span>
|
||||
</div>
|
||||
</c:if>
|
||||
|
||||
|
||||
|
||||
<!-- <div class="mb10"><span class="icon icon-18 f14 vm"></span><span class="vm ml10">充100送1；充200送2；充300送3</span></div>
|
||||
<div class="mb10"><span class="icon icon-18 f14 vm"></span><span class="vm ml10">消费2返2</span></div>
|
||||
<div class="mb10"><span class="icon icon-18 f14 vm"></span><span class="vm ml10">激活会员送100</span></div> -->
|
||||
|
||||
<div class="tright positiona bottom0 right0 pr20 pb15 pr10">
|
||||
<span class="vm"><img src="https://www.shouyinbei.net/resources/wap/images/wollet.png" width="20"></span>
|
||||
<span class="vm">钱包</span>
|
||||
<span class="f28 vm"><fmt:formatNumber type="number" value="${merchantMenber.usableRechargeFee + merchantMenber.usableGiveFee }" pattern="0.00" maxFractionDigits="2"/></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="weui-cells weui-cells_form bdbe ml20 mr20">
|
||||
<div class="weui-cell weui-cell_warn">
|
||||
<div class="weui-cell__hd"><label for="" class="weui-label f-black f22">¥</label></div>
|
||||
<div class="weui-cell__bd">
|
||||
<input class="weui-input tright" type="number" pattern="[0-9]*" id="rechargeMoney" value="weui input error" placeholder="请输入充值金额(元)">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="weui-cells weui-cells_form bdbe pb20">
|
||||
<div class="tcenter clearfix payTab">
|
||||
<div class="f16 fl tcenter pt20 wp33 current">
|
||||
<a href="javascript:void(0);" class="dblock radius5 pt10 pb10 ml10 mr10">200元</a>
|
||||
</div>
|
||||
<div class="f16 fl tcenter pt20 wp33">
|
||||
<a href="javascript:void(0);" class="dblock radius5 pt10 pb10 ml10 mr10">150元</a>
|
||||
</div>
|
||||
<div class="f16 fl tcenter pt20 wp33">
|
||||
<a href="javascript:void(0);" class="dblock radius5 pt10 pb10 ml10 mr10">50元</a>
|
||||
</div>
|
||||
<c:forEach items="${activityRechargeList }" var="activityRecharge">
|
||||
<div class="f16 fl tcenter pt20 wp33">
|
||||
<a href="javascript:void(0);" class="dblock radius5 pt10 pb10 ml10 mr10">${activityRecharge.rechargeMoney }元送${activityRecharge.giveMoney }元</a>
|
||||
</div>
|
||||
</c:forEach>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn mt20 ml20 mr20">
|
||||
<a href="javascript:void(0);onclick=memberPay()" class="weui-btn weui-btn_primary radius10 f14 pt15 pb15">立即充值</a>
|
||||
</div>
|
||||
<script>
|
||||
$(function(){
|
||||
$(".payTab>div").click(function(){
|
||||
$(this).addClass("current").siblings("div").removeClass("current");
|
||||
var a=$(".current a").text();
|
||||
var money=a.split('元');
|
||||
var rechargeMoney=money[0];
|
||||
$("#rechargeMoney").val(rechargeMoney);
|
||||
})
|
||||
})
|
||||
|
||||
function memberPay(){
|
||||
var rechargeMoney=$("#rechargeMoney").val();
|
||||
if(StringUtil.isNotTwo(rechargeMoney)){
|
||||
if(StringUtil.isBlank(rechargeMoney)){
|
||||
alert("请输入金额");
|
||||
return;
|
||||
}
|
||||
alert('请输入正确的金额格式(正整数或小数)');
|
||||
return;
|
||||
}
|
||||
if(StringUtil.isNotBlank(rechargeMoney)){
|
||||
if(rechargeMoney<0.01){
|
||||
alert('充值金额必须大于0.01');
|
||||
return;
|
||||
}
|
||||
}
|
||||
$.ajax({
|
||||
url:ctx+'/merchant/memberPay',
|
||||
data:{
|
||||
"consumeMoney":rechargeMoney,
|
||||
'openId':'${merchantMenber.openid}',
|
||||
'merchantCode':'${merchantMenber.merchantCode}',
|
||||
'storeId':'${merchantMenber.storeId}',
|
||||
},
|
||||
dataType:"json",
|
||||
type:"post",
|
||||
success:function(res){
|
||||
if(res.code=='1'){
|
||||
window.location = res.jspay_url;
|
||||
}else{
|
||||
$.toast(res.msg,"text");
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,260 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>升级充值</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script type="text/javascript" src="https://www.shouyinbei.net/resources/wap/js/jquery.min.js"></script>
|
||||
<!-- 引入样式 -->
|
||||
<link rel="stylesheet" href="http://unpkg.com/vue-ydui/dist/ydui.rem.css">
|
||||
<!-- 引入rem自适应类库 -->
|
||||
<script src="http://unpkg.com/vue-ydui/dist/ydui.flexible.js"></script>
|
||||
<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.min.js"></script>
|
||||
<style>
|
||||
.body,html{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 微软雅黑, 宋体, Arial;
|
||||
}
|
||||
.center-top{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 200px;
|
||||
}
|
||||
.yd-navbar-center-title,.yd-back-icon{
|
||||
color: #fff !important;
|
||||
}
|
||||
.center{
|
||||
margin-top: 20px;
|
||||
padding: 20px;
|
||||
background-color: #eee;
|
||||
}
|
||||
.chong{
|
||||
width: 150px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.b{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
font-size: 20px;
|
||||
font-family: 微软雅黑, 宋体, Arial;
|
||||
}
|
||||
.btn{
|
||||
margin-top: 40px;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
background-color: #f96a4f;
|
||||
color:#fff;
|
||||
border-radius: 5px;
|
||||
border: 0;
|
||||
}
|
||||
.backdrop {
|
||||
position: fixed;
|
||||
z-index: 998;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: rgba(0,0,0,.1);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='loading' class="backdrop" style="display: none; padding-top: 70%; text-align: center;">
|
||||
<div>
|
||||
<img src="${resourcePath}/images/loading-2.gif" alt="loading" />
|
||||
</div>
|
||||
<div style="font-family:'Microsoft YaHei';color:#000000;font-size: 0.5rem;">支付中...</div>
|
||||
<!--自己放loding图片-->
|
||||
</div>
|
||||
|
||||
<div id="app">
|
||||
<yd-navbar title="充值" style="background-color: #f96a4f;">
|
||||
<a to="#" slot="left">
|
||||
<yd-navbar-back-icon></yd-navbar-back-icon>
|
||||
</a>
|
||||
</yd-navbar>
|
||||
<c:if test="${level eq '1'}">
|
||||
<div class="center-top">
|
||||
<img class="b" src="https://www.shouyinbei.net/resources/images/levelLogo.png" alt="">
|
||||
</div>
|
||||
</c:if>
|
||||
|
||||
<c:if test="${level eq '2'}">
|
||||
<div class="center-top">
|
||||
<img class="b" src="https://www.shouyinbei.net/resources/images/levellogo1.png" alt="">
|
||||
</div>
|
||||
</c:if>
|
||||
|
||||
<c:if test="${level eq '1'}">
|
||||
<div class="center">
|
||||
<div class="chong">
|
||||
<span style="font-size: 16px;" >充值金额:<b id="a">${twoUpVipAmount}</b>元</span>
|
||||
</div>
|
||||
<button class="btn" onclick="setFocusHander()">立即充值</button>
|
||||
</div>
|
||||
</c:if>
|
||||
<c:if test="${level eq '2'}">
|
||||
<div class="center">
|
||||
<div class="chong">
|
||||
<span style="font-size: 16px;" >充值金额:<b id="a">${threeUpVipAmount}</b>元</span>
|
||||
</div>
|
||||
<button class="btn" onclick="setFocusHander()">立即充值</button>
|
||||
</div>
|
||||
</c:if>
|
||||
|
||||
<input type="hidden" id="userAppId" value="${userAppId}">
|
||||
<input type="hidden" id="payType" value="${payType}">
|
||||
<input type="hidden" id="userid" value="${userid}">
|
||||
<input type="hidden" id="openid" value="${openid}">
|
||||
|
||||
</div>
|
||||
<!-- 引入 Vue -->
|
||||
<script src="http://unpkg.com/vue"></script>
|
||||
<!-- 引入组件库 -->
|
||||
<script src="http://unpkg.com/vue-ydui/dist/ydui.rem.js"></script>
|
||||
<!-- <script src="https://unpkg.com/axios/dist/axios.min.js"></script> -->
|
||||
<script>
|
||||
function isWeiXin(){
|
||||
var ua = window.navigator.userAgent.toLowerCase();
|
||||
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
|
||||
return true;
|
||||
}else{
|
||||
return false;
|
||||
}
|
||||
}
|
||||
function isAlipay() {
|
||||
var ua = window.navigator.userAgent.toLowerCase();
|
||||
if(ua.match(/Alipay/i) == "alipay"){
|
||||
return true;
|
||||
}else{
|
||||
return false;
|
||||
}
|
||||
}
|
||||
function setFocusHander(){
|
||||
var money=$("#a").text();
|
||||
var userAppId=$("#userAppId").val();
|
||||
var payWay=$("#payType").val();
|
||||
var userid=$("#userid").val();
|
||||
var openid=$("#openid").val();
|
||||
if(userAppId == "" || userAppId == null || userAppId == undefined){ // "",null,undefined
|
||||
alert("用户id不能为空！");
|
||||
return;
|
||||
}
|
||||
if(money == "" || money == null || money == undefined){ // "",null,undefined
|
||||
alert("金额不能为空！");
|
||||
return;
|
||||
}
|
||||
$('#loading').css('display','block');
|
||||
$.ajax({
|
||||
url:ctx + '/merchant/upGradePay',
|
||||
data:{
|
||||
"userAppId": userAppId,
|
||||
"money": money,
|
||||
"payWay": payWay,
|
||||
"level":${level},
|
||||
"userid":userid,
|
||||
"openid":openid,
|
||||
},
|
||||
dataType:"json",
|
||||
type:"post",
|
||||
success:function(res){
|
||||
$('#loading').css('display','none');
|
||||
if(res.code=='1'){
|
||||
var rdata = res.data;
|
||||
if("WXZF" == payWay){
|
||||
WeixinJSBridge.invoke('getBrandWCPayRequest', {
|
||||
// 商品名称
|
||||
"appId" : rdata.payAppId,
|
||||
"timeStamp" : rdata.payTimeStamp,
|
||||
"nonceStr" : rdata.paynonceStr,
|
||||
"package" : rdata.payPackage,
|
||||
"signType" : rdata.paySignType,
|
||||
"paySign" : rdata.paySign,
|
||||
}, function(res) {
|
||||
if (res.err_msg == "get_brand_wcpay_request:ok") {
|
||||
//成功之后跳转地址
|
||||
window.location = ctx + '/merchant/paySuccess';
|
||||
} else {
|
||||
alert("支付失败");
|
||||
}
|
||||
})
|
||||
}else if("ZFBZF" == payWay){
|
||||
var reg=/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;
|
||||
if(reg.test(rdata.source)){
|
||||
window.location = rdata.source;
|
||||
}else{
|
||||
ap.tradePay({
|
||||
tradeNO : rdata.source
|
||||
}, function(res) {
|
||||
if (res.resultCode == '9000') {
|
||||
window.location = ctx + '/merchant/paySuccess'; //订单支付成功
|
||||
} else if (res.resultCode == '8000') {
|
||||
} else if (res.resultCode == '4000') {
|
||||
ap.alert("订单支付失败");
|
||||
} else if (res.resultCode == '6001') {
|
||||
} else if (res.resultCode == '6002') {
|
||||
ap.alert("网络连接出错");
|
||||
}
|
||||
});
|
||||
}
|
||||
}else{
|
||||
window.location = rdata.redirectUrl;
|
||||
}
|
||||
}else{
|
||||
alert(res.msg);
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
/* new Vue({
|
||||
el: '#app',
|
||||
data:{
|
||||
input10:''
|
||||
},
|
||||
mounted(){
|
||||
var money=this.$refs.a.innerHTML;
|
||||
console.log(this.$refs.b.value)
|
||||
},
|
||||
methods: {
|
||||
setFocusHander: function (){
|
||||
var money=this.$refs.a.innerHTML;
|
||||
var userId=this.$refs.b.value;
|
||||
var payWay='';
|
||||
if(isWeiXin()){
|
||||
payWay='WXZF';
|
||||
}else{
|
||||
payWay='ZFBZF';
|
||||
}
|
||||
$.ajax({
|
||||
url:'/wap/wechat/leshuaPay',
|
||||
data:{
|
||||
"userId": userId,
|
||||
"money": money,
|
||||
"payWay": payWay,
|
||||
},
|
||||
dataType:"json",
|
||||
type:"post",
|
||||
success:function(res){
|
||||
if(res.code=='1'){
|
||||
window.location=res.jspay_url;
|
||||
}else{
|
||||
alert(res.msg);
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}) */
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
893
pluss-wap-page/src/main/webapp/WEB-INF/jsp/merchant/index.jsp
Normal file
893
pluss-wap-page/src/main/webapp/WEB-INF/jsp/merchant/index.jsp
Normal file
@@ -0,0 +1,893 @@
|
||||
<%@ page contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<link rel="stylesheet" href="${resourcePath}/css/weui.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/weuix.css">
|
||||
<%--<script type="text/javascript" src="${resourcePath}/js/zepto.min.js"></script>--%>
|
||||
<%--<script type="text/javascript" src="${resourcePath}/js/zepto.weui.js"></script>--%>
|
||||
<script type="text/javascript" src="${resourcePath}/js/swiper.min.js"></script>
|
||||
<script type="text/javascript" src="${resourcePath}/js/utils/StringUtil.js"></script>
|
||||
<%--<script type="text/javascript" src="${resourcePath}/js/utils/DateUtil.js"></script>--%>
|
||||
<%--<script type="text/javascript" src="${resourcePath}/js/global.js"></script>--%>
|
||||
<%--<link href="https://www.shouyinbei.net/resources/wap/css/weui.min.css" type="text/css" rel="stylesheet" />--%>
|
||||
<script src="https://www.shouyinbei.net/resources/js/alipayjsapi.min3.1.1.js"></script>
|
||||
<script src="${resourcePath}/js/third-party/jquery/jquery-1.11.0.min.js"></script>
|
||||
<%--<script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>--%>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>向商家付款</title>
|
||||
|
||||
<style type="text/css">
|
||||
.logo {
|
||||
margin: 2vw !important;
|
||||
line-height: 1;
|
||||
height: 10vw;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
margin: 0;
|
||||
height: 10vw;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.logo div.title {
|
||||
position: absolute;
|
||||
margin-left: 2vw;
|
||||
display:inline-block;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
line-height: 10vw;
|
||||
font-size: 5vw;
|
||||
right: 64px;
|
||||
left: 36px;
|
||||
}
|
||||
|
||||
.logo div.right {
|
||||
right: 0;
|
||||
font-size: 4vw;
|
||||
display: inline-block;
|
||||
color: #df6051;
|
||||
line-height: 10vw;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.item {
|
||||
height: 80px;
|
||||
padding: 5px 20px;
|
||||
}
|
||||
|
||||
.shangLogo {
|
||||
width: 30%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bs {
|
||||
padding: 0 10px;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.shouyin {
|
||||
text-align: center;
|
||||
left: 50%;
|
||||
padding: 7px;
|
||||
background-color: #f8f8f8;
|
||||
color: #000;
|
||||
font-size: 12px;
|
||||
border-bottom: white solid 1px;
|
||||
}
|
||||
|
||||
.gongsi p {
|
||||
width: 100%;
|
||||
height: 120px;
|
||||
line-height: 120px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.mt40 {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.moneyPay {
|
||||
padding-left: 30px;
|
||||
background: url(../resources/images/bankcard.png) no-repeat left
|
||||
}
|
||||
|
||||
.weui-cell {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.weui-cell:before {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.weui-cells:after {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.weui-cells:before {
|
||||
border-top: 0;
|
||||
}
|
||||
.vm {
|
||||
vertical-align: center;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.submit, .del {
|
||||
padding: 0 !important;
|
||||
|
||||
}
|
||||
.weui-footer_fixed-bottom {
|
||||
bottom: 0;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
|
||||
.showKeyBoard {
|
||||
animation: showKeyBoard 200ms;
|
||||
-moz-animation: showKeyBoard 200ms;
|
||||
-webkit-animation: showKeyBoard 200ms;
|
||||
-o-animation: showKeyBoard 200ms;
|
||||
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
-moz-animation-fill-mode: forwards;
|
||||
-o-animation-fill-mode: forwards;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
.hiddenKeyBoard {
|
||||
animation: hiddenKeyBoard 200ms;
|
||||
-moz-animation: hiddenKeyBoard 200ms;
|
||||
-webkit-animation: hiddenKeyBoard 200ms;
|
||||
-o-animation: hiddenKeyBoard 200ms;
|
||||
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
-moz-animation-fill-mode: forwards;
|
||||
-o-animation-fill-mode: forwards;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
.weui-btn+.weui-btn {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.weui-btn+.weui-cell {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.weui-btn {
|
||||
border-radius: 0 !important;
|
||||
border: 0 !important;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.weui-btn:after {
|
||||
border-radius: 0 !important;
|
||||
border: 1px solid white;
|
||||
}
|
||||
.f-submit{
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
/*input::-webkit-input-placeholder { !* WebKit browsers 适配谷歌 *!*/
|
||||
/* color: #000;*/
|
||||
/*}*/
|
||||
/*input:-moz-placeholder { !* Mozilla Firefox 4 to 18 适配火狐 *!*/
|
||||
/* color: #000;*/
|
||||
/*}*/
|
||||
/*input::-moz-placeholder { !* Mozilla Firefox 19+ 适配火狐 *!*/
|
||||
/* color: #000;*/
|
||||
/*}*/
|
||||
/*input:-ms-input-placeholder { !* Internet Explorer 10+ 适配ie*!*/
|
||||
/* color: #000;*/
|
||||
/*}*/
|
||||
|
||||
img {
|
||||
pointer-events:none;/* 禁止长按图片保存 */
|
||||
}
|
||||
|
||||
/* 隐藏键盘动画 */
|
||||
@keyframes hiddenKeyBoard
|
||||
{
|
||||
from {bottom: 0;}
|
||||
to {bottom: -224px;}
|
||||
}
|
||||
|
||||
@-moz-keyframes hiddenKeyBoard /* Firefox */
|
||||
{
|
||||
from {bottom: 0;}
|
||||
to {bottom: -224px;}
|
||||
}
|
||||
|
||||
@-webkit-keyframes hiddenKeyBoard /* Safari and Chrome */
|
||||
{
|
||||
from {bottom: 0;}
|
||||
to {bottom: -224px;}
|
||||
}
|
||||
|
||||
@-o-keyframes hiddenKeyBoard /* Opera */
|
||||
{
|
||||
from {bottom: 0;}
|
||||
to {bottom: -224px;}
|
||||
}
|
||||
|
||||
/* 弹出键盘动画 */
|
||||
@keyframes showKeyBoard
|
||||
{
|
||||
from {bottom: -224px;}
|
||||
to {bottom: 0;}
|
||||
}
|
||||
|
||||
@-moz-keyframes showKeyBoard /* Firefox */
|
||||
{
|
||||
from {bottom: -224px;}
|
||||
to {bottom: 0;}
|
||||
}
|
||||
|
||||
@-webkit-keyframes showKeyBoard /* Safari and Chrome */
|
||||
{
|
||||
from {bottom: -224px;}
|
||||
to {bottom: 0;}
|
||||
}
|
||||
|
||||
@-o-keyframes showKeyBoard /* Opera */
|
||||
{
|
||||
from {bottom: -224px;}
|
||||
to {bottom: 0;}
|
||||
}
|
||||
.backdrop {
|
||||
position: fixed;
|
||||
z-index: 998;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: rgba(0,0,0,.1);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="background: #fff;">
|
||||
<div id='loading' class="backdrop" style="display: none; padding-top: 70%; text-align: center;">
|
||||
<div>
|
||||
<img src="${resourcePath}/images/loading-2.gif" alt="loading" />
|
||||
</div>
|
||||
<div style="font-family:'Microsoft YaHei';color:#000000;font-size: 1rem;">支付中...</div>
|
||||
<!--自己放loding图片-->
|
||||
</div>
|
||||
<!-- <div class="page-title tcenter h40 bluebg white">
|
||||
<span>收银呗</span>
|
||||
</div> -->
|
||||
<div class="logo" style="margin: 10px;">
|
||||
<img src="https://www.shouyinbei.net/resources/images/syblogo.png" />
|
||||
<div class="title" style="color:black;">${storeName}</div>
|
||||
<div class="right" onclick="showRemarkDialog()">
|
||||
添加备注
|
||||
</div>
|
||||
</div>
|
||||
<%-- <div class="tcenter">--%>
|
||||
<%-- <img src="https://www.shouyinbei.net/resources/images/merchant.png"--%>
|
||||
<%-- style="height: 30px; width: 30px" class="vm">--%>
|
||||
<%-- </div>--%>
|
||||
<div class="weui-cells weui-cells_form bs" style="margin-top: 30px">
|
||||
<div class="weui-cell weui-cell_warn bdbe" style="background-color: #f8f8f8; border-radius: 5px;">
|
||||
<div class="weui-cell__hd">
|
||||
<label class="weui-label f-black f26">金额</label>
|
||||
</div>
|
||||
<div class="weui-cell__bd">
|
||||
<input class="weui-input f26 tright" name="comsumeMoney"
|
||||
id="comsumeMoney" value="" placeholder="¥0.00"
|
||||
style="color: #000;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="weui-cells weui-cells_form" style="margin-top: 10px;">
|
||||
<c:if test="${payType eq 'wx'}">
|
||||
<div class="weui-cell weui-cell_warn">
|
||||
<div class="weui-cell__hd">
|
||||
<span class="icon icon-14 f26 vm f-green"></span>
|
||||
<span class="f-black f18 ml10">微信支付</span>
|
||||
</div>
|
||||
<div class="weui-cells_checkbox">
|
||||
<label class="weui-check__label" style="padding: 0;">
|
||||
<div class="weui-cell__hd">
|
||||
<input type="radio" class="weui-check" name="radio1"
|
||||
value="weixinPay" checked="checked"> <i
|
||||
class="weui-icon-checked"></i>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<%-- <c:if test="${isMember eq '1'}">--%>
|
||||
<%-- <div class="weui-cell weui-cell_warn">--%>
|
||||
<%-- <div class="weui-cell__hd">--%>
|
||||
<%-- <span class="icon icon-42 f26 vm "></span>--%>
|
||||
<%-- <span class="f-black f18 ml10">会员卡支付</span>--%>
|
||||
<%-- <span class="weui-cell__hd f16" style="color: #ccc;">--%>
|
||||
<%-- <c:forEach items="${activityRechargeList }" var="activityRecharge">--%>
|
||||
<%-- 充${activityRecharge.rechargeMoney }送${activityRecharge.giveMoney}--%>
|
||||
<%-- </c:forEach>--%>
|
||||
<%-- </span>--%>
|
||||
<%-- </div>--%>
|
||||
|
||||
<%-- <div class="weui-cells_checkbox">--%>
|
||||
<%-- <label class="weui-check__label" style="padding: 0;">--%>
|
||||
<%-- <div class="weui-cell__hd">--%>
|
||||
<%-- <input type="radio" class="weui-check" name="radio1"--%>
|
||||
<%-- value="memberPay"> <i class="weui-icon-checked"></i>--%>
|
||||
<%-- </div>--%>
|
||||
<%-- </label>--%>
|
||||
<%-- </div>--%>
|
||||
<%-- </div>--%>
|
||||
<%-- <div class="weui-cell weui-cell_warn">--%>
|
||||
<%-- <div class="weui-cell__hd">--%>
|
||||
<%-- <span class="f18 ml10" style="color:#bbb;">会员卡余额:<fmt:formatNumber type="number" value="${balance}" pattern="0.00" maxFractionDigits="2"/></span>--%>
|
||||
<%-- </div>--%>
|
||||
|
||||
<%-- <div class="weui-cell__hd">--%>
|
||||
<%-- <a href="javascript:void(0)" onclick="goMemberPay()" style="color:#FF586A;" class="f16 mr10">充值</a>--%>
|
||||
<%-- </div>--%>
|
||||
<%-- </div>--%>
|
||||
<%-- </c:if>--%>
|
||||
<%-- <c:if test="${isMember ne '1'}">--%>
|
||||
<%-- <div class="weui-cell weui-cell_warn">--%>
|
||||
<%-- <div class="weui-cell__hd">--%>
|
||||
<%-- <span class="icon icon-42 f26 vm "></span>--%>
|
||||
<%-- <span class="f-black f18 ml10">会员卡支付</span>--%>
|
||||
<%-- <span class="weui-cell__hd f16" style="color: #ccc;">--%>
|
||||
<%-- <c:forEach items="${activityRechargeList }" var="activityRecharge">--%>
|
||||
<%-- 充${activityRecharge.rechargeMoney }送${activityRecharge.giveMoney}--%>
|
||||
<%-- </c:forEach>--%>
|
||||
<%-- </span>--%>
|
||||
<%-- </div>--%>
|
||||
|
||||
<%-- <div class="weui-cell__hd">--%>
|
||||
<%-- <a href="javascript:void(0)" onclick="openVIPCard()" style="color:#FF586A;" class="f16 mr10">开通</a>--%>
|
||||
<%-- </div>--%>
|
||||
<%-- </div>--%>
|
||||
<%-- </c:if>--%>
|
||||
</c:if>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" id="code" value="${code }">
|
||||
<input type="hidden" id="nickName" value="${nickName }">
|
||||
<input type="hidden" id="userImg" value="${userImg }">
|
||||
<input type="hidden" id="auth_code" value="${auth_code}">
|
||||
<input type="hidden" id="openid" value="${openid }">
|
||||
<input type="hidden" id="userid" value="${userid }">
|
||||
<input type="hidden" id="userAppId" value="${userAppId }">
|
||||
<input type="hidden" id="merchantCode" value="${merchantCode }">
|
||||
<input type="hidden" id="storeId" value="${storeId }">
|
||||
<input type="hidden" id="aisleSwitch" value="${aisleSwitch }">
|
||||
<input type="hidden" id="leshuaMchId" value="${leshuaMchId }">
|
||||
<input type="hidden" id="isMember" value="${isMember }">
|
||||
<input type="hidden" id="unionId" value="${unionId }">
|
||||
<input type="hidden" id="qrNo" value="${qrNo}">
|
||||
<%-- <div class="btn mt40 ml20 mr20">--%>
|
||||
<%-- <a href="javascript:void(0);onclick=paySuccessOrFail()"--%>
|
||||
<%-- class="weui-btn weui-btn_primary radius10 f14 pt5 pb5">确 认 支 付</a>--%>
|
||||
<%-- </div>--%>
|
||||
<%-- <div class="gongsi">--%>
|
||||
<%-- <p>@2019 武汉融商创银科技有限公司</p>--%>
|
||||
<%-- </div>--%>
|
||||
|
||||
<div class="weui-mask" style="opacity: 1;"></div>
|
||||
<div class="weui-dialog" style="opacity: 1;">
|
||||
<div class="weui-dialog__hd">
|
||||
<strong class="weui-dialog__title">备注信息</strong>
|
||||
</div>
|
||||
<div class="weui-dialog__bd">
|
||||
<input type="text" class="weui-input weui-prompt-input" placeholder="请输入备注" id="remark" name="remark" value="">
|
||||
</div>
|
||||
<div class="weui-dialog__ft">
|
||||
<a href="javascript:;" class="weui-dialog__btn default" onclick="hiddenRemarkDialog()">取消</a>
|
||||
<a href="javascript:;" class="weui-dialog__btn primary" onclick="enterRemark()">确定</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="weui-footer_fixed-bottom">
|
||||
<div class="shouyin">
|
||||
<p>收 银 就 用 收 银 呗</p>
|
||||
</div>
|
||||
<div class="weui-flex tcenter f26 f-black" style="padding: 0;">
|
||||
<div class="weui-flex__item">
|
||||
<div class="weui-btn weui-btn_default" onclick="onNumberDown(1)">
|
||||
<div class="swiper-container">1</div>
|
||||
</div>
|
||||
<div class="weui-btn weui-btn_default" onclick="onNumberDown(4)">
|
||||
<div class="swiper-container">4</div>
|
||||
</div>
|
||||
<div class="weui-btn weui-btn_default" onclick="onNumberDown(7)">
|
||||
<div class="swiper-container">7</div>
|
||||
</div>
|
||||
<div class="weui-btn weui-btn_default" onclick="onNumberDown('.')">
|
||||
<div class="swiper-container">.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="weui-flex__item">
|
||||
<div class="weui-btn weui-btn_default" onclick="onNumberDown(2)">
|
||||
<div class="swiper-container">2</div>
|
||||
</div>
|
||||
<div class="weui-btn weui-btn_default" onclick="onNumberDown(5)">
|
||||
<div class="swiper-container">5</div>
|
||||
</div>
|
||||
<div class="weui-btn weui-btn_default" onclick="onNumberDown(8)">
|
||||
<div class="swiper-container">8</div>
|
||||
</div>
|
||||
<div class="weui-btn weui-btn_default" onclick="onNumberDown(0)">
|
||||
<div class="swiper-container">0</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="weui-flex__item">
|
||||
<div class="weui-btn weui-btn_default" onclick="onNumberDown(3)">
|
||||
<div class="swiper-container">3</div>
|
||||
</div>
|
||||
<div class="weui-btn weui-btn_default" onclick="onNumberDown(6)">
|
||||
<div class="swiper-container">6</div>
|
||||
</div>
|
||||
<div class="weui-btn weui-btn_default" onclick="onNumberDown(9)">
|
||||
<div class="swiper-container">9</div>
|
||||
</div>
|
||||
<div class="weui-cell weui-btn weui-btn_default" onclick="hiddenKeyBoard()">
|
||||
<img class="swiper-container" src="<%=request.getAttribute("resourcePath")%>/images/keyboard.png" width="26px" height="26px" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="weui-flex__item">
|
||||
<div class="weui-cell weui-btn weui-btn_default del" onclick="backSpace()">
|
||||
<img class="swiper-container" src="<%=request.getAttribute("resourcePath")%>/images/del.png" width="26px" height="26px" />
|
||||
</div>
|
||||
<div class="weui-cell weui-btn_default weui-swiped-btn_warn f-white submit" onclick="paySuccessOrFail()">
|
||||
<div class="swiper-container f22 f-submit">
|
||||
<p>支</p><p>付</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript">
|
||||
|
||||
// // 初始化
|
||||
// var vConsole = new VConsole();
|
||||
// console.log('VConsole is cool');
|
||||
|
||||
var isKeyBoardVisible = false;
|
||||
/** 是否需要打开自己写的键盘 */
|
||||
var showDiyKeyBoardFlag = false;
|
||||
/** 自定义键盘是否可见 */
|
||||
var isDiyKeyBoardVisible = true;
|
||||
/** 网页初始高度 */
|
||||
var winHeight;
|
||||
/** 网页实时高度 */
|
||||
var thisHeight;
|
||||
/** 备注 */
|
||||
var remark;
|
||||
|
||||
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
|
||||
// 通过下面这个API隐藏右上角按钮
|
||||
WeixinJSBridge.call('hideOptionMenu');
|
||||
});
|
||||
|
||||
|
||||
$(function (){
|
||||
winHeight = window.innerHeight;
|
||||
|
||||
window.onresize = function(){
|
||||
thisHeight = window.innerHeight;
|
||||
// confirm("winHeight : " + winHeight);
|
||||
// confirm("thisHeight : " + thisHeight);
|
||||
if(winHeight - thisHeight > 50){
|
||||
// confirm("当前系统键盘可见");
|
||||
isKeyBoardVisible = true;
|
||||
//当软键盘弹出，在这里面操作
|
||||
if (showDiyKeyBoardFlag) {
|
||||
hiddenKeyBoardImmediately();
|
||||
}
|
||||
}else{
|
||||
isKeyBoardVisible = false;
|
||||
//当软键盘收起，在此处操作
|
||||
if (showDiyKeyBoardFlag) {
|
||||
showDiyKeyBoard();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
let del = $(".del");
|
||||
let submit = $(".submit");
|
||||
let parent = $(".del").parent();
|
||||
console.log("total height: " + parent.parent().height());
|
||||
parent.height(parent.parent().height());
|
||||
console.log("del height: " + (parent.height() / 4));
|
||||
del.height(parent.height() / 4);
|
||||
console.log("submit height: " + (parent.height() * 3 / 4));
|
||||
submit.height(parent.height() * 3 / 4);
|
||||
|
||||
$("#comsumeMoney").focus(function() {
|
||||
showKeyBoard();
|
||||
document.activeElement.blur();
|
||||
});
|
||||
|
||||
$("#remark").focus(function () {
|
||||
showDiyKeyBoardFlag = false;
|
||||
|
||||
hiddenKeyBoardImmediately()
|
||||
console.log("remark winHeight ： " + winHeight);
|
||||
$(window).height(winHeight * 0.8);
|
||||
console.log("remark winHeight ： " + $(window).height());
|
||||
|
||||
});
|
||||
|
||||
$(".shouyin").click(function() {
|
||||
showKeyBoard();
|
||||
});
|
||||
});
|
||||
|
||||
function isWeiXin() {
|
||||
var ua = window.navigator.userAgent.toLowerCase();
|
||||
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function isAlipay() {
|
||||
var ua = window.navigator.userAgent.toLowerCase();
|
||||
if(ua.match(/Alipay/i) == "alipay"){
|
||||
return true;
|
||||
}else{
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function paySuccessOrFail() {
|
||||
var comsumeMoney = $("#comsumeMoney").val();//消费金额
|
||||
var aisleSwitch = $("#aisleSwitch").val();//通道
|
||||
var leshuaMchId = $("#leshuaMchId").val();//乐刷商户id
|
||||
var userImg = $("#userImg").val();//支付用户头像
|
||||
var nickName = $("#nickName").val();//昵称
|
||||
var pattern = /^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,2})?$/;
|
||||
if (!pattern.test(comsumeMoney)) {
|
||||
alert('请输入正确的金额(保留两位有效数字)');
|
||||
return;
|
||||
}
|
||||
if (StringUtil.isNotBlank(comsumeMoney)) {
|
||||
if (comsumeMoney < 0.01) {
|
||||
alert('充值金额必须大于0.01');
|
||||
return;
|
||||
}
|
||||
}
|
||||
if (aisleSwitch == '0') {//1乐刷通道 0官方通道
|
||||
if (isWeiXin()) {
|
||||
wechatPay(comsumeMoney, userImg, nickName);// 微信支付
|
||||
} else {
|
||||
aliPay(comsumeMoney, userImg, nickName);
|
||||
}
|
||||
} else{
|
||||
tradePay(comsumeMoney, leshuaMchId, userImg, nickName);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// 微信支付
|
||||
function wechatPay(comsumeMoney, userImg, nickName) {
|
||||
var openid = $('#openid').val();
|
||||
var code = $("#code").val();
|
||||
var userAppId = $("#userAppId").val();
|
||||
var storeId = $("#storeId").val();
|
||||
var merchantCode = $("#merchantCode").val();
|
||||
var remark = $("#remark").val();
|
||||
$.ajax({
|
||||
url : '${ctx}/merchant/wechatPay',
|
||||
data : {
|
||||
"openid" : openid,
|
||||
"merchantCode" : merchantCode,
|
||||
"comsumeMoney" : comsumeMoney,
|
||||
"userAppId" : userAppId,
|
||||
"storeId" : storeId,
|
||||
"userImg" : userImg,
|
||||
"nickName" : nickName,
|
||||
"remark" : remark
|
||||
},
|
||||
dataType : "json",
|
||||
type : "post",
|
||||
success : function(result) {
|
||||
var rdata = result.data;
|
||||
WeixinJSBridge.invoke('getBrandWCPayRequest', {
|
||||
// 商品名称
|
||||
"appId" : rdata.appId,
|
||||
"timeStamp" : rdata.timeStamp,
|
||||
"nonceStr" : rdata.nonceStr,
|
||||
"package" : rdata.packageMsg,
|
||||
"signType" : rdata.signType,
|
||||
"paySign" : rdata.paySgin,
|
||||
}, function(res) {
|
||||
if (res.err_msg == "get_brand_wcpay_request:ok") {
|
||||
//成功之后跳转地址
|
||||
window.location = '${ctx}/merchant/paySuccess';
|
||||
} else {
|
||||
alert("支付失败");
|
||||
}
|
||||
})
|
||||
},
|
||||
error : function(data) {
|
||||
alert('系统错误请稍后再试')
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 支付宝支付
|
||||
function aliPay(comsumeMoney, userImg, nickName) {
|
||||
var auth_code = $("#auth_code").val();
|
||||
var userid = $("#userid").val();
|
||||
var userAppId = $("#userAppId").val();
|
||||
var storeId = $("#storeId").val();
|
||||
var merchantCode = $("#merchantCode").val();
|
||||
var remark = $("#remark").val();
|
||||
$.ajax({
|
||||
url : '${ctx}/merchant/aliPay',
|
||||
dataType : 'json',
|
||||
"type" : "post",
|
||||
data : {
|
||||
'comsumeMoney' : comsumeMoney,
|
||||
"merchantCode" : merchantCode,
|
||||
"storeId" : storeId,
|
||||
'userid' : userid,
|
||||
"userAppId" : userAppId,
|
||||
"userImg" : userImg,
|
||||
"nickName" : nickName,
|
||||
"remark" : remark,
|
||||
},
|
||||
success : function(data) {
|
||||
if ("1" == data.code) {
|
||||
ap.tradePay({
|
||||
tradeNO : data.transNo
|
||||
}, function(res) {
|
||||
if (res.resultCode == '9000') {
|
||||
window.location = '${ctx}/merchant/paySuccess'; //订单支付成功
|
||||
} else if (res.resultCode == '8000') {
|
||||
} else if (res.resultCode == '4000') {
|
||||
ap.alert("订单支付失败");
|
||||
} else if (res.resultCode == '6001') {
|
||||
} else if (res.resultCode == '6002') {
|
||||
ap.alert("网络连接出错");
|
||||
}
|
||||
});
|
||||
} else {
|
||||
alert(data.resultMsg);
|
||||
}
|
||||
},
|
||||
error : function(data) {
|
||||
alert('系统错误请稍后再试')
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//统一支付入口
|
||||
function tradePay(comsumeMoney, leshuaMchId, userImg, nickName) {
|
||||
var radioPay = $("input[name='radio1']:checked").val();//是会员选择的
|
||||
var storeId = $("#storeId").val();
|
||||
var openid = $("#openid").val();
|
||||
var merchantCode = $("#merchantCode").val();
|
||||
var remark = $("#remark").val();
|
||||
var isMember = $("#isMember").val();
|
||||
var userId = $("#userid").val();
|
||||
var unionId = $("#unionId").val();
|
||||
var qrNo = $("#qrNo").val();
|
||||
var payWay = "";
|
||||
if (isWeiXin()) {
|
||||
payWay = "WXZF";
|
||||
} else if(isAlipay()){
|
||||
payWay = "ZFBZF";
|
||||
}else{
|
||||
payWay = "UNIONPAY";
|
||||
}
|
||||
//var index = layer.msg('支付中...', {icon: 16,time:0,shade : [0.3 , '#000' , false]});
|
||||
$('#loading').css('display','block');
|
||||
$.ajax({
|
||||
url : '${ctx}/merchant/tradePay',
|
||||
data : {
|
||||
"comsumeMoney" : comsumeMoney,
|
||||
"leshuaMchId" : leshuaMchId,
|
||||
"merchantCode" : merchantCode,
|
||||
"storeId" : storeId,
|
||||
"payWay" : payWay,
|
||||
"userImg" : userImg,
|
||||
"nickName" : nickName,
|
||||
"remark" : remark,
|
||||
"openid" : openid,
|
||||
"isMember" : isMember,
|
||||
"radioPay" : radioPay,
|
||||
"userId" : userId,
|
||||
"unionId" : unionId,
|
||||
"snNo" : qrNo,
|
||||
},
|
||||
dataType : "json",
|
||||
type : "post",
|
||||
success : function(res) {
|
||||
$('#loading').css('display','none');
|
||||
if (res.isMember == '1') {
|
||||
window.location = '${ctx}/merchant/paySuccess';
|
||||
} else if (res.isMember == '0') {
|
||||
window.location = '${ctx}/wap/merchant/payFail';
|
||||
} else {
|
||||
if (res.code == 200) {
|
||||
//乐刷
|
||||
var rdata = res.data;
|
||||
if("WXZF" == payWay){
|
||||
WeixinJSBridge.invoke('getBrandWCPayRequest', {
|
||||
// 商品名称
|
||||
"appId" : rdata.payAppId,
|
||||
"timeStamp" : rdata.payTimeStamp,
|
||||
"nonceStr" : rdata.paynonceStr,
|
||||
"package" : rdata.payPackage,
|
||||
"signType" : rdata.paySignType,
|
||||
"paySign" : rdata.paySign,
|
||||
}, function(res) {
|
||||
if (res.err_msg == "get_brand_wcpay_request:ok" || res.err_msg == "stopMonitoringBeacons:ok") {
|
||||
//成功之后跳转地址
|
||||
window.location = '${ctx}/merchant/jumpUrl?orderNumber='+rdata.orderNumber;
|
||||
} else {
|
||||
cancelPay(rdata.orderNumber);
|
||||
alert("支付失败");
|
||||
}
|
||||
})
|
||||
}else if("ZFBZF" == payWay){
|
||||
var reg=/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;
|
||||
if(reg.test(rdata.source)){
|
||||
window.location = rdata.source;
|
||||
}else{
|
||||
ap.tradePay({
|
||||
tradeNO : rdata.source
|
||||
}, function(res) {
|
||||
if (res.resultCode == '9000') {
|
||||
window.location = '${ctx}/merchant/jumpUrl?orderNumber='+rdata.orderNumber;//订单支付成功
|
||||
} else if (res.resultCode == '8000') {
|
||||
} else if (res.resultCode == '4000') {
|
||||
cancelPay(rdata.orderNumber);
|
||||
ap.alert("订单支付失败");
|
||||
} else if (res.resultCode == '6001' || res.resultCode == '99') {
|
||||
cancelPay(rdata.orderNumber);
|
||||
} else if (res.resultCode == '6002') {
|
||||
cancelPay(rdata.orderNumber);
|
||||
ap.alert("网络连接出错");
|
||||
}
|
||||
});
|
||||
}
|
||||
}else{
|
||||
window.location = rdata.redirectUrl;
|
||||
}
|
||||
} else {
|
||||
alert(res.message);
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function cancelPay(m) {
|
||||
var url = "${ctx}/merchant/cancelPay/"+m;
|
||||
$.get(url, (res)=>{
|
||||
console.log(res);
|
||||
})
|
||||
}
|
||||
|
||||
<%--function goMemberPay(){--%>
|
||||
<%-- /*var storeId=$("#storeId").val();--%>
|
||||
<%-- var merchantCode=$("#merchantCode").val();--%>
|
||||
<%-- var openid=$("#openid").val();*/--%>
|
||||
<%-- var openid = $("#openid").val();--%>
|
||||
<%-- window.location = '${ctx}/vip/goPay?cardNo=${cardNo}';--%>
|
||||
<%--}--%>
|
||||
|
||||
<%--function openVIPCard() {--%>
|
||||
<%-- var storeId=$("#storeId").val();--%>
|
||||
<%-- var merchantCode=$("#merchantCode").val();--%>
|
||||
<%-- var openid=$("#openid").val();--%>
|
||||
<%-- window.location= '${ctx}/vip/vipOpenCard?storeId='+storeId+'&merchantCode='+merchantCode+'&openid='+openid;--%>
|
||||
<%--}--%>
|
||||
|
||||
function showDiyKeyBoard() {
|
||||
isDiyKeyBoardVisible = true;
|
||||
$(".weui-footer_fixed-bottom").removeClass("hiddenKeyBoard");
|
||||
$(".weui-footer_fixed-bottom").addClass("showKeyBoard");
|
||||
}
|
||||
|
||||
function hiddenDiyKeyBoard() {
|
||||
isDiyKeyBoardVisible = false;
|
||||
$(".weui-footer_fixed-bottom").removeClass("showKeyBoard");
|
||||
$(".weui-footer_fixed-bottom").addClass("hiddenKeyBoard");
|
||||
}
|
||||
|
||||
function hiddenKeyBoard() {
|
||||
showDiyKeyBoardFlag = false;
|
||||
if (isDiyKeyBoardVisible) {
|
||||
hiddenDiyKeyBoard()
|
||||
}
|
||||
}
|
||||
|
||||
function showKeyBoard() {
|
||||
showDiyKeyBoardFlag = true;
|
||||
// 两种键盘都不可见，则调用动画
|
||||
if (!isDiyKeyBoardVisible && !isKeyBoardVisible) {
|
||||
// confirm("当前自定义键盘不可见；系统键盘不可见");
|
||||
showDiyKeyBoard();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 立即收起自定义键盘
|
||||
*/
|
||||
function hiddenKeyBoardImmediately() {
|
||||
showDiyKeyBoardFlag = false;
|
||||
isDiyKeyBoardVisible = false;
|
||||
$(".weui-footer_fixed-bottom").removeClass("showKeyBoard");
|
||||
$(".weui-footer_fixed-bottom").removeClass("hiddenKeyBoard");
|
||||
$(".weui-footer_fixed-bottom").css("bottom", "-224px");
|
||||
}
|
||||
|
||||
function onNumberDown(num) {
|
||||
let number = $('#comsumeMoney').val();
|
||||
|
||||
if (number === "" || number === "undefined" || number === undefined || number === null) {
|
||||
number = "0";
|
||||
}
|
||||
|
||||
let dotPosition = number.indexOf(".");
|
||||
if (dotPosition !== -1 && num === ".") {
|
||||
return;
|
||||
}
|
||||
|
||||
if (dotPosition !== -1 && (dotPosition + 3) === number.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (number === "0" && num !== ".") {
|
||||
number = num;
|
||||
} else {
|
||||
number += num;
|
||||
}
|
||||
|
||||
$('#comsumeMoney').val(number);
|
||||
}
|
||||
|
||||
function backSpace() {
|
||||
let number = $('#comsumeMoney').val();
|
||||
$('#comsumeMoney').val(number.substr(0, number.length - 1));
|
||||
}
|
||||
|
||||
/** 打开备注弹窗 */
|
||||
function showRemarkDialog() {
|
||||
hiddenKeyBoardImmediately()
|
||||
$("#remark").val(remark);
|
||||
$(".weui-mask").addClass("weui-mask--visible");
|
||||
$(".weui-dialog").addClass("weui-dialog--visible");
|
||||
}
|
||||
|
||||
/** 收起备注弹窗 */
|
||||
function hiddenRemarkDialog() {
|
||||
$(".weui-mask").removeClass("weui-mask--visible");
|
||||
$(".weui-dialog").removeClass("weui-dialog--visible");
|
||||
showDiyKeyBoard();
|
||||
}
|
||||
|
||||
function enterRemark() {
|
||||
remark = $("#remark").val();
|
||||
$(".weui-mask").removeClass("weui-mask--visible");
|
||||
$(".weui-dialog").removeClass("weui-dialog--visible");
|
||||
showDiyKeyBoard();
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
@@ -0,0 +1,107 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>提示</title>
|
||||
<script src="https://www.shouyinbei.net/resources/js/alipayjsapi.min3.1.1.js"></script>
|
||||
<style>
|
||||
html {
|
||||
font-family: Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
|
||||
word-spacing: .03125rem;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.lineH2{
|
||||
line-height: 2rem;
|
||||
}
|
||||
p{
|
||||
font-size: 16px;
|
||||
}
|
||||
.btn{
|
||||
border: 0;
|
||||
border-radius: 20px;
|
||||
height: 1.8rem;
|
||||
background-color: #FF586A;
|
||||
color: #fff;
|
||||
font-size: .8rem;
|
||||
width: 80%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="background:#ffff;">
|
||||
<div class="page-title tcenter bluebg white h40 white positionr">
|
||||
<div>
|
||||
<span>提示</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_form ml20 mr20 mt50">
|
||||
<div class="weui-cells weui-cells_form mt50 tcenter">
|
||||
<div class=" f55 white dlblock radiusp50 padding15">
|
||||
<img src="${resourcePath}/images/error_img.png" width="100" height="100">
|
||||
</div>
|
||||
<div class="lineH2" style="text-align: center;">
|
||||
<p>您的付款距离与店铺过远，请当面付款!</p>
|
||||
<p>如位置判断有误，授权获取定位后支付!</p>
|
||||
</div>
|
||||
<div class="mt30" style="display: ${empty province ? 'block' : 'none'}">
|
||||
<button class="btn read">获取定位</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="form" class="hiddenForm">
|
||||
|
||||
<input type="hidden" id="code" name="code" value="${code}">
|
||||
<input type="hidden" id="auth_code" name="auth_code" value="${auth_code}">
|
||||
<input type="hidden" id="userAuthCode" name="userAuthCode" value="${userAuthCode}">
|
||||
|
||||
<input type="hidden" id="merchantCode" name="merchantCode" value="${merchantCode}">
|
||||
<input type="hidden" id="userAppId" name="userAppId" value="${userAppId}">
|
||||
<input type="hidden" id="qrNo" name="qrNo" value="${qrNo}">
|
||||
|
||||
<input type="hidden" id="payType" name="payType" value="${payType}">
|
||||
<input type="hidden" id="cokus" name="cokus" value="${cokus}">
|
||||
<input type="hidden" id="province" name="province" value="">
|
||||
</form>
|
||||
</body>
|
||||
<script>
|
||||
function ready(callback) {
|
||||
// 如果jsbridge已经注入则直接调用
|
||||
if (window.AlipayJSBridge) {
|
||||
callback && callback();
|
||||
} else {
|
||||
// 如果没有注入则监听注入的事件
|
||||
document.addEventListener('AlipayJSBridgeReady', callback, false);
|
||||
}
|
||||
}
|
||||
ready(function() {
|
||||
document.querySelector('.read').addEventListener('click', function() {
|
||||
AlipayJSBridge.call('getCurrentLocation', { bizType: '$s',requestType:1}, function(result) {
|
||||
if (result.error) {
|
||||
AlipayJSBridge.call('alert', {
|
||||
title: '提示',
|
||||
message: result.errorMessage,
|
||||
button: '确定'
|
||||
}, function(e) {
|
||||
});
|
||||
return;
|
||||
}else{
|
||||
let province = result.province;
|
||||
$("#province").val(province);
|
||||
let data = $("#form").serialize();
|
||||
window.location.href = ctx + "/merchant/h5pay?"+data;
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
@@ -0,0 +1,39 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>支付失败</title>
|
||||
</head>
|
||||
<body style="background:#ffff;">
|
||||
<div class="page-title tcenter bluebg white h40 white positionr">
|
||||
<div>
|
||||
<span>支付失败</span>
|
||||
<!-- <a href="javascript:history.go(-1);" class="white f21 h40 left0 top0 positiona">
|
||||
<span class="dblock w40 h40 icon icon-59 white f22"></span>
|
||||
</a> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_form ml20 mr20 mt50">
|
||||
<form method="post">
|
||||
<div class="weui-cells weui-cells_form mt50 tcenter">
|
||||
<div class="bg-red icon icon-95 f55 white dlblock radiusp50 padding15">
|
||||
|
||||
</div>
|
||||
<div class="mt30" style="font-weight: 700;color: #000;font-size: 22px;text-align: center;">
|
||||
支付失败！
|
||||
</div>
|
||||
</div>
|
||||
<%-- <div class="btn mt50">
|
||||
<a href="${ctx }/vip/myVIPCard?storeId=${storeId}" class="weui-btn weui-btn_primary radius10 f16 pt10 pb10">确定</a>
|
||||
</div> --%>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,36 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>支付成功</title>
|
||||
</head>
|
||||
<body style="background:#fff;">
|
||||
<div class="page-title tcenter bluebg white h40 white positionr">
|
||||
<div>
|
||||
<span>提示</span>
|
||||
<!-- <a href="javascript:history.go(-1);" class="white f21 h40 left0 top0 positiona">
|
||||
<span class="dblock w40 h40 icon icon-59 white f22"></span>
|
||||
</a> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_form ml20 mr20 mt50">
|
||||
<form method="post">
|
||||
<div class="weui-cells weui-cells_form mt50 tcenter">
|
||||
<div class="bg-red icon icon-66 f55 white dlblock radiusp50 padding15">
|
||||
|
||||
</div>
|
||||
<div class="mt30" style="font-weight: 700;color: #000;font-size: 22px;text-align: center;">
|
||||
支付成功
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,49 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>注册成功</title>
|
||||
</head>
|
||||
<body style="background:#f7f8fa;">
|
||||
<%-- <div class="page-title tcenter bluebg white h40 white positionr">--%>
|
||||
<%-- <div>--%>
|
||||
<%-- <span>注册成功</span>--%>
|
||||
<%-- <a href="javascript:history.go(-1);" class="white f21 h40 left0 top0 positiona">--%>
|
||||
<%-- <span class="dblock w40 h40 icon icon-59 white f22"></span>--%>
|
||||
<%-- </a>--%>
|
||||
<%-- </div>--%>
|
||||
<%-- </div>--%>
|
||||
<div class="login_form ml20 mr20 mt50">
|
||||
<form method="post">
|
||||
<div class="weui-cells weui-cells_form mt50 tcenter">
|
||||
<div class="bg-green icon icon-66 f55 white dlblock radiusp50 padding15">
|
||||
|
||||
</div>
|
||||
<div class="mt30">
|
||||
成功！
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="btn ml20 mr20 mr40" style="margin-top:2rem;">
|
||||
<a href="javascript:void(0);" id="btnOpenApp" class="weui-btn weui-btn_primary radius10 f14 pt15 pb15">已有账号，下载登录</a>
|
||||
</div>
|
||||
</body>
|
||||
<script src="https://static.jmlk.co/scripts/dist/jmlink.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
new JMLink({
|
||||
jmlink:'https://bztg6y.jglinks.cn/AAp2',
|
||||
button:document.querySelector('a#btnOpenApp'),
|
||||
autoLaunchApp : false,
|
||||
downloadWhenUniversalLinkFailed: true,
|
||||
inapp : false,
|
||||
params: {}
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
251
pluss-wap-page/src/main/webapp/WEB-INF/jsp/merchant/share.jsp
Normal file
251
pluss-wap-page/src/main/webapp/WEB-INF/jsp/merchant/share.jsp
Normal file
@@ -0,0 +1,251 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>分享</title>
|
||||
<style>
|
||||
div,body,p,span,h1,h2,h3,h4{ color:#333}
|
||||
input::-webkit-input-placeholder {
|
||||
font-family: Avenir,Helvetica,Arial,sans-serif;
|
||||
/* placeholder颜色 */
|
||||
color: rgb(118, 118, 118);
|
||||
/*color: #aab2bd;*/
|
||||
/* placeholder字体大小 */
|
||||
font-size: 18px;
|
||||
/* placeholder位置 */
|
||||
}
|
||||
input {
|
||||
border:none;
|
||||
border-bottom: 1px solid #000
|
||||
}
|
||||
.mr40{
|
||||
margin-top:40px;
|
||||
}
|
||||
.bg-logo{
|
||||
height:8rem;
|
||||
width:100%;
|
||||
background-repeat: no-repeat;
|
||||
background-size:contain;
|
||||
background-position:center 0;
|
||||
background-image: url('${resourcePath}/images/bg_logo.png');
|
||||
}
|
||||
.kaptcha{
|
||||
width: 80px;
|
||||
height: 32px;
|
||||
}
|
||||
.weui-cells{
|
||||
height: 60px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="bg-logo">
|
||||
</div>
|
||||
<!-- <div class="page-title tcenter h40 bluebg white">
|
||||
<span>分享</span>
|
||||
<a href="个人中心.html" class="white f21 h40 left0 top0 positiona">
|
||||
<span class="dblock w40 h40 icon icon-59 white f22"></span>
|
||||
</a>
|
||||
</div>-->
|
||||
<div class="weui-cells weui-cells_form bdbe" style="margin-top:10px;">
|
||||
<div class="weui-cell weui-cell_warn">
|
||||
<div class="weui-cell__hd"><span class="icon icon-90 f24"></span></div>
|
||||
<div class="weui-cell__bd">
|
||||
<input class="weui-input tleft pl10" id="phone" type="number" pattern="[0-9]*" value="weui input error" placeholder="请输入手机号码">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="weui-cells weui-cells_form bdbe">
|
||||
<div class="weui-cell weui-cell_warn">
|
||||
<div class="weui-cell__hd"><span class="icon icon-71 f24"></span></div>
|
||||
<div class="weui-cell__bd">
|
||||
<input class="weui-input tleft pl10" id="validateCode" type="text" maxlength="4" value="" placeholder="请输入图形验证码">
|
||||
</div>
|
||||
<div class="weui-cell__bd tright">
|
||||
<img src="${ctx}/kaptcha/get" onclick="refreshKaptcha(this)" class="kaptcha dlblock white f12" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="weui-cells weui-cells_form bdbe">
|
||||
<div class="weui-cell weui-cell_warn">
|
||||
<div class="weui-cell__hd"><span class="icon icon-71 f24"></span></div>
|
||||
<div class="weui-cell__bd">
|
||||
<input class="weui-input tleft pl10" id="phoneverify" type="number" pattern="[0-9]*" value="weui input error" placeholder="请输入验证码">
|
||||
</div>
|
||||
<div class="weui-cell__bd tright">
|
||||
<a href="javascript:void(0);onclick=verification()" id="obtain" class="weui-btn_primary radius5 pt10 pb10 pl10 pr10 dlblock white f12">获取验证码</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="weui-cells weui-cells_form bdbe">
|
||||
<div class="weui-cell weui-cell_warn">
|
||||
<div class="weui-cell__hd"><span class="icon icon-31 f24"></span></div>
|
||||
<div class="weui-cell__bd">
|
||||
<input class="weui-input tleft pl10" type="password" id="password" maxlength="20" placeholder="请输入6~20位登录密码">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="weui-cells weui-cells_form bdbe">
|
||||
<div class="weui-cell weui-cell_warn">
|
||||
<div class="weui-cell__hd"><span class="icon icon-31 f24"></span></div>
|
||||
<div class="weui-cell__bd pl10">
|
||||
<input class="weui-input tleft" type="password" id="againPassword" maxlength="20" placeholder="请再次输入登录密码"/>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" id="inviteNum" value="${inviteNum }">
|
||||
</div>
|
||||
<div class="weui-cells weui-cells_form bdbe">
|
||||
<div class="weui-cell weui-cell_warn">
|
||||
<div class="weui-cell__hd"><span class="icon icon-123 f24"></span></div>
|
||||
<div class="weui-cell__bd pl10">
|
||||
<input class="weui-input tleft" type="text" readonly value="推荐人:${userName}${enPhone }"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn ml20 mr20 mr40">
|
||||
<!-- <a href="javascript:void(0);" class="weui-btn weui-btn_primary radius10 f14 pt15 pb15">推荐人:${userName}${enPhone}</a -->
|
||||
<a href="javascript:void(0);" onclick="goreGister()" class="weui-btn weui-btn_primary radius10 f14 pt15 pb15">注册</a>
|
||||
<a href="javascript:void(0);" id="btnOpenApp" class="weui-btn weui-btn_primary radius10 f14 pt15 pb15">已有账号，下载登录</a>
|
||||
</div>
|
||||
</body>
|
||||
<script src="https://static.jmlk.co/scripts/dist/jmlink.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
new JMLink({
|
||||
jmlink:'https://bztg6y.jglinks.cn/AAp2',
|
||||
button:document.querySelector('a#btnOpenApp'),
|
||||
autoLaunchApp : false,
|
||||
downloadWhenUniversalLinkFailed: true,
|
||||
inapp : false,
|
||||
params: {}
|
||||
});
|
||||
function goreGister(){
|
||||
var phone=$("#phone").val();
|
||||
var phoneverify=$("#phoneverify").val();
|
||||
var password=$("#password").val();
|
||||
var againPassword=$("#againPassword").val();
|
||||
var inviteNum=$("#inviteNum").val();
|
||||
var phoneReg = /(^1[3|4|5|6|7|8|9]\d{9}$)|(^09\d{8}$)/;
|
||||
// var psdReg = /^(?=.*[a-z|A-Z]).{6,20}$/;
|
||||
if (!phoneReg.test(phone)) {
|
||||
$.alert("请输入正确的手机号","系统提示");
|
||||
return;
|
||||
}
|
||||
|
||||
if (!password || !againPassword) {
|
||||
$.alert("请输入登录密码","系统提示");
|
||||
return;
|
||||
}
|
||||
|
||||
if (password.length < 6) {
|
||||
$.alert("密码长度6到20位！","系统提示");
|
||||
return;
|
||||
}
|
||||
|
||||
if(password!=againPassword){
|
||||
$.alert("两次的密码必须相同！","系统提示");
|
||||
return;
|
||||
}
|
||||
$.showLoading("提交中...")
|
||||
$.ajax({
|
||||
url:ctx+'/merchant/goRegister',
|
||||
data:{
|
||||
"inviteNum":inviteNum,
|
||||
"phoneverify" : phoneverify,
|
||||
"phone":phone,
|
||||
"password":password,
|
||||
},
|
||||
dataType:"json",
|
||||
type:"post",
|
||||
success:function(res){
|
||||
$.hideLoading();
|
||||
if(res.code == '200'){
|
||||
window.location.href = ctx+ "/merchant/registerSuccess";
|
||||
}else{
|
||||
$.alert(res.message,"系统提示");
|
||||
}
|
||||
},
|
||||
error:function(res){
|
||||
$.hideLoading();
|
||||
$.alert("系统繁忙,请稍后再试","系统提示");
|
||||
},
|
||||
})
|
||||
}
|
||||
function verification() {
|
||||
var phoneReg = /(^1[3|4|5|6|7|8|9]\d{9}$)|(^09\d{8}$)/;
|
||||
var phone=$.trim($("#phone").val());
|
||||
if (!phoneReg.test(phone)) {
|
||||
$.alert("请输入正确的手机号","系统提示");
|
||||
return;
|
||||
}
|
||||
var validateCode = $.trim($("#validateCode").val());
|
||||
if(!validateCode){
|
||||
$.alert("请输入图形验证码","系统提示");
|
||||
return;
|
||||
}
|
||||
var href = 'javascript:void(0); onclick=verification()';
|
||||
var _this = $("#obtain");
|
||||
_this.removeAttr("href");
|
||||
$.showLoading("获取中...");
|
||||
$.ajax({
|
||||
url:ctx+'/vip/getPhoneCode',
|
||||
data:{
|
||||
"phone":phone,
|
||||
"validateCode" : validateCode
|
||||
},
|
||||
dataType:"json",
|
||||
type:"post",
|
||||
success:function(data){
|
||||
//成功
|
||||
$.hideLoading();
|
||||
if(data.code=='1'){
|
||||
var sec = 60;
|
||||
var timer = window.setInterval(function() {
|
||||
sec--;
|
||||
if (sec > 0) {
|
||||
_this.text(sec + "秒重新发送!");
|
||||
} else {
|
||||
// 去掉定时器
|
||||
window.clearInterval(timer);
|
||||
_this.text("获取验证码");
|
||||
_this.attr("href","javascript:void(0); onclick=verification()");
|
||||
}
|
||||
}, 1000);
|
||||
}else if(data.code=='0'){
|
||||
$.alert("获取验证码失败，请稍后再试","系统提示");
|
||||
_this.text("获取验证码");
|
||||
_this.attr("href",href);
|
||||
}else if(data.code=='2'){
|
||||
//系统错误
|
||||
$.alert("系统繁忙！","系统提示");
|
||||
_this.text("获取验证码");
|
||||
_this.attr("href",href);
|
||||
}else if(data.code=='3'){
|
||||
$.alert("手机号已被注册！","系统提示");
|
||||
_this.text("获取验证码");
|
||||
_this.attr("href",href);
|
||||
}else{
|
||||
$.alert(data.msg,"系统提示");
|
||||
_this.text("获取验证码");
|
||||
_this.attr("href",href);
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
function refreshKaptcha(obj){
|
||||
let url = $(obj).attr("src");
|
||||
let time = new Date().getTime();
|
||||
if(url.indexOf("?") > 0){
|
||||
url = url.split("?")[0]
|
||||
}
|
||||
$(obj).attr("src",url+"?t="+ time);
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
@@ -0,0 +1,103 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>提示</title>
|
||||
<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
|
||||
<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
|
||||
<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
|
||||
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>
|
||||
<style>
|
||||
html {
|
||||
font-family: Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
|
||||
word-spacing: .03125rem;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.lineH2{
|
||||
line-height: 2rem;
|
||||
}
|
||||
p{
|
||||
font-size: 16px;
|
||||
}
|
||||
.btn{
|
||||
border: 0;
|
||||
border-radius: 20px;
|
||||
height: 1.8rem;
|
||||
background-color: #FF586A;
|
||||
color: #fff;
|
||||
font-size: .8rem;
|
||||
width: 80%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="background:#ffff;">
|
||||
<div class="login_form ml20 mr20 mt50">
|
||||
<div class="weui-cells weui-cells_form mt50 tcenter">
|
||||
<div class=" f55 white dlblock radiusp50 padding15">
|
||||
<img src="${resourcePath}/images/error_img.png" width="100" height="100">
|
||||
</div>
|
||||
<div class="lineH2" style="text-align: center;">
|
||||
<p>您的付款距离与店铺过远，请当面付款!</p>
|
||||
<p>如位置判断有误，授权获取定位后支付!</p>
|
||||
</div>
|
||||
<div class="mt30" style="display: ${empty province ? 'block' : 'none'}">
|
||||
<button class="btn read" onclick="getLocation()">获取定位</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
wx.config({
|
||||
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
|
||||
appId: '${appId}', // 必填，公众号的唯一标识
|
||||
timestamp: '${timestamp}', // 必填，生成签名的时间戳
|
||||
nonceStr: '${noncestr}', // 必填，生成签名的随机串
|
||||
signature: '${sign}',// 必填，签名
|
||||
jsApiList: ["getLocation"], // 必填，需要使用的JS接口列表
|
||||
verifyJsApiList:["geoLocation"]
|
||||
});
|
||||
wx.ready(function(){
|
||||
// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
|
||||
});
|
||||
wx.error(function(res){
|
||||
// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
|
||||
});
|
||||
function getLocation(){
|
||||
$.showLoading("获取中...");
|
||||
wx.miniProgram.geoLocation({
|
||||
type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
|
||||
success: function (res) {
|
||||
let latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
|
||||
let longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
|
||||
getAddress(latitude,longitude);
|
||||
},cancel:function (){
|
||||
$.alert("请先授权获取位置信息！");
|
||||
},fail:function (res){
|
||||
$.alert(JSON.stringify(res));
|
||||
}
|
||||
});
|
||||
}
|
||||
function getAddress(latitude,longitude){
|
||||
let url = ctx + "/wechat/getAddress";
|
||||
$.post(url,{lat:latitude,lng:longitude},function (res){
|
||||
$.hideLoading();
|
||||
if(res.code != 200){
|
||||
return $.alert(res.message,"系统提示");
|
||||
}
|
||||
window.localStorage.setItem("province",res.data);
|
||||
window.location.href = ctx + "/merchant/recharge?storeId=${storeId}&appOpenId=${appOpenId}"
|
||||
})
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
233
pluss-wap-page/src/main/webapp/WEB-INF/jsp/recharge/recharge.jsp
Normal file
233
pluss-wap-page/src/main/webapp/WEB-INF/jsp/recharge/recharge.jsp
Normal file
@@ -0,0 +1,233 @@
|
||||
<%@ page contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}"; //上下文路径
|
||||
var resourcePath = "${resourcePath}";
|
||||
document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
|
||||
</script>
|
||||
<link rel="stylesheet" href="${resourcePath}/css/weui.min.css">
|
||||
<link rel="stylesheet" href="${resourcePath}/css/jquery-weui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="${resourcePath}/css/recharge.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="${resourcePath}/css/icon.css"/>
|
||||
<%-- <script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.min.js"></script>--%>
|
||||
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
|
||||
<script src="${resourcePath}/js/jquery.min.js"></script>
|
||||
<style>
|
||||
body{
|
||||
font-size: 1rem;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.uInfo-lef{
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.card-head{
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
.vip-card-logo{
|
||||
width: 27px;
|
||||
height: 27px;
|
||||
}
|
||||
.shopDes{
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.choseCard{
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
</style>
|
||||
<title>会员充值</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="top ">
|
||||
<div class="card">
|
||||
<div class="card-head">
|
||||
<img class="vip-card-logo" src="${resourcePath}/images/vip-card-logo.png">
|
||||
<div class="shopName">${merchant.alias}</div>
|
||||
</div>
|
||||
<div class="shopDes">欢迎使用本店会员卡</div>
|
||||
<c:if test="${not empty activityRecharge}">
|
||||
<div class="shopAct">
|
||||
<div class="iconfont icon-dian saicon"></div>
|
||||
充${activityRecharge.rechargeMoney}送${activityRecharge.giveMoney}
|
||||
</div>
|
||||
</c:if>
|
||||
<div class="uInfo">
|
||||
<div class="uInfo-lef">
|
||||
<div >卡号：${menber.cardNo}</div>
|
||||
<div class="uName">会员：${menber.nickName}</div>
|
||||
</div>
|
||||
<div class="uInfo-rig">
|
||||
<span class="curNumText">余额：</span>
|
||||
<span class="curNum">${balance}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mid">
|
||||
<div class="rechargeNum-box">
|
||||
<div class="rn-des">￥</div>
|
||||
<input id="rnInput" type="number" ${store.storeId eq 'TQTDMS' ? 'readonly' : ''} value="" maxlength="14" class="rechargeNum-input" placeholder="${store.storeId eq 'TQTDMS' ? '不支持自定义金额' : '自定义金额'}">
|
||||
</div>
|
||||
<div class="choseCard-box">
|
||||
<c:if test="${not empty list}">
|
||||
<c:forEach items="${list}" var="r">
|
||||
<div class="choseCard "> <%--cardActive--%>
|
||||
<div class="cardNum" data-i="${r.id}" data-v="${r.rechargeMoney}" data-r="${r.giveMoney}" data-t="1">${r.rechargeMoney}元</div>
|
||||
<div class="cardNumA">送${r.giveMoney}元</div>
|
||||
<%--<div class="sel-icon iconfont icon-gou"></div>--%>
|
||||
</div>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
<c:if test="${not empty amt}">
|
||||
<c:forEach items="${amt}" var="a">
|
||||
<div class="choseCard">
|
||||
<div class="cardNum" data-v="${a}" data-t="0">${a}元</div>
|
||||
</div>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
<%-- <div class="choseCard">--%>
|
||||
<%-- <div class="cardNum" data-v="300" data-t="0">300元</div>--%>
|
||||
<%-- </div>--%>
|
||||
<%-- <div class="choseCard">--%>
|
||||
<%-- <div class="cardNum" data-v="200" data-t="0">200元</div>--%>
|
||||
<%-- </div>--%>
|
||||
<%-- <div class="choseCard">--%>
|
||||
<%-- <div class="cardNum" data-v="100" data-t="0">100元</div>--%>
|
||||
<%-- </div>--%>
|
||||
</div>
|
||||
<div class="recharge-button flex-cc" id="toRecharge">
|
||||
<div class="iconfont recharge-loading"></div>
|
||||
<div class="recharge-text">立即充值</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="bot">
|
||||
<div class="banlanceRecord-item">
|
||||
<div class="bot-title">最近30天余额记录</div>
|
||||
</div>
|
||||
<div class="banlanceRecord-item">
|
||||
<view class="bi-des">会员消费信息</view>
|
||||
<view class="bi-time">2020-10-12 14:57:06</view>
|
||||
<view class="bi-Num">-0.1元</view>
|
||||
</div>
|
||||
<div class="banlanceRecord-item">
|
||||
<view class="bi-des">会员消费信息</view>
|
||||
<view class="bi-time">2020-10-12 14:57:06</view>
|
||||
<view class="bi-Num">-0.1元</view>
|
||||
</div>
|
||||
|
||||
</div> -->
|
||||
</div>
|
||||
</body>
|
||||
<script src="${resourcePath}/js/recharge/recharge.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="${resourcePath}/js/jquery-weui.min.js"></script>
|
||||
<script>
|
||||
$("#toRecharge").click(function () {
|
||||
var rechargeAmt = $("#rnInput").val();
|
||||
if(!rechargeAmt){
|
||||
$.alert("请输入充值金额！");
|
||||
return;
|
||||
}
|
||||
var reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;
|
||||
if(!reg.test(rechargeAmt)){
|
||||
$.alert("金额格式不正确！");
|
||||
return;
|
||||
}
|
||||
if(parseFloat(rechargeAmt) < 0.01){
|
||||
$.alert("最少充值0.01！");
|
||||
return;
|
||||
}
|
||||
/* openLoading();
|
||||
$(this).unbind("click","fn");*/
|
||||
var dom = $(".cardActive");
|
||||
var t = "0";
|
||||
var v = rechargeAmt;
|
||||
var i = "";
|
||||
if(dom.length != 0){
|
||||
t = dom.find("div").attr("data-t");
|
||||
i = dom.find("div").attr("data-i");
|
||||
}
|
||||
if(t == 1){
|
||||
var gv = dom.find("div").attr("data-r") == undefined ? 0.00 : dom.find("div").attr("data-r");
|
||||
v = parseFloat(v) + parseFloat(gv);
|
||||
}
|
||||
$.confirm({
|
||||
title: '充值',
|
||||
text: '充值'+rechargeAmt+'元实际到账'+v+'元！',
|
||||
onOK: function () {
|
||||
openLoading();
|
||||
$("#toRecharge").unbind("click","fn");
|
||||
ajaxFormPay(t,rechargeAmt,i);
|
||||
},
|
||||
onCancel: function () {
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
function ajaxFormPay(t,rechargeAmt,i) {
|
||||
let data = {};
|
||||
data.storeId = '${store.id}';
|
||||
data.appOpenId = '${appOpenId}';
|
||||
data.rechargeAmt = rechargeAmt;
|
||||
data.payWay = "WXZF";
|
||||
data.payType = "03";
|
||||
data.type = t;
|
||||
data.aId = i;
|
||||
let province = window.localStorage.getItem("province");
|
||||
if(province){
|
||||
data.province = province;
|
||||
}
|
||||
var url = ctx + "/merchant/toRecharge";
|
||||
$.ajax({
|
||||
url : url,
|
||||
data : JSON.stringify(data),
|
||||
dataType : "json",
|
||||
type : "post",
|
||||
contentType:'application/json',
|
||||
success : function(res) {
|
||||
$("#toRecharge").bind("click","fn");
|
||||
closeLoading();
|
||||
if (res.code == '200') {
|
||||
var rdata = res.data;
|
||||
var params = '?timestamp=' + rdata.payTimeStamp + '&nonceStr=' + rdata.paynonceStr
|
||||
+ '&package=' + encodeURIComponent(rdata.payPackage) + '&signType=' + rdata.paySignType
|
||||
+ '&paySign=' + encodeURIComponent(rdata.paySign) + '&pType=0&appId='+rdata.payAppId;
|
||||
var path = '../../pages/store/wxpay'+params;
|
||||
//通过JSSDK的api跳转到指定的小程序页面
|
||||
wx.miniProgram.navigateTo({url: path});
|
||||
} else {
|
||||
$.alert(res.message,"系统提示");
|
||||
<%--$.alert(res.message,"系统提示",function (){--%>
|
||||
<%-- if(res.message.indexOf("收款店铺过远") > -1 && !province){--%>
|
||||
<%-- window.location.href = ctx + "/merchant/wxLocation?storeId=${store.id}&appOpenId=${appOpenId}";--%>
|
||||
<%-- }--%>
|
||||
<%--});--%>
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function openLoading(){
|
||||
$('.recharge-loading').addClass('icon-loading');
|
||||
$('.recharge-text').text('支付中');
|
||||
$('.recharge-button').css('background-color','#ec7b8e')
|
||||
}
|
||||
// 关闭loading
|
||||
function closeLoading(){
|
||||
$('.recharge-loading').removeClass('icon-loading');
|
||||
$('.recharge-text').text('立即充值');
|
||||
$('.recharge-button').css('background-color','#f33c5b')
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
47
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/auth.jsp
Normal file
47
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/auth.jsp
Normal file
@@ -0,0 +1,47 @@
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8"
|
||||
pageEncoding="utf-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<title></title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<input type="hidden" id="appId" value="${appId }">
|
||||
<script type="text/javascript">
|
||||
function GetQueryString(name){
|
||||
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
|
||||
var r = window.location.search.substr(1).match(reg);
|
||||
if(r!=null)return unescape(r[2]); return null;
|
||||
}
|
||||
|
||||
/**
|
||||
* 判断是否是微信浏览器
|
||||
*/
|
||||
function isWeiXin(){
|
||||
var ua = window.navigator.userAgent.toLowerCase();
|
||||
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
|
||||
return true;
|
||||
}else{
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 业务分流
|
||||
*/
|
||||
var uri="${url}";
|
||||
var appId=document.getElementById("appId").value;
|
||||
if(isWeiXin()){
|
||||
var jump='https://open.weixin.qq.com/connect/oauth2/authorize?appid='+appId+'&redirect_uri='+encodeURIComponent(uri)+'&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect';
|
||||
window.location=jump;
|
||||
}else{
|
||||
window.location=uri;
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,63 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>最新活动</title>
|
||||
</head>
|
||||
<body class="pb100 lgraybg">
|
||||
<div class="positionf wp100 left0 top0 zindex100 bluebg h40 tcenter">
|
||||
<div>
|
||||
<a href="${ctx }/vip/myVIPCard?storeId=${sessionScope.sessionMerchantMenber.storeId}&phone=${sessionScope.sessionMerchantMenber.phone}" class="white f21 h40 left0 top0 positiona">
|
||||
<span class="dblock w40 h40 icon icon-59 white f22"></span>
|
||||
</a>
|
||||
<span class="white">最新活动</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 容器 -->
|
||||
<div class="weui-tab">
|
||||
<div class="mt60">
|
||||
<div class="mb10">
|
||||
<div class="weui-flex pt10 pb10 whitebg ml10 mr10 bdl2r">
|
||||
<div class="ml10"><img src="https://www.shouyinbei.net/resources/wap/images/acti1.png" class="dlblock fc radiusp50 vm" width="60" height="60"/></div>
|
||||
<div class="weui-flex__item">
|
||||
<div class="mb10 f16 tleft f-black">活动类型：推荐奖励</div>
|
||||
<div class="f14">有效时间：无限制</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb10">
|
||||
<div class="weui-flex pt10 pb10 whitebg ml10 mr10 bdl2g">
|
||||
<div class="ml10"><img src="https://www.shouyinbei.net/resources/wap/images/acti2.png" class="dlblock fc radiusp50 vm" width="60" height="60"/></div>
|
||||
<div class="weui-flex__item">
|
||||
<div class="mb10 f16 tleft f-black">活动类型：激活送</div>
|
||||
<div class="f14">有效时间：2019.2.1-2019.12.1</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb10">
|
||||
<div class="weui-flex pt10 pb10 whitebg ml10 mr10 bdl2o">
|
||||
<div class="ml10"><img src="https://www.shouyinbei.net/resources/wap/images/acti3.png" class="dlblock fc radiusp50 vm" width="60" height="60"/></div>
|
||||
<div class="weui-flex__item">
|
||||
<div class="mb10 f16 tleft f-black">活动类型：充值送</div>
|
||||
<div class="f14">有效时间：无限制</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb10">
|
||||
<div class="weui-flex pt10 pb10 whitebg ml10 mr10 bdl2r">
|
||||
<div class="ml10"><img src="https://www.shouyinbei.net/resources/wap/images/acti4.png" class="dlblock fc radiusp50 vm" width="60" height="60"/></div>
|
||||
<div class="weui-flex__item">
|
||||
<div class="mb10 f16 tleft f-black">活动类型：消费返</div>
|
||||
<div class="f14">有效时间：2019.2.1-2020.2.1</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
150
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/consumeLog.jsp
Normal file
150
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/consumeLog.jsp
Normal file
@@ -0,0 +1,150 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>消费记录</title>
|
||||
</head>
|
||||
<body class="pb100">
|
||||
<div class="positionf wp100 left0 top0 zindex100 bluebg h40 tcenter">
|
||||
<div>
|
||||
<a href="${ctx }/vip/myVIPCard?storeId=${sessionScope.sessionMerchantMenber.storeId}&phone=${sessionScope.sessionMerchantMenber.phone}" class="white f21 h40 left0 top0 positiona">
|
||||
<span class="dblock w40 h40 icon icon-59 white f22"></span>
|
||||
</a>
|
||||
<span class="white">消费记录</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 容器 -->
|
||||
<div class="weui-tab">
|
||||
<div class="mt60">
|
||||
<div id="data_content">
|
||||
<c:forEach items="${merchantMenberComsumeList }" var="mcs">
|
||||
<div class="weui-flex pt10 pb10 bdbe">
|
||||
<div class="ml10"><img src="https://www.shouyinbei.net/resources/wap/images/bg.png" class="dlblock fc radiusp50 vm" width="45" height="45"/></div>
|
||||
<div class="weui-flex__item">
|
||||
<div class="mb10 f16 tleft ml10 f-black">${mcs.nickName }</div>
|
||||
<div class="f14 ml10"><fmt:formatDate value='${mcs.createDt }' pattern='yyyy-MM-dd HH:mm:ss' /></div>
|
||||
</div>
|
||||
<div class="mr10 f16 tright pt10 f-black">-${mcs.comsumeMoney }</div>
|
||||
</div>
|
||||
</c:forEach>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<input type="hidden" id="memberCode" name="memberCode" value="${memberCode }" />
|
||||
<input type="hidden" id="storeId" name="storeId" value="${storeId }" />
|
||||
<!-- 定义分页的当前页码和总页码start -->
|
||||
<input type="hidden" id="currPage" value="1" />
|
||||
<input type="hidden" id="PageCount" value="0" />
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var pageIndex=1;
|
||||
$(document).ready(function(){
|
||||
//调用查询
|
||||
pageIndex=StringUtil.getQueryString('pageIndex');
|
||||
if(pageIndex==undefined||pageIndex==null){
|
||||
pageIndex=1;
|
||||
}
|
||||
queryConsumeLog(pageIndex);
|
||||
});
|
||||
|
||||
var loading = false; //状态标记
|
||||
$(document.body).infinite().on("infinite",function() {
|
||||
if(loading) return;
|
||||
loading = true;
|
||||
setTimeout(function() {
|
||||
if ($('#currPage').val()<=$('#PageCount').val()) {
|
||||
queryConsumeLog($('#currPage').val());
|
||||
} else {
|
||||
$.toast("已到底！", "text");
|
||||
}
|
||||
loading = false;
|
||||
}, 1500); //模拟延迟
|
||||
});
|
||||
|
||||
function queryConsumeLog(index){
|
||||
if(typeof(index)=='undefined'){
|
||||
index=1;
|
||||
}
|
||||
$.ajax({
|
||||
url:ctx+'/vip/goConsumeLog',
|
||||
data:{
|
||||
"currPage":index,
|
||||
"memberCode":$("#memberCode").val(),
|
||||
"storeId":$("#storeId").val(),
|
||||
},
|
||||
dataType:"json",
|
||||
type:"post",
|
||||
success:function(result){
|
||||
if(result.merchantMenberComsumeList.lenght==0){}else{
|
||||
var data='';
|
||||
$.each(result.merchantMenberComsumeList,function(i){
|
||||
var merchantMenberComsume=result.merchantMenberComsumeList[i];
|
||||
var createDt='';
|
||||
if(StringUtil.isNotBlank(merchantMenberComsume.createDt)){
|
||||
createDt = myTime(merchantMenberComsume.createDt);
|
||||
createDt = formatDateTime(createDt);
|
||||
}
|
||||
data+='<div class="weui-flex pt10 pb10 bdbe">';
|
||||
data+='<div class="ml10"><img src="'+ctx+'/resources/images/bg.png" class="dlblock fc radiusp50 vm" width="45" height="45"/></div>';
|
||||
data+=' <div class="weui-flex__item">';
|
||||
data+=' <div class="mb10 f16 tleft ml10 f-black">'+merchantMenberComsume.nickName+'</div>';
|
||||
data+='<div class="f14 ml10">'+createDt+'</div>';
|
||||
data+='</div>';
|
||||
data+='<div class="mr10 f16 tright pt10 f-black">-'+merchantMenberComsume.comsumeMoney+'</div>';
|
||||
data+='</div>';
|
||||
});
|
||||
$('#data_content').append(data);
|
||||
$('#currPage').val(result.currPage + 1);
|
||||
$('#PageCount').val(result.pageCount);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
function myTime(date){
|
||||
var arr=date.split("T");
|
||||
var d=arr[0];
|
||||
var darr = d.split('-');
|
||||
|
||||
var t=arr[1];
|
||||
var tarr = t.split('.000');
|
||||
var marr = tarr[0].split(':');
|
||||
|
||||
var dd = parseInt(darr[0])+"/"+parseInt(darr[1])+"/"+parseInt(darr[2])+" "+parseInt(marr[0])+":"+parseInt(marr[1])+":"+parseInt(marr[2]);
|
||||
return dd;
|
||||
}
|
||||
|
||||
function addZero(num) {
|
||||
return num < 10 ? '0' + num : num;
|
||||
}
|
||||
|
||||
function formatDateTime (date) {
|
||||
var time = new Date(Date.parse(date));
|
||||
time.setTime(time.setHours(time.getHours() + 8));
|
||||
var Y = time.getFullYear() + '/';
|
||||
var M = this.addZero(time.getMonth() + 1) + '/';
|
||||
var D = this.addZero(time.getDate()) + ' ';
|
||||
var h = this.addZero(time.getHours()) + ':';
|
||||
var m = this.addZero(time.getMinutes()) + ':';
|
||||
var s = this.addZero(time.getSeconds());
|
||||
return Y + M + D + h + m + s;
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</html>
|
||||
213
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/goPay.jsp
Normal file
213
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/goPay.jsp
Normal file
@@ -0,0 +1,213 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<style type="text/css">
|
||||
.weui-cell{
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.middle-inner {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
.backdrop {
|
||||
position: fixed;
|
||||
z-index: 998;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: rgba(0,0,0,.1);
|
||||
}
|
||||
</style>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>去充值</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id='loading' class="backdrop" style="display: none; padding-top: 70%; text-align: center;">
|
||||
<div>
|
||||
<img src="${resourcePath}/images/loading-2.gif" alt="loading" />
|
||||
</div>
|
||||
<div style="font-family:'Microsoft YaHei';color:#000000;font-size: 1rem;">支付中...</div>
|
||||
<!--自己放loding图片-->
|
||||
</div>
|
||||
<div class="page-title tcenter h40 bluebg white">
|
||||
<span>去充值</span>
|
||||
<a href="${ctx }/vip/myVIPCard?storeId=${sessionScope.sessionMerchantMenber.storeId}&phone=${sessionScope.sessionMerchantMenber.phone}" class="white f21 h40 left0 top0 positiona">
|
||||
<span class="dblock w40 h40 icon icon-59 white f22"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="weui-cells weui-cells_form bdb5">
|
||||
<div class="weui-cell">
|
||||
<div class="weui-cell__hd"><label class="weui-label">当前余额:</label></div>
|
||||
<div class="weui-cell__bd tright f-red">
|
||||
¥<fmt:formatNumber type="number" value="${merchantMenber.usableRechargeFee + merchantMenber.usableGiveFee }" pattern="0.00" maxFractionDigits="2"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="weui-cells weui-cells_form bdbe">
|
||||
<div class="weui-cell weui-cell_warn">
|
||||
<div class="weui-cell__hd"><label for="" class="weui-label f-black f22">¥</label></div>
|
||||
<div class="weui-cell__bd">
|
||||
<input class="weui-input tright" type="text" id="rechargeMoney" placeholder="请输入充值金额">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="weui-cells weui-cells_form bdbe pb20">
|
||||
<div class="tcenter clearfix payTab">
|
||||
<c:forEach items="${activityRechargeList }" var="activityRecharge">
|
||||
<div class="f16 fl tcenter pt20 wp33">
|
||||
<a href="javascript:void(0);" class="dblock radius5 pt10 pb10 ml10 mr10 option">
|
||||
<div class="middle-inner">${activityRecharge.rechargeMoney}元<br/>送${activityRecharge.giveMoney}元</div>
|
||||
</a>
|
||||
</div>
|
||||
</c:forEach>
|
||||
<div class="f16 fl tcenter pt20 wp33">
|
||||
<a href="javascript:void(0);" class="dblock radius5 pt10 pb10 ml10 mr10 option">
|
||||
<div class="middle-inner">50元</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="f16 fl tcenter pt20 wp33">
|
||||
<a href="javascript:void(0);" class="dblock radius5 pt10 pb10 ml10 mr10 option">
|
||||
<div class="middle-inner">100元</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="f16 fl tcenter pt20 wp33">
|
||||
<a href="javascript:void(0);" class="dblock radius5 pt10 pb10 ml10 mr10 option">
|
||||
<div class="middle-inner">150元</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="f16 fl tcenter pt20 wp33">
|
||||
<a href="javascript:void(0);" class="dblock radius5 pt10 pb10 ml10 mr10 option">
|
||||
<div class="middle-inner">200元</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="f16 fl tcenter pt20 wp33">
|
||||
<a href="javascript:void(0);" class="dblock radius5 pt10 pb10 ml10 mr10 option">
|
||||
<div class="middle-inner">500元</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="weui-cells weui-cells_form bdbe">
|
||||
<div class="weui-cell weui-cell_warn">
|
||||
<div class="weui-cell__hd"><span class="icon icon-14 f22 vm f-green"></span><span class="f-black vm f14 ml10">微信充值</span></div>
|
||||
<div class="weui-cells weui-cells_checkbox">
|
||||
<label class="weui-cell weui-check__label" style="padding:0;">
|
||||
<div class="weui-cell__hd">
|
||||
<input type="checkbox" class="weui-check" name="checkbox1" checked="checked">
|
||||
<i class="weui-icon-checked"></i>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn mt60 ml20 mr20">
|
||||
<a href="javascript:wechatPay()" class="weui-btn weui-btn_primary radius10 f14 pt15 pb15">去充值</a>
|
||||
</div>
|
||||
<script>
|
||||
$(function(){
|
||||
$(".payTab>div").click(function(){
|
||||
$(this).addClass("current").siblings("div").removeClass("current");
|
||||
var a=$(".current a>div").text();
|
||||
var money=a.split('元');
|
||||
var rechargeMoney=money[0];
|
||||
$("#rechargeMoney").val(rechargeMoney);
|
||||
})
|
||||
|
||||
var maxHeight = 0;
|
||||
$(".option").each(function() {
|
||||
var height = $(this).height();
|
||||
maxHeight = Math.max(maxHeight, height);
|
||||
});
|
||||
|
||||
$(".option").height(maxHeight);
|
||||
|
||||
$(".option>div").height(maxHeight);
|
||||
$(".option>div").width($(".option").width());
|
||||
|
||||
// $(".option").css('line-height', maxHeight);
|
||||
})
|
||||
function wechatPay(){
|
||||
var rechargeMoney=$("#rechargeMoney").val();
|
||||
if(StringUtil.isNotTwo(rechargeMoney)){
|
||||
if(StringUtil.isBlank(rechargeMoney)){
|
||||
alert("请输入金额");
|
||||
return;
|
||||
}
|
||||
alert('请输入正确的金额格式(正整数或小数)');
|
||||
return;
|
||||
}
|
||||
if(StringUtil.isNotBlank(rechargeMoney)){
|
||||
if(rechargeMoney<0.01){
|
||||
alert('充值金额必须大于0.01');
|
||||
return;
|
||||
}
|
||||
}
|
||||
$('#loading').css('display','block');
|
||||
$.ajax({
|
||||
url:ctx+"/vip/wechatPay",
|
||||
type:"POST",
|
||||
dataType:'json',
|
||||
data:{
|
||||
"rechargeMoney":rechargeMoney,
|
||||
},
|
||||
success:function(res){
|
||||
$('#loading').css('display','none');
|
||||
var rdata = res.data;
|
||||
if(res.code=="1"){
|
||||
WeixinJSBridge.invoke('getBrandWCPayRequest', {
|
||||
// 商品名称
|
||||
"appId":rdata.appId,
|
||||
"timeStamp":rdata.timeStamp,
|
||||
"nonceStr":rdata.nonceStr,
|
||||
"package":rdata.packageMsg,
|
||||
"signType":rdata.signType,
|
||||
"paySign":rdata.paySgin,
|
||||
}, function(res) {
|
||||
if (res.err_msg == "get_brand_wcpay_request:ok") {
|
||||
window.location = ctx +'/vip/rechargeSuccess';
|
||||
} else {
|
||||
window.location = ctx +'/vip/rechargeFail';
|
||||
}
|
||||
})
|
||||
}else if(res.code=="2"){
|
||||
if(res.aisleSwitch == "1"){
|
||||
window.location=res.jspay_url;
|
||||
}else if(res.aisleSwitch == "2"){
|
||||
WeixinJSBridge.invoke('getBrandWCPayRequest', {
|
||||
// 商品名称
|
||||
"appId" : rdata.payAppId,
|
||||
"timeStamp" : rdata.payTimeStamp,
|
||||
"nonceStr" : rdata.paynonceStr,
|
||||
"package" : rdata.payPackage,
|
||||
"signType" : rdata.paySignType,
|
||||
"paySign" : rdata.paySign,
|
||||
}, function(res) {
|
||||
if (res.err_msg == "get_brand_wcpay_request:ok") {
|
||||
//成功之后跳转地址
|
||||
window.location = ctx +'/vip/rechargeSuccess';
|
||||
} else {
|
||||
window.location = ctx +'/vip/rechargeFail';
|
||||
}
|
||||
})
|
||||
}
|
||||
}else{
|
||||
$.toast(res.msg,"text");
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
52
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/goPayment.jsp
Normal file
52
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/goPayment.jsp
Normal file
@@ -0,0 +1,52 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<script type="text/javascript" src="https://www.shouyinbei.net/resources/wap/js/jquery.qrcode.js"></script>
|
||||
<script type="text/javascript" src="https://www.shouyinbei.net/resources/wap/js/qrcode.js"></script>
|
||||
<!-- <script type="text/javascript">
|
||||
require("js/jquery.qrcode.js");
|
||||
require("js/qrcode.js");
|
||||
</script> -->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>会员卡付款码</title>
|
||||
</head>
|
||||
<body class="bluebg">
|
||||
<div class="positionf wp100 left0 top0 zindex100 h40 tcenter">
|
||||
<div>
|
||||
<a href="${ctx }/vip/myVIPCard?storeId=${sessionScope.sessionMerchantMenber.storeId}&phone=${sessionScope.sessionMerchantMenber.phone}" class="white f21 h40 left0 top0 positiona">
|
||||
<span class="dblock w40 h40 icon icon-59 white f22"></span>
|
||||
</a>
|
||||
<span class="white">会员卡付款码</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 容器 -->
|
||||
<div class="weui-tab">
|
||||
<div class="mt50">
|
||||
<div class="ml20 mr20 pt20 fc cardbg">
|
||||
<div class="lgraybg radius5" id="qrcodeTable" style="width: 210px;margin:15px auto"></div>
|
||||
<div class="pt10 pb50 tcenter f14"><span class="f-red">*注:</span><span class="">此码仅供对应储值门店会员余额消费使用</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" id="website" value="${website}">
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
var website=$("#website").val();
|
||||
$(".lgraybg").height($(".lgraybg").width());
|
||||
jQuery('#qrcodeTable').qrcode({
|
||||
//这种方式兼容IE8
|
||||
text: website,
|
||||
width:210, // 宽度
|
||||
height:210,
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
13
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/index.jsp
Normal file
13
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/index.jsp
Normal file
@@ -0,0 +1,13 @@
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<title></title>
|
||||
</head>
|
||||
<body>
|
||||
index.jsp
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,48 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>输入消费金额</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="page-title tcenter h40 bluebg white">
|
||||
<span>输入消费金额</span>
|
||||
<a href="${ctx }/vip/myVIPCard?storeId=${sessionScope.sessionMerchantMenber.storeId}&phone=${sessionScope.sessionMerchantMenber.phone}" class="white f21 h40 left0 top0 positiona">
|
||||
<span class="dblock w40 h40 icon icon-59 white f22"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="weui-cells weui-cells_form bdbe">
|
||||
<div class="weui-cell weui-cell_warn">
|
||||
<div class="weui-cell__hd"><label for="" class="weui-label f-black f22">¥</label></div>
|
||||
<div class="weui-cell__bd">
|
||||
<input class="weui-input tright" name="comsumeMoney" id="comsumeMoney" type="number" pattern="[0-9]*" value="weui input error" placeholder="请输入消费金额">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" id="cardNo" value="${cardNo}">
|
||||
<input type="hidden" id="storeId" value="${storeId}">
|
||||
<div class="btn mt60 ml20 mr20">
|
||||
<a href="javascript:void(0);onclick=paySuccessOrFail()" class="weui-btn weui-btn_primary radius10 f14 pt15 pb15">确认</a>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<script type="text/javascript">
|
||||
function paySuccessOrFail(){
|
||||
var comsumeMoney=$("#comsumeMoney").val();
|
||||
var storeId=$("#storeId").val();
|
||||
var cardNo=$("#cardNo").val();
|
||||
if(comsumeMoney==""){
|
||||
alert("请输入金额");
|
||||
return;
|
||||
}
|
||||
window.location=ctx+'/vip/paySuccessOrFail?cardNo='+cardNo+'&storeId='+storeId+'&comsumeMoney='+comsumeMoney+'';
|
||||
}
|
||||
</script>
|
||||
|
||||
</html>
|
||||
142
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/myVIPCard.jsp
Normal file
142
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/myVIPCard.jsp
Normal file
@@ -0,0 +1,142 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>个人中心</title>
|
||||
<style type="text/css">
|
||||
.pd {
|
||||
padding: 30px 0px;
|
||||
}
|
||||
.ma {
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.bottom0 {
|
||||
bottom: 30px;
|
||||
}
|
||||
.myName{
|
||||
width:100px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="">
|
||||
<div
|
||||
class="page-title tcenter bluebg h40 white positionf wp100 left0 top0 zindex100">
|
||||
<div>
|
||||
<span>我的会员卡</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gbluebg positionr mt60 ml10 mr10 pl20 pr20 positionr" style="padding: 30px">
|
||||
<div class="padding:20px 0;">
|
||||
<div class="weui-flex">
|
||||
<div>
|
||||
<img src="${merchantMenber.logo }" onerror="this.src='https://www.shouyinbei.net/resources/wap/images/bg.png'"
|
||||
class="dlblock fc radiusp50 vm" width="60" height="60" />
|
||||
</div>
|
||||
<div class="weui-flex__item white pt10">
|
||||
<div class="weui-flex" style="padding-right:5px;">
|
||||
<div class="mb10 f16 weui-flex__item tleft ml10">${merchantMenber.nickName}</div>
|
||||
<div class="mb10 f16 weui-flex__item tright myName" onclick="membercode(this)" data-membercode='${merchantMenber.memberCode}'>${merchantMenber.storeName}</div>
|
||||
<span style="margin-top:-5px;"> <img src="https://www.shouyinbei.net/resources/images/right.png"></span>
|
||||
</div>
|
||||
<div class="f14 ml10">卡号:${merchantMenber.cardNo }</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="f14 pt20 white">
|
||||
|
||||
<c:if test="${not empty activityRechargeList }">
|
||||
<div class="mb10 ma">
|
||||
<span class="icon icon-18 f14 vm"></span><span class="vm ml10">
|
||||
<c:forEach var="activityRecharge" items="${activityRechargeList }">
|
||||
充<fmt:formatNumber type="number" value="${activityRecharge.rechargeMoney }" pattern="0.00" maxFractionDigits="2"/> 送<fmt:formatNumber type="number" value="${activityRecharge.giveMoney}" pattern="0.00" maxFractionDigits="2"/>；
|
||||
</c:forEach>
|
||||
</span>
|
||||
</div>
|
||||
</c:if>
|
||||
|
||||
<c:if test="${not empty activityConsumReturnList}">
|
||||
<div class="mb10 ma">
|
||||
<span class="icon icon-18 f14 vm"></span><span class="vm ml10">
|
||||
<c:forEach items="${activityConsumReturnList }" var="activityConsumReturn">
|
||||
消费<fmt:formatNumber type="number" value="${activityConsumReturn.comsumeMoney }" pattern="0.00" maxFractionDigits="2"/> 返<fmt:formatNumber type="number" value="${activityConsumReturn.returnMoney }" pattern="0.00" maxFractionDigits="2"/>
|
||||
</c:forEach>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</c:if>
|
||||
<c:if test="${not empty activityActivateList }">
|
||||
<div class="mb10 ma">
|
||||
<span class="icon icon-18 f14 vm"></span><span class="vm ml10">
|
||||
<c:forEach items="${activityActivateList}" var="activityActivate">
|
||||
激活会员送<fmt:formatNumber type="number" value="${activityActivate.giveMoney}" pattern="0.00" maxFractionDigits="2"/>
|
||||
</c:forEach>
|
||||
</span>
|
||||
</div>
|
||||
</c:if>
|
||||
|
||||
<div class="tright">
|
||||
<span><img src="https://www.shouyinbei.net/resources/wap/images/wollet.png" width="20"></span> <span
|
||||
>钱包</span> <span class="f28"><fmt:formatNumber type="number" value="${merchantMenber.usableRechargeFee + merchantMenber.usableGiveFee }" pattern="0.00" maxFractionDigits="2"/></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="weui-flex mt20">
|
||||
<div class="f16 weui-flex__item tcenter">
|
||||
<a href="${ctx }/vip/goPay?cardNo=${merchantMenber.cardNo}" class="bdr dblock ml30 mr20 radius5 pt10 pb10">去充值</a>
|
||||
</div>
|
||||
<%-- <div class="f16 weui-flex__item tcenter">
|
||||
<a href="${ctx }/vip/goPayment"
|
||||
class="bdr dblock mr30 ml20 radius5 pt10 pb10">去支付</a>
|
||||
</div> --%>
|
||||
</div>
|
||||
<div class="weui-panel__bd mt20">
|
||||
<div class="weui-media-box weui-media-box_small-appmsg">
|
||||
<div class="weui-cells">
|
||||
<%-- <a class="weui-cell weui-cell_access bdbe" href="${ctx }/vip/bestNewActivity">
|
||||
<div class="weui-cell__hd">
|
||||
<img src="https://www.shouyinbei.net/resources/wap/images/icon1.png" width="18">
|
||||
</div>
|
||||
<div class="weui-cell__bd weui-cell_primary">
|
||||
<p class="f15 pl5 f-black">会员活动</p>
|
||||
</div> <span class="weui-cell__ft"></span>
|
||||
</a> --%>
|
||||
<a class="weui-cell weui-cell_access bdbe" href="${ctx }/vip/rechargeLog">
|
||||
<div class="weui-cell__hd">
|
||||
<img src="https://www.shouyinbei.net/resources/wap/images/icon2.png" width="18">
|
||||
</div>
|
||||
<div class="weui-cell__bd weui-cell_primary">
|
||||
<p class="f15 pl5 f-black">充值记录</p>
|
||||
</div> <span class="weui-cell__ft"></span>
|
||||
</a>
|
||||
<a class="weui-cell weui-cell_access bdbe" href="${ctx }/vip/consumeLog">
|
||||
<div class="weui-cell__hd">
|
||||
<img src="https://www.shouyinbei.net/resources/wap//images/icon3.png" width="18">
|
||||
</div>
|
||||
<div class="weui-cell__bd weui-cell_primary">
|
||||
<p class="f15 pl5 f-black">消费记录</p>
|
||||
</div> <span class="weui-cell__ft"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript">
|
||||
function membercode(obj){
|
||||
var membercode=$(obj).data('membercode');
|
||||
window.location=ctx+'/vip/storeChoose?membercode='+membercode;
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</html>
|
||||
28
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/noVipCard.jsp
Normal file
28
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/noVipCard.jsp
Normal file
@@ -0,0 +1,28 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>提示</title>
|
||||
</head>
|
||||
<body style="background:#ffff;">
|
||||
<div class="login_form ml20 mr20 mt50">
|
||||
<form method="post">
|
||||
<div class="weui-cells weui-cells_form mt50 tcenter">
|
||||
<div class=" f55 white dlblock radiusp50 padding15">
|
||||
<img src="${resourcePath}/images/bg_error_msg.png" width="100" height="100">
|
||||
</div>
|
||||
<div class="mt30" style="font-weight: 700;color: #000000;font-size: 15px;text-align: center;">
|
||||
${msg}
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
39
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/payFail.jsp
Normal file
39
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/payFail.jsp
Normal file
@@ -0,0 +1,39 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>支付失败</title>
|
||||
</head>
|
||||
<body style="background:#f7f8fa;">
|
||||
<div class="page-title tcenter bluebg white h40 white positionr">
|
||||
<div>
|
||||
<span>支付失败</span>
|
||||
<a href="${url}/vip/myVIPCard?storeId=${sessionScope.sessionMerchantMenber.storeId}&phone=${sessionScope.sessionMerchantMenber.phone}" class="white f21 h40 left0 top0 positiona">
|
||||
<span class="dblock w40 h40 icon icon-59 white f22"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_form ml20 mr20 mt50">
|
||||
<form method="post">
|
||||
<div class="weui-cells weui-cells_form mt50 tcenter">
|
||||
<div class="bg-red icon icon-95 f55 white dlblock radiusp50 padding15">
|
||||
|
||||
</div>
|
||||
<div class="mt30" style="font-weight: 700;color: #000;font-size: 22px;text-align: center;">
|
||||
支付失败！
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn mt50">
|
||||
<a href="${url}/vip/myVIPCard?storeId=${sessionScope.sessionMerchantMenber.storeId}&phone=${sessionScope.sessionMerchantMenber.phone}" class="weui-btn weui-btn_primary radius10 f16 pt10 pb10">确定</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,39 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>支付成功</title>
|
||||
</head>
|
||||
<body style="background:#f7f8fa;">
|
||||
<div class="page-title tcenter bluebg white h40 white positionr">
|
||||
<div>
|
||||
<span>支付成功</span>
|
||||
<a href="${url}/vip/myVIPCard?storeId=${sessionScope.sessionMerchantMenber.storeId}&phone=${sessionScope.sessionMerchantMenber.phone}" class="white f21 h40 left0 top0 positiona">
|
||||
<span class="dblock w40 h40 icon icon-59 white f22"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_form ml20 mr20 mt50">
|
||||
<form method="post">
|
||||
<div class="weui-cells weui-cells_form mt50 tcenter">
|
||||
<div class="bg-green icon icon-66 f55 white dlblock radiusp50 padding15">
|
||||
|
||||
</div>
|
||||
<div class="mt30" style="font-weight: 700;color: #000;font-size: 22px;text-align: center;">
|
||||
支付成功！
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn mt50">
|
||||
<a href="${url}/vip/myVIPCard?storeId=${sessionScope.sessionMerchantMenber.storeId}&phone=${sessionScope.sessionMerchantMenber.phone}" class="weui-btn weui-btn_primary radius10 f16 pt10 pb10">确定</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
155
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/rechargeLog.jsp
Normal file
155
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/rechargeLog.jsp
Normal file
@@ -0,0 +1,155 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>充值记录</title>
|
||||
</head>
|
||||
<body class="pb100">
|
||||
<div class="positionf wp100 left0 top0 zindex100 bluebg h40 tcenter">
|
||||
<div>
|
||||
<a href="${ctx }/vip/myVIPCard?storeId=${sessionScope.sessionMerchantMenber.storeId}&phone=${sessionScope.sessionMerchantMenber.phone}" class="white f21 h40 left0 top0 positiona">
|
||||
<span class="dblock w40 h40 icon icon-59 white f22"></span>
|
||||
</a>
|
||||
<span class="white">充值记录</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 容器 -->
|
||||
<div class="weui-tab">
|
||||
<div class="mt50" id="data_content">
|
||||
<div class="weui-flex lgraybg">
|
||||
<div class="weui-flex__item pt15 pb15 dgray tcenter f14">金额(元)</div>
|
||||
<div class="weui-flex__item pt15 pb15 dgray tcenter f14">时间</div>
|
||||
<div class="weui-flex__item pt15 pb15 dgray tcenter f14">状态</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<input type="hidden" id="memberCode" name="memberCode" value="${memberCode }" />
|
||||
<input type="hidden" id="storeId" name="storeId" value="${storeId }" />
|
||||
|
||||
<!-- 定义分页的当前页码和总页码start -->
|
||||
<input type="hidden" id="currPage" value="1" />
|
||||
<input type="hidden" id="PageCount" value="0" />
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
|
||||
var pageIndex=1;
|
||||
$(document).ready(function(){
|
||||
//调用查询
|
||||
pageIndex=StringUtil.getQueryString('pageIndex');
|
||||
if(pageIndex==undefined||pageIndex==null){
|
||||
pageIndex=1;
|
||||
}
|
||||
queryMerchantMenberRecharge(pageIndex);
|
||||
});
|
||||
|
||||
var loading = false; //状态标记
|
||||
$(document.body).infinite().on("infinite",function() {
|
||||
if(loading) return;
|
||||
loading = true;
|
||||
setTimeout(function() {
|
||||
if ($('#currPage').val()<=$('#PageCount').val()) {
|
||||
queryMerchantMenberRecharge($('#currPage').val());
|
||||
} else {
|
||||
$.toast("已到底！", "text");
|
||||
}
|
||||
loading = false;
|
||||
}, 1500); //模拟延迟
|
||||
});
|
||||
|
||||
|
||||
|
||||
//查询
|
||||
function queryMerchantMenberRecharge(index){
|
||||
if(typeof(index)=='undefined'){
|
||||
index=1;
|
||||
}
|
||||
var url=ctx+'/vip/goRechargeLog';
|
||||
$.ajax({
|
||||
url:url,
|
||||
type:"post",
|
||||
dataType:"json",
|
||||
data:{
|
||||
"currPage":index,
|
||||
"memberCode":$("#memberCode").val(),
|
||||
"storeId":$("#storeId").val(),
|
||||
},
|
||||
success:function(result){
|
||||
if(result.merchantMenberRechargeList.lenght==0){}else{
|
||||
var data='';
|
||||
$.each(result.merchantMenberRechargeList,function(i){
|
||||
var merchantMenberRecharge=result.merchantMenberRechargeList[i];
|
||||
console.log(new Date(merchantMenberRecharge.createDt) instanceof Date);
|
||||
console.log(merchantMenberRecharge.createDt);
|
||||
var createDt='';
|
||||
if(StringUtil.isNotBlank(merchantMenberRecharge.createDt)){
|
||||
createDt = myTime(merchantMenberRecharge.createDt);
|
||||
createDt = formatDateTime(createDt);
|
||||
}
|
||||
data+='<div class="weui-flex bdbe">';
|
||||
data+='<div class="weui-flex__item pt15 pb15 tcenter f14">¥'+merchantMenberRecharge.rechargeMoney+'</div>';
|
||||
data+='<div class="weui-flex__item pt15 pb15 tcenter f14">'+createDt+'</div>';
|
||||
data+='<div class="weui-flex__item pt15 pb15 tcenter f14 f-green">充值成功</div>';
|
||||
data+='</div>';
|
||||
});
|
||||
$('#data_content').append(data);
|
||||
$('#currPage').val(result.currPage + 1);
|
||||
$('#PageCount').val(result.pageCount);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
function myTime(date){
|
||||
var arr=date.split("T");
|
||||
var d=arr[0];
|
||||
var darr = d.split('-');
|
||||
|
||||
var t=arr[1];
|
||||
var tarr = t.split('.000');
|
||||
var marr = tarr[0].split(':');
|
||||
|
||||
var dd = parseInt(darr[0])+"/"+parseInt(darr[1])+"/"+parseInt(darr[2])+" "+parseInt(marr[0])+":"+parseInt(marr[1])+":"+parseInt(marr[2]);
|
||||
return dd;
|
||||
}
|
||||
|
||||
function addZero(num) {
|
||||
return num < 10 ? '0' + num : num;
|
||||
}
|
||||
|
||||
function formatDateTime (date) {
|
||||
var time = new Date(Date.parse(date));
|
||||
time.setTime(time.setHours(time.getHours() + 8));
|
||||
var Y = time.getFullYear() + '/';
|
||||
var M = this.addZero(time.getMonth() + 1) + '/';
|
||||
var D = this.addZero(time.getDate()) + ' ';
|
||||
var h = this.addZero(time.getHours()) + ':';
|
||||
var m = this.addZero(time.getMinutes()) + ':';
|
||||
var s = this.addZero(time.getSeconds());
|
||||
return Y + M + D + h + m + s;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
</html>
|
||||
@@ -0,0 +1,34 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>门店选择</title>
|
||||
</head>
|
||||
<body class="pb100">
|
||||
<div class="positionf wp100 left0 top0 zindex100 bluebg h40 tcenter">
|
||||
<div>
|
||||
<a href="${ctx }/vip/myVIPCard?storeId=${sessionScope.sessionMerchantMenber.storeId}&phone=${sessionScope.sessionMerchantMenber.phone}" class="white f21 h40 left0 top0 positiona">
|
||||
<span class="dblock w40 h40 icon icon-59 white f22"></span>
|
||||
</a>
|
||||
<span class="white">门店选择</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 容器 -->
|
||||
<div class="weui-tab">
|
||||
<div class="mt50">
|
||||
<c:forEach items="${merchantMenberList }" var="mbe">
|
||||
<div class="pt15 pb15 pl10 bdbe pr10 f-black">
|
||||
<a href="${ctx}/vip/myVIPCard?storeId=${mbe.storeId}&phone=${mbe.phone}" class="f-black">${mbe.merchantName }(${mbe.storeName })</a>
|
||||
</div>
|
||||
</c:forEach>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,83 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>最新活动</title>
|
||||
</head>
|
||||
<body class="pb100 lgraybg">
|
||||
<div class="positionf wp100 left0 top0 zindex100 bluebg h40 tcenter">
|
||||
<div>
|
||||
<a href="${ctx }/vip/myVIPCard?storeId=${sessionScope.sessionMerchantMenber.storeId}&phone=${sessionScope.sessionMerchantMenber.phone}" class="white f21 h40 left0 top0 positiona">
|
||||
<span class="dblock w40 h40 icon icon-59 white f22"></span>
|
||||
</a>
|
||||
<span class="white">会员活动</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 容器 -->
|
||||
<div class="weui-tab">
|
||||
<div class="mt60">
|
||||
<c:if test="${not empty activityRecommend }">
|
||||
<div class="mb10">
|
||||
<div class="weui-flex pt10 pb10 whitebg ml10 mr10 bdl2r">
|
||||
<div class="ml10"><img src="https://www.shouyinbei.net/resources/wap/images/acti1.png" class="dlblock fc radiusp50 vm" width="60" height="60"/></div>
|
||||
<div class="weui-flex__item">
|
||||
<div class="mb10 f16 tleft f-black">活动类型：推荐奖励</div>
|
||||
<div class="f14">有效时间：无限制</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:if>
|
||||
<c:if test="${not empty activityActivate }">
|
||||
<div class="mb10">
|
||||
<div class="weui-flex pt10 pb10 whitebg ml10 mr10 bdl2g">
|
||||
<div class="ml10"><img src="https://www.shouyinbei.net/resources/wap/images/acti2.png" class="dlblock fc radiusp50 vm" width="60" height="60"/></div>
|
||||
<div class="weui-flex__item">
|
||||
<div class="mb10 f16 tleft f-black">活动类型：激活送</div>
|
||||
<div class="f14">有效时间：无限制</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:if>
|
||||
<c:if test="${not empty activityRecharge }">
|
||||
<div class="mb10">
|
||||
<div class="weui-flex pt10 pb10 whitebg ml10 mr10 bdl2o">
|
||||
<div class="ml10"><img src="https://www.shouyinbei.net/resources/wap/images/acti3.png" class="dlblock fc radiusp50 vm" width="60" height="60"/></div>
|
||||
<div class="weui-flex__item">
|
||||
<div class="mb10 f16 tleft f-black">活动类型：充值送</div>
|
||||
<c:if test="${activityRecharge.timeType eq '1' }">
|
||||
<div class="f14">有效时间：<fmt:formatDate value="${activityRecharge.startDt}" pattern="yyyy.MM.dd"/>-<fmt:formatDate value="${activityRecharge.endDt}" pattern="yyyy.MM.dd"/></div>
|
||||
</c:if>
|
||||
<c:if test="${activityRecharge.timeType eq '0' }">
|
||||
<div class="f14">有效时间：无限制</div>
|
||||
</c:if>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:if>
|
||||
<c:if test="${not empty activityConsumReturn }">
|
||||
<div class="mb10">
|
||||
<div class="weui-flex pt10 pb10 whitebg ml10 mr10 bdl2r">
|
||||
<div class="ml10"><img src="https://www.shouyinbei.net/resources/wap/images/acti4.png" class="dlblock fc radiusp50 vm" width="60" height="60"/></div>
|
||||
<div class="weui-flex__item">
|
||||
<div class="mb10 f16 tleft f-black">活动类型：消费返</div>
|
||||
<c:if test="${activityConsumReturn.timeType eq '1' }">
|
||||
<div class="f14">有效时间：<fmt:formatDate value="${activityConsumReturn.startDt}" pattern="yyyy.MM.dd"/>-<fmt:formatDate value="${activityConsumReturn.endDt}" pattern="yyyy.MM.dd"/></div>
|
||||
</c:if>
|
||||
<c:if test="${activityConsumReturn.timeType eq '0' }">
|
||||
<div class="f14">有效时间：无限制</div>
|
||||
</c:if>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:if>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
218
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/vipOpenCard.jsp
Normal file
218
pluss-wap-page/src/main/webapp/WEB-INF/jsp/vip/vipOpenCard.jsp
Normal file
@@ -0,0 +1,218 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<style type="text/css">
|
||||
.weui-cell {
|
||||
justify-content: space-between;
|
||||
}
|
||||
</style>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<c:if test="${ storeId ne 'null' }">
|
||||
<title>会员开卡</title>
|
||||
</c:if>
|
||||
<c:if test="${ storeId eq 'null' }">
|
||||
<title>请扫商家会员码</title>
|
||||
</c:if>
|
||||
<title>会员开卡</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="page-title tcenter h40 bluebg white">
|
||||
<c:if test="${ storeId ne 'null' }">
|
||||
<span>会员开卡</span>
|
||||
</c:if>
|
||||
<c:if test="${ storeId eq 'null' }">
|
||||
<span>请扫商家会员码</span>
|
||||
</c:if>
|
||||
</div>
|
||||
|
||||
<c:if test="${ storeId ne 'null' }">
|
||||
<div class="weui-cells weui-cells_form bdbe">
|
||||
<div class="weui-cell weui-cell_warn">
|
||||
<div class="weui-cell__hd">
|
||||
<span class="red">*</span>手机号
|
||||
</div>
|
||||
<div class="weui-cell__bd">
|
||||
<input class="weui-input tleft pl10" type="number" id="phone"
|
||||
pattern="[0-9]*" value="weui input error" placeholder="请输入手机号码">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="weui-cells weui-cells_form bdbe">
|
||||
<div class="weui-cell weui-cell_warn">
|
||||
<div class="weui-cell__hd">
|
||||
<span class="red">*</span>验证码
|
||||
</div>
|
||||
<div class="weui-cell__bd">
|
||||
<input class="weui-input tleft pl10" type="number" id="phoneverify"
|
||||
pattern="[0-9]*" value="weui input error" placeholder="请输入验证码">
|
||||
</div>
|
||||
<div class="weui-cell__bd tright">
|
||||
<a href="javascript:void(0);onclick=verification()" id="obtain"
|
||||
class="weui-btn_primary radius5 pt10 pb10 pl10 pr10 dlblock white f12">获取验证码</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="weui-cells weui-cells_form bdbe">
|
||||
<div class="weui-cell weui-cell_warn">
|
||||
<div class="weui-cell__hd">会员名</div>
|
||||
<div class="weui-cell__bd">
|
||||
<input class="weui-input tleft pl10" id="nickName" type="text"
|
||||
placeholder="请输入会员名">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="weui-cells weui-cells_form bdbe">
|
||||
<div class="weui-cell weui-cell_warn">
|
||||
<div class="weui-cell__hd">生日 </div>
|
||||
<div class="weui-cell__bd pl10">
|
||||
<input class="weui-input tleft pl10" data-toggle='date' type="text" id="my-input" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn mt60 ml20 mr20">
|
||||
<a href="#" onclick="openCardSuccess()"
|
||||
class="weui-btn weui-btn_primary radius10 f14 pt15 pb15">完成</a>
|
||||
</div>
|
||||
</c:if>
|
||||
<c:if test="${ storeId eq 'null'}">
|
||||
<div class="margin50-top " style="text-align:center;margin-top:80px;">
|
||||
<img alt="" src="${resourcePath}/images/member.png" width="150">
|
||||
<div class="mt20">请扫商家会员码</div>
|
||||
</div>
|
||||
</c:if>
|
||||
<input id="storeId" type="hidden" value="${storeId }">
|
||||
<input id="openid" type="hidden" value="${openid }">
|
||||
<input id="userPhone" type="hidden" value="${userPhone }">
|
||||
</body>
|
||||
<script type="text/javascript">
|
||||
|
||||
$("#my-input").datetimePicker({
|
||||
times: function () {
|
||||
return [
|
||||
];
|
||||
}
|
||||
});
|
||||
function verification() {
|
||||
var phoneReg = /(^1[3|4|5|7|8|9]\d{9}$)|(^09\d{8}$)/;
|
||||
var phone=$.trim($("#phone").val());
|
||||
var storeId=$("#storeId").val();
|
||||
if (!phoneReg.test(phone)) {
|
||||
alert("请输入正确的手机号");
|
||||
}else{
|
||||
var herf = 'javascript:void(0); onclick=verification()';
|
||||
var _this = $("#obtain");
|
||||
_this.removeAttr("href");
|
||||
$.ajax({
|
||||
url:ctx+'/vip/getPhoneCodeVIP',
|
||||
data:{
|
||||
"phone":phone,
|
||||
"storeId":storeId,
|
||||
},
|
||||
dataType:"json",
|
||||
type:"post",
|
||||
success:function(data){
|
||||
//成功
|
||||
if(data.code=='1'){
|
||||
var sec = 60;
|
||||
var timer = window.setInterval(function() {
|
||||
sec--;
|
||||
if (sec > 0) {
|
||||
_this.text(sec + "秒重新发送!");
|
||||
} else {
|
||||
// 去掉定时器
|
||||
window.clearInterval(timer);
|
||||
_this.text("获取验证码");
|
||||
_this.attr("href","javascript:void(0); onclick=verification()");
|
||||
}
|
||||
}, 1000);
|
||||
}else if(data.code=='0'){
|
||||
alert("获取验证码失败，请稍后再试");
|
||||
_this.text("获取验证码");
|
||||
_this.attr("href",href);
|
||||
}else if(data.code=='2'){
|
||||
//系统错误
|
||||
alert("系统繁忙！");
|
||||
_this.text("获取验证码");
|
||||
_this.attr("href",href);
|
||||
}else if(data.code=='3'){
|
||||
alert("手机号已被注册 ！");
|
||||
_this.text("获取验证码");
|
||||
_this.attr("href",href);
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
function openCardSuccess() {
|
||||
var phone = $("#phone").val();
|
||||
var phoneverify = $("#phoneverify").val();
|
||||
var nickName = $("#nickName").val();
|
||||
var birthdayDt = $("#my-input").val();
|
||||
var storeId=$("#storeId").val();
|
||||
var openid=$("#openid").val();
|
||||
|
||||
if (phone == "") {
|
||||
alert("请输入手机号");
|
||||
return;
|
||||
}
|
||||
|
||||
if (phoneverify == "") {
|
||||
alert("请输入验证码");
|
||||
return;
|
||||
}
|
||||
|
||||
if (nickName == "") {
|
||||
alert("请输入会员名");
|
||||
return;
|
||||
}
|
||||
|
||||
if (birthdayDt == "") {
|
||||
alert("请输入生日");
|
||||
return;
|
||||
}
|
||||
|
||||
if(storeId==""){
|
||||
alert("页面已超时，请重新扫码");
|
||||
return;
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url : ctx + '/vip/openCardSuccess',
|
||||
data : {
|
||||
"phone" : phone,
|
||||
"nickName" : nickName,
|
||||
"birthdayDt" : birthdayDt,
|
||||
"phoneverify" : phoneverify,
|
||||
"storeId":storeId,
|
||||
"openid":openid,
|
||||
},
|
||||
dataType : "json",
|
||||
type : "post",
|
||||
success : function(result) {
|
||||
//成功
|
||||
if (result.code == "1") {
|
||||
alert("开卡成功");
|
||||
window.location = ctx + "/vip/myVIPCard?storeId="+storeId + "&phone=" + phone;
|
||||
} else if (result.code == "0") {
|
||||
alert("验证码错误");
|
||||
} else if (result.code == "2") {
|
||||
alert("系统繁忙");
|
||||
}else if(result.code=="3"){
|
||||
alert("页面已超时，请重新扫码");
|
||||
} else {
|
||||
alert(result.msg);
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
@@ -0,0 +1,183 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>升级充值</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script type="text/javascript" src="https://www.shouyinbei.net/resources/wap/js/jquery.min.js"></script>
|
||||
<!-- 引入样式 -->
|
||||
<link rel="stylesheet" href="http://unpkg.com/vue-ydui/dist/ydui.rem.css">
|
||||
<!-- 引入rem自适应类库 -->
|
||||
<script src="http://unpkg.com/vue-ydui/dist/ydui.flexible.js"></script>
|
||||
<style>
|
||||
.body,html{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 微软雅黑, 宋体, Arial;
|
||||
}
|
||||
.center-top{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 200px;
|
||||
}
|
||||
.yd-navbar-center-title,.yd-back-icon{
|
||||
color: #fff !important;
|
||||
}
|
||||
.center{
|
||||
margin-top: 20px;
|
||||
padding: 20px;
|
||||
background-color: #eee;
|
||||
}
|
||||
.chong{
|
||||
width: 150px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.b{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
font-size: 20px;
|
||||
font-family: 微软雅黑, 宋体, Arial;
|
||||
}
|
||||
.btn{
|
||||
margin-top: 40px;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
background-color: #f96a4f;
|
||||
color:#fff;
|
||||
border-radius: 5px;
|
||||
border: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<yd-navbar title="充值" style="background-color: #f96a4f;">
|
||||
<a to="#" slot="left">
|
||||
<yd-navbar-back-icon></yd-navbar-back-icon>
|
||||
</a>
|
||||
</yd-navbar>
|
||||
<c:if test="${level eq '1'}">
|
||||
<div class="center-top">
|
||||
<img class="b" src="https://www.shouyinbei.net/resources/images/levelLogo.png" alt="">
|
||||
</div>
|
||||
</c:if>
|
||||
|
||||
<c:if test="${level eq '2'}">
|
||||
<div class="center-top">
|
||||
<img class="b" src="https://www.shouyinbei.net/resources/images/levellogo1.png" alt="">
|
||||
</div>
|
||||
</c:if>
|
||||
|
||||
<c:if test="${level eq '1'}">
|
||||
<div class="center">
|
||||
<div class="chong">
|
||||
<span style="font-size: 16px;" >充值金额:<b id="a">${twoUpVipAmount}</b>元</span>
|
||||
</div>
|
||||
<button class="btn" onclick="setFocusHander()">立即充值</button>
|
||||
<input type="hidden" id="userId" value="${userId}">
|
||||
</div>
|
||||
</c:if>
|
||||
|
||||
<c:if test="${level eq '2'}">
|
||||
<div class="center">
|
||||
<div class="chong">
|
||||
<span style="font-size: 16px;" >充值金额:<b id="a">${threeUpVipAmount}</b>元</span>
|
||||
</div>
|
||||
<button class="btn" onclick="setFocusHander()">立即充值</button>
|
||||
<input type="hidden" id="userId" value="${userId}">
|
||||
</div>
|
||||
</c:if>
|
||||
|
||||
</div>
|
||||
<!-- 引入 Vue -->
|
||||
<script src="http://unpkg.com/vue"></script>
|
||||
<!-- 引入组件库 -->
|
||||
<script src="http://unpkg.com/vue-ydui/dist/ydui.rem.js"></script>
|
||||
<!-- <script src="https://unpkg.com/axios/dist/axios.min.js"></script> -->
|
||||
<script>
|
||||
function isWeiXin(){
|
||||
var ua = window.navigator.userAgent.toLowerCase();
|
||||
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
|
||||
return true;
|
||||
}else{
|
||||
return false;
|
||||
}
|
||||
}
|
||||
function setFocusHander(){
|
||||
var money=$("#a").text();
|
||||
var userId=$("#userId").val();
|
||||
var payWay='';
|
||||
if(isWeiXin()){
|
||||
payWay='WXZF';
|
||||
}else{
|
||||
payWay='ZFBZF';
|
||||
}
|
||||
$.ajax({
|
||||
url:'/wap/wechat/leshuaPay',
|
||||
data:{
|
||||
"userId": userId,
|
||||
"money": money,
|
||||
"payWay": payWay,
|
||||
"level":${level},
|
||||
},
|
||||
dataType:"json",
|
||||
type:"post",
|
||||
success:function(res){
|
||||
if(res.code=='1'){
|
||||
window.location=res.jspay_url;
|
||||
}else{
|
||||
alert(res.msg);
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
/* new Vue({
|
||||
el: '#app',
|
||||
data:{
|
||||
input10:''
|
||||
},
|
||||
mounted(){
|
||||
var money=this.$refs.a.innerHTML;
|
||||
console.log(this.$refs.b.value)
|
||||
},
|
||||
methods: {
|
||||
setFocusHander: function (){
|
||||
var money=this.$refs.a.innerHTML;
|
||||
var userId=this.$refs.b.value;
|
||||
var payWay='';
|
||||
if(isWeiXin()){
|
||||
payWay='WXZF';
|
||||
}else{
|
||||
payWay='ZFBZF';
|
||||
}
|
||||
$.ajax({
|
||||
url:'/wap/wechat/leshuaPay',
|
||||
data:{
|
||||
"userId": userId,
|
||||
"money": money,
|
||||
"payWay": payWay,
|
||||
},
|
||||
dataType:"json",
|
||||
type:"post",
|
||||
success:function(res){
|
||||
if(res.code=='1'){
|
||||
window.location=res.jspay_url;
|
||||
}else{
|
||||
alert(res.msg);
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}) */
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
66
pluss-wap-page/src/main/webapp/WEB-INF/menu.jsp
Normal file
66
pluss-wap-page/src/main/webapp/WEB-INF/menu.jsp
Normal file
@@ -0,0 +1,66 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
|
||||
|
||||
<div class="header">
|
||||
<div class="pt10 pb10">
|
||||
<div class="w1100 fc">
|
||||
<div class="pt5 pb5 clearfix">
|
||||
<div class="fl">
|
||||
<img src="${resourcePath }/images/logo.png" alt="" width="300">
|
||||
</div>
|
||||
<div class="fr mt15">
|
||||
<span>欢迎您,</span>
|
||||
<a href="javascript:void(0);" class="f14 black">${user.name}</a>
|
||||
<span>|</span>
|
||||
<a href="${ctx }/index!logout.do" class="f14 black">退出</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dgraybg">
|
||||
<div class="w1100 fc">
|
||||
<div class="clearfix">
|
||||
<ul class="nav" id="menuUl">
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
require('js/index/menu.js');
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
//菜单滑动效果
|
||||
$(".nav li").click(function() {
|
||||
$(this).addClass("current").siblings("li").removeClass("current");
|
||||
})
|
||||
$(".nav li").mouseover(function() {
|
||||
$(this).addClass("coti");
|
||||
})
|
||||
$(".nav li").mouseleave(function() {
|
||||
$(this).removeClass("coti");
|
||||
})
|
||||
})
|
||||
|
||||
//获取当前url 链接
|
||||
$(document).ready(function(){
|
||||
var url=window.document.location.pathname;
|
||||
//设置选中效果
|
||||
//一级菜单显示判断
|
||||
$('#menuUl').find('li').each(function(){
|
||||
if(url==$(this).children('a').attr('href')){
|
||||
$(this).addClass("current").siblings("li").removeClass("current");
|
||||
}
|
||||
});
|
||||
//二级菜单显示
|
||||
$('#menuUl').find('li >div a').each(function(){
|
||||
if(url==$(this).attr('href')){
|
||||
$(this).parents("li").addClass("current").siblings("li").removeClass("current");
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
</script>
|
||||
37
pluss-wap-page/src/main/webapp/WEB-INF/public.jsp
Normal file
37
pluss-wap-page/src/main/webapp/WEB-INF/public.jsp
Normal file
@@ -0,0 +1,37 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@include file="taglib.jsp"%>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=8" >
|
||||
<c:set var="res" value="/resources/auth" scope="request"/>
|
||||
<link href="${res}/jquery-ui-bs/assets/css/bootstrap.css" rel="stylesheet">
|
||||
<link href="${res}/jquery-ui-bs/assets/css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<link href="${res}/jquery-ui-bs/css/custom-theme/jquery-ui-1.10.0.custom.css" rel="stylesheet">
|
||||
<!--[if lt IE 9]>
|
||||
<link rel="stylesheet" href="${res}/jquery-ui-bs/css/custom-theme/jquery.ui.1.10.0.ie.css"/>
|
||||
<![endif]-->
|
||||
|
||||
<link href="${res}/jquery-validation/1.10.0/validate.css" rel="stylesheet">
|
||||
<link href="${res}/dataTables/jquery.dataTables.bs.css" rel="stylesheet">
|
||||
<link href="${res}/jquery-ui-multiselect/jquery.multiselect.css" rel="stylesheet">
|
||||
<link href="${res}/jquery-loadmask-0.4/jquery.loadmask.css" rel="stylesheet">
|
||||
<link href="${res}/uploadify/uploadify.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="${res}/My97DatePicker/skin/WdatePicker.css" rel="stylesheet" type="text/css"/>
|
||||
|
||||
<link href="${res}/css/common.css" rel="stylesheet">
|
||||
|
||||
<link rel="shortcut icon" href="http://lingxi.voicecloud.cn/favicon.ico" />
|
||||
|
||||
<script type="text/javascript" src="${res}/jquery-ui-bs/js/jquery-1.8.3.min.js"></script>
|
||||
<script type="text/javascript" src="${res}/jquery-ui-bs/js/jquery-ui-1.10.0.custom.min.js"></script>
|
||||
<script type="text/javascript" src="${res}/jquery-ui-bs/assets/js/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="${res}/jquery-validation/1.10.0/jquery.validate.min.js"></script>
|
||||
<script type="text/javascript" src="${res}/jquery-validation/1.10.0/messages_bs_zh.js"></script>
|
||||
<script type="text/javascript" src="${res}/dataTables/jquery.dataTables.js"></script>
|
||||
<script type="text/javascript" src="${res}/jquery-ui-multiselect/jquery.multiselect.js"></script>
|
||||
<script type="text/javascript" src="${res}/jquery-loadmask-0.4/jquery.loadmask.min.js"></script>
|
||||
<script type="text/javascript" src="${res}/uploadify/jquery.uploadify.min.js"></script>
|
||||
<script type="text/javascript" src="${res}/My97DatePicker/WdatePicker.js"></script>
|
||||
|
||||
<script type="text/javascript" src="${res}/js/common.js"></script>
|
||||
|
||||
<script type="text/javascript" src="${res}/upload/jquery.form.js"></script>
|
||||
<script type="text/javascript" src="${res}/upload/upload.js?rnd=12.1"></script>
|
||||
16
pluss-wap-page/src/main/webapp/WEB-INF/taglib.jsp
Normal file
16
pluss-wap-page/src/main/webapp/WEB-INF/taglib.jsp
Normal file
@@ -0,0 +1,16 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
|
||||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
||||
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
|
||||
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
|
||||
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
|
||||
<c:set var="version" value="1.02" scope="request" />
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||||
<%--上传文件URL --%>
|
||||
<c:set var="res" value="/sso/resources/auth" scope="request"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=8" >
|
||||
<script type="text/javascript">
|
||||
var ctx = "${ctx}";
|
||||
var res = "${res}";
|
||||
</script>
|
||||
336
pluss-wap-page/src/main/webapp/index.html
Normal file
336
pluss-wap-page/src/main/webapp/index.html
Normal file
@@ -0,0 +1,336 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
|
||||
<meta content="yes" name="apple-mobile-web-app-capable">
|
||||
<meta content="black" name="apple-mobile-web-app-status-bar-style">
|
||||
<meta content="telephone=no" name="format-detection">
|
||||
<meta content="email=no" name="format-detection">
|
||||
<link rel="stylesheet" href="https://act.weixin.qq.com/static/cdn/css/wepayui/0.1.1/wepayui.min.css">
|
||||
<title>输入金额付款</title>
|
||||
<style>
|
||||
html,body{
|
||||
width:100%;
|
||||
height:100%;
|
||||
margin:0 auto;
|
||||
padding:0px;
|
||||
background-color:#EFEFF4;
|
||||
}
|
||||
.payinfo{
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
height: 13rem;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
transition: .4s;
|
||||
}
|
||||
table{
|
||||
width:100%;
|
||||
height: 90%;
|
||||
bottom: 0;
|
||||
background-color:white;
|
||||
}
|
||||
table tr td{
|
||||
text-align:center;
|
||||
width:24.9999999%;
|
||||
border-right:1px solid #D9D9D9;
|
||||
border-bottom:1px solid #D9D9D9;
|
||||
}
|
||||
table tr td:active{
|
||||
background-color:#ECECEC;
|
||||
}
|
||||
.keybord-return,.keybord-stop{
|
||||
width:30px;
|
||||
height:30px;
|
||||
margin:0px auto;
|
||||
color:white;
|
||||
}
|
||||
.keybord-return{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAALpQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqyRq8wAAAD10Uk5TAAM/gJ+efz5Q2ddPAouKAZZ8nP0vrfcLN03+GcxYu9gSGkCBndobPbe8+QonMuCH7xOIW0fNtCwra4NgHN+ehK8AAAABYktHRACIBR1IAAAACXBIWXMAAABIAAAASABGyWs+AAAB4UlEQVR42u3c51LCQBiF4Y2IgDQVRcWCvffe9v5vS2FGhSH5kTLzney8zxWcd3ZD+BXnAAAAAAAAAAAAgFSiucp8daEWWe/Iq97wY4tN6yW5tNr+T6drvSa77pKfsGw9J7PWymSH761aDyqmw/s160XZTN+rkf669aYsZs7jx4b1qII6/Kb1qvRm79VIzXpWarHn4Qdb1ruK6fDb1rvSir9X3u9YD0sp4Tz8bst6WTEdwz3rZekk3avGvvUyOuiwR4cWOrTQoYUOLXRooUMLHVro0EKHFjq00KGFDi10aKFDCx1a6NBChxY6tNChhQ4tdIhpx3cMy9ZRD6QjaoTR4Q7CeD6cOwzjPJyrhnEezh3FhByfWK/KoBLK1TqNfdhLeCbRMJCfX9cM5IXoXCeUkqQ/jeV7TijRQ4keSvRQoocSPZTooUQPJXoo0UOJHkr0UKKHEj2U6KFEDyV6KNFDiR5K9FCihxI9lOgJpySUD04ml5yV7jPlSberfN8tTjiTc+tdRZVcXFrvSi/+dl1Zz8og9kyurVcVVVK6b2KPzd6uG+tJGc2cya31ooJK7u6tB2U2dbt65Xsf/ms9DH47+o/WY/J5eh5nDF5erZfk9vb+Ufn8sl4BAAAAAAAAAAAAY9/5YLt8mhkMlgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wNy0wNFQxNTowMjo0OSswODowMMIgQKAAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDctMDRUMTU6MDI6NDkrMDg6MDCzffgcAAAAR3RFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl91ZmVhaXVpd2lrZy9iYWNrLnN2Z4Ft+LMAAAAASUVORK5CYII=); background-size:100% 90%; }
|
||||
.keybord-stop{background-image:url(data:image/png;base64,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); background-size:100% 100%;}
|
||||
.pay{
|
||||
color:#ffffff;
|
||||
font-size:120%;
|
||||
background-color:#df6051;
|
||||
}
|
||||
.pay:active{
|
||||
/*background-color: #df6051;*/
|
||||
background-color: rgba(223,96,81,0.7);
|
||||
}
|
||||
.shouyin{
|
||||
text-align: center;
|
||||
color: #9b9b9b;
|
||||
font-size: 13px;
|
||||
}
|
||||
.logo{
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD70lEQVRoQ9VaTYgURxT+Xm8w7PQs6CFgXDCXEAKeFHKLRKMo6HoSc0qmqlfxICSn/KCXmIMuiZ4UBEG3q+aokItKiGSTDZ5CIHtK9LAXhRVJDoZs9ywR7CfVuzPMzM5sV/X0MNt92Z7q9773vu2qej/VhIKuSIgDBO8AgEkCTybApLlfg1/ygCUGLSH9m8xVtZ4rwjQNAhLXgikQjgE8BWCHI9ZTgO6Cccevh3cddVvizgT4zJnqSqMRMFMA8O68hjv1aIGIw/FKJaRr1yIXTGsCkZTbx5iChJNpEL3tYsRalnnRI2/2JXFYVeqZjZ4VgVjK95hRJ+BdG9BBZRh4RISar9TvWViZBFZq0/sTSn7OAhrGc4+9D8frs79shL0hgUiIgECzw3DOFpPB01Wtw37yfQlEQnxJoG9tDQ1TjsFfVbX+rpeNngRiIU4CdGOYTrlj8ylf65vdeusIxEIcTffnTXnxlK/1vXbXOgiYrZKYHwBD2iYH/qfwIhPtbd9iOwisiOBsAr44sJ0hAnigc+M6nGmaaBEwEbYRxQtDC1JFkWJerFT93c2I3SLQkPJTZlwpys4wcYjwWUWpq8ZGi0Asgj9cchsC5l8yfi3C0THCBwzss8eiBV+He1oEIiEOEehHewAgYXwzUVfnXXT6yS7X5HmP8LULFoMPV7W+n76BhhCXGPS5C8Bo34CZOny5ovUXKYFYyMcAdroScJHPknWbQinaE1+rt6jxyfT77CUPsgx0BY/5ilb7XXSyZGMh/wewJUuuw4/E20uxCC4CfNZJkXC8otT3LjpZsrGUF8A4lyXX+ZxmDAENcM1F0dcqMw13wUun8cen38TYi6duelSnhpA/MWCKcdvrpq/VKVthF7lYSJODHbXVIWCOIiEfulRaDD5YVEeh29HVJgHfsSWQVm6RkP8RMGGr9IKwbZtS/7bLLwfBG+b3RBj+M8j4cym3bmE8t/WFgWVnAuDkiF+v/9DhqAlESH4bdLwh5Qlm3HIl4DSFDDgRPqooddvctxstatyBwKM8i7iJ/+faza4ug0WNZ/JIF3GebdQgJ4Q0kHmMDbsGWV4MhkP1XIHMOGViwbKU+4ogMKHUfCwkZ5Fd/5xmcqUSm4UAmVQijYI5krlN8AZWk7l0J8mRTo+aQEc6naegGTWBjoJmdRq5lZSjJdBVUq4FJKei/jWPdr0ehn+57xzrNUwq4iX8ty1Wz6I+R1vlfkJo9WdsjfeSI8Z1At6xwujXVjHKpW5sGQKlby2uLuYSN3ebc7DU7fUmiVIfcLSRKO8RU5NEqQ/5WmuizMesrelU5oPu9ghZ2k8NeoX5Un7s0S9fGdXnNq8Aors/k02FsxcAAAAASUVORK5CYII=);background-size:100% 100%;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
}
|
||||
.icon{
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC7UlEQVRYR72WTWgTURDH/7ObJi1YENFT4kVtD/YgSMFaaOrbpfYgeElaURA8CIKKIAhCQYyCIAiC0KLgodBDwUqhiODB8N42RfFQEYoVBUGRCiKioPUjNbsjK4mk2ySbTTe+687O7/dm3hehiSOXy+20bXuEiAQzTwkhznpx1Cx+ET4FoKuMMSaEOF3ObIpAFfhfruM4l0zTzJQkmiIwNze3y7btKWbuXFNyoh/RaHRzb2/vT/db6AKWZd1h5tsAlgHcBZDwSHxLJBJbOjo68qELSCkniegwgC8A9gPYQETTzLypJNG0FkgpJ4joaNlsX2qadpCIttm2PQOglZlvGoZxMvRFqJQaB3DM229mzsVisaF8Pr8XwCHDMI6Evg2VUm6/j1fbzkR0Lx6PD5d6HqqAUuoWgBM+Z8n07OzscCaTcSrFNbwLlFKjAE75wGfa29uHu7u7f1etUCMnoWVZN5j5jM+/9wEMCSF+1YoLXAEp5XUiWnOmeyAPVlZWhgYHB7/7TTCQgFLqGoBzPkkftrW1pXt6er76wQMdREqpqwDO1ywnkdR1Pd3X1+ceRHWNuiogpbxCRCO1Mrp7nohSQohPdZGLQb4CUsrLRHTBJ+kjAGkhxIcg8JotyGazndFoNOLeap473ct44jhO2jTN90HhNQUsy3JX+pKmaYs1JOYLhUJqYGDgXSPwmgJKqSwAk5kPRCKRtxUknmmalurv73/TKLyqQPFFs1hK7DjOnpaWluWSBBEtMLO74F6vB15VQCl1EcC/Z5MbGIlEtjNza/GlkzIM49V64VUFpJRPiWi3F1AoFDbGYrF4Mpl8EQa8ooC3/EXQvOM4E5qmjQsh3KdWaGPNOVBefiKatG17zDTNx6ERPYkqCTwHMCqEcO/6po9VAm75w+xvPfarBJRS7hN6Rz0/BonRdf1jtYl5BThI4iCxuq53VZL4bwIAtgohlrzSlRbhviAzqydW1/XPyWRyoVKs73VcD2A9MX8AVWwjMF0q1kMAAAAASUVORK5CYII=);background-size:100% 100%;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
}
|
||||
.body{
|
||||
padding: 2rem 1rem;
|
||||
}
|
||||
.store-info{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.name{
|
||||
margin-left: .5rem;
|
||||
}
|
||||
.main-amt{
|
||||
height: 3rem;
|
||||
padding: 1.2rem 0 0 0;
|
||||
}
|
||||
.amt-content {
|
||||
display: flex;
|
||||
background: #fff;
|
||||
padding: 10px 20px;
|
||||
border-radius: 4px;
|
||||
height: 40px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.input-label {
|
||||
flex: 1;
|
||||
line-height: 40px;
|
||||
}
|
||||
.input-box {
|
||||
line-height: 40px;
|
||||
font-size: 25px;
|
||||
color: #777;
|
||||
}
|
||||
.gb {
|
||||
display: inline-block;
|
||||
width: 2px;
|
||||
height: 30px;
|
||||
margin-top: -6px;
|
||||
background: #df6051;
|
||||
vertical-align: middle;
|
||||
animation: gb 1.3s infinite;
|
||||
}
|
||||
.money-input {
|
||||
font-weight: bold;
|
||||
color: #df6051;
|
||||
}
|
||||
@keyframes gb {
|
||||
from {
|
||||
opacity: 1;
|
||||
} to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.remark-info{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 13px;
|
||||
color: #9e9e9e;
|
||||
}
|
||||
.set-remark{
|
||||
margin-left: 5px;
|
||||
}
|
||||
.main-title{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.shade{
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0,0,0,.1);
|
||||
z-index: 1002;
|
||||
overflow: auto;
|
||||
}
|
||||
.dialog{
|
||||
z-index: 8888;
|
||||
height: 13rem;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
display: none;
|
||||
}
|
||||
.dialog-content{
|
||||
background: #fff;
|
||||
height: 11rem;
|
||||
border-radius: 10px;
|
||||
padding: 10px 20px;
|
||||
margin: 0 auto;
|
||||
width: 60%;
|
||||
}
|
||||
.btns{
|
||||
padding: 0 0 0 5%;
|
||||
}
|
||||
.btn-cancel{
|
||||
width: 45%;
|
||||
height: 1.8rem;
|
||||
border-radius: 20px;
|
||||
border: none;
|
||||
}
|
||||
.btn-submit{
|
||||
width: 45%;
|
||||
height: 1.8rem;
|
||||
border-radius: 20px;
|
||||
border: none;
|
||||
background-color: #df6051;
|
||||
color: #fff;
|
||||
}
|
||||
.remark-text{
|
||||
border: 1px solid #e4e0e0;
|
||||
height: 6rem;
|
||||
width: 100%;
|
||||
}
|
||||
.remark-body{
|
||||
margin-top: 15px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="body">
|
||||
<div th:text="${msg}"></div>
|
||||
<div class="main-title">
|
||||
<div class="store-info">
|
||||
<div class="logo"></div>
|
||||
<div class="name">云霄滑冰超市</div>
|
||||
</div>
|
||||
<div class="remark-info">
|
||||
<div class="icon"></div>
|
||||
<div class="set-remark" onclick="showRemarkDialog()">设置备注</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main-amt">
|
||||
<div class="amt-content" onclick="showInput()">
|
||||
<div class="input-label">消费金额</div>
|
||||
<div class="input-box">￥ <span class="money-input" name="comsumeMoney" id="comsumeMoney"></span> <span class="gb"></span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="payinfo" id="payinfo">
|
||||
<div class="shouyin" onclick="showInput()">
|
||||
<p>收 银 就 用 收 银 呗</p>
|
||||
</div>
|
||||
<table cellspacing="0" cellpadding="0" id="table1">
|
||||
<tr>
|
||||
<td class="paynum" onclick="inputAmt(1)">1</td>
|
||||
<td class="paynum" onclick="inputAmt(2)">2</td>
|
||||
<td class="paynum" onclick="inputAmt(3)">3</td>
|
||||
<td id="pay-return" onclick="inputAmt('del')"><div class="keybord-return"></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="paynum" onclick="inputAmt(4)">4</td>
|
||||
<td class="paynum" onclick="inputAmt(5)">5</td>
|
||||
<td class="paynum" onclick="inputAmt(6)">6</td>
|
||||
<td rowspan="3" class="pay" id="pay">支付</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="paynum" onclick="inputAmt(7)">7</td>
|
||||
<td class="paynum" onclick="inputAmt(8)">8</td>
|
||||
<td class="paynum" onclick="inputAmt(9)">9</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td id="pay-stop" onclick="hideInput()"><div class="keybord-stop"></div></td>
|
||||
<td id="pay-zero" onclick="inputAmt(0)">0</td>
|
||||
<td id="pay-float" onclick="inputAmt('.')">.</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div id='shade' class="shade"></div>
|
||||
|
||||
<div class="dialog" id="dialog">
|
||||
<div class="dialog-content">
|
||||
<div class="label">设置备注</div>
|
||||
<div class="remark-body">
|
||||
<textarea class="remark-text"></textarea>
|
||||
</div>
|
||||
<div class="btns">
|
||||
<button class="btn-cancel" onclick="hideRemarkDialog()">取消</button>
|
||||
<button class="btn-submit" onclick="hideRemarkDialog()">确定</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
function inputAmt(o){
|
||||
var dom = document.getElementById('comsumeMoney');
|
||||
var txt = dom.innerText;
|
||||
if(!txt){
|
||||
if(o === 'del' || o === '.'){
|
||||
return;
|
||||
}
|
||||
}
|
||||
if(o === '.' && txt.indexOf(".") > 0){
|
||||
return;
|
||||
}
|
||||
if(o === 'del'){
|
||||
txt = txt.slice(0,-1);
|
||||
dom.innerText = txt
|
||||
return;
|
||||
}
|
||||
if(txt.indexOf(".") > 0 ){
|
||||
var v = txt.split(".")[1];
|
||||
if(v && v.length > 1){
|
||||
return;
|
||||
}
|
||||
}else{
|
||||
if(txt.indexOf("0") == 0 && o !== '.'){
|
||||
return;
|
||||
}
|
||||
}
|
||||
txt = txt === "" ? o : txt + "" + o;
|
||||
let max = 999999;
|
||||
if(parseFloat(txt) > max){
|
||||
return;
|
||||
}
|
||||
dom.innerText = txt;
|
||||
}
|
||||
function hideInput(){
|
||||
var dom = document.getElementById('payinfo');
|
||||
dom.style.height = '20px'
|
||||
}
|
||||
function showInput(){
|
||||
var dom = document.getElementById('payinfo');
|
||||
dom.style.height = '13rem'
|
||||
}
|
||||
function showRemarkDialog(){
|
||||
var shape = document.getElementById('shade');
|
||||
var dialog = document.getElementById('dialog');
|
||||
shape.style.display = 'block';
|
||||
dialog.style.display = 'block';
|
||||
}
|
||||
function hideRemarkDialog(){
|
||||
var shape = document.getElementById('shade');
|
||||
var dialog = document.getElementById('dialog');
|
||||
shape.style.display = 'none';
|
||||
dialog.style.display = 'none';
|
||||
}
|
||||
document.getElementById("pay").onclick = ()=>{
|
||||
var comsumeMoney = document.getElementById('comsumeMoney').innerText;
|
||||
if(comsumeMoney == undefined || comsumeMoney == '' || comsumeMoney == null){
|
||||
return;
|
||||
}
|
||||
var url = "/wap/merchant/tradePay";
|
||||
var xhr = new XMLHttpRequest();//创建请求对象
|
||||
xhr.open("POST", url, true);//链接服务器
|
||||
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
|
||||
xhr.onreadystatechange = function () {
|
||||
if (xhr.readyState === 4) {//请求已完成，且响应已就绪
|
||||
if (xhr.status === 200) {//请求成功
|
||||
var resultStr = xhr.responseText//获取结果
|
||||
var resultObj = JSON.parse(resultStr);//解析数据
|
||||
}
|
||||
else {
|
||||
alert("错误码 : " + xhr.status);
|
||||
}
|
||||
}
|
||||
}
|
||||
xhr.send("comsumeMoney="+comsumeMoney);//发送请求
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
Reference in New Issue
Block a user