104 行
4.8 KiB
HTML
可执行文件
104 行
4.8 KiB
HTML
可执行文件
<!DOCTYPE html>
|
|
<html>
|
|
<!--[1.3.43]-->
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/vue/element-ui.css">
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/vip/css/templateB/card-online.css"/>
|
|
<script src="__PUBLIC__/vip/js/jquery-3.2.1.min.js"></script>
|
|
<script type="text/javascript" src="__PUBLIC__/vue/js/vue2.5.16.js"></script>
|
|
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/vue/element-ui.js"></script>
|
|
<script src="__PUBLIC__/vip/js/window-reload.js"></script>
|
|
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
|
|
<title>在线充值</title>
|
|
</head>
|
|
<body>
|
|
<div id="app" class="wrap" v-cloak>
|
|
<div class="content">
|
|
<div class="content-info">
|
|
<span>卡号</span>
|
|
<span class="card_show" v-text="user.card_num" v-if="!showMobile" @click="showMobile=true"></span>
|
|
<span class="card_show" v-else @click="showMobile=false" v-text="user.mobile_phone"></span>
|
|
</div>
|
|
<div class="content-info">
|
|
<span>余额</span>
|
|
<span v-text="user.balance"></span>
|
|
</div>
|
|
<div v-if="rechargeList.length" class="body">
|
|
<div class="activity">常规活动</div>
|
|
<div class="recharge-list">
|
|
<template v-for="(item,index) in rechargeList">
|
|
<div class="item-list">
|
|
<div class="item" :class="item.id==recharge_id?'active':''"
|
|
@click="checkItem(item.id,item.recharge_money)">
|
|
<div class="recharge">充<span v-text="item.recharge_money"></span></div>
|
|
<div class="give">送<span v-text="item.give_money"></span></div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
|
|
<div v-if="plusRechargeList.length" class="body">
|
|
<div class="activity" v-if="user_type==1">开通Plus会员活动</div>
|
|
<div class="activity" v-else>Plus会员续费活动</div>
|
|
<div class="recharge-list">
|
|
<template v-for="(item,index) in plusRechargeList">
|
|
<div class="item-list">
|
|
<div class="item" :class="item.id==recharge_id?'active':''"
|
|
@click="checkItem(item.id,item.recharge_money)">
|
|
<div class="recharge">充<span v-text="item.recharge_money"></span></div>
|
|
<div class="give">送<span v-text="item.give_money"></span></div>
|
|
</div>
|
|
<div class="time">送{{item.time}}天PLUS会员</div>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="body" v-if="canInput==1">
|
|
<div class="activity">自定义充值</div>
|
|
<div class="el-input">
|
|
<input v-model="trade_amount" type="number " autocomplete="off" placeholder="请输入充值金额"
|
|
class="el-input__inner">
|
|
</div>
|
|
<template v-if="rechargeList.length">
|
|
<div class="remark" v-if="auto_read_recharge_grade==1">自定义充值享受赠送优惠</div>
|
|
<div class="remark" v-else>自定义充值<strong>不</strong>享受赠送优惠</div>
|
|
</template>
|
|
</div>
|
|
<div v-if="!rechargeList.length && !plusRechargeList.length && !renewPlusRechargeList && canInput!=1">
|
|
<div class="remark">商家未设置充值信息</div>
|
|
</div>
|
|
<div class="btn-box">
|
|
<el-button type="primary" :disabled="((!trade_amount||trade_amount<0.01)&&!recharge_id)||btnDisabled"
|
|
@click="submit">确认充值
|
|
</el-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
var user_type = "{$user_type}";
|
|
var canInput = "{$canInput}";
|
|
var auto_read_recharge_grade = "{$auto_read_recharge_grade}";
|
|
var user = {$user};
|
|
var rechargeList = {$rechargeList};
|
|
var plusRechargeList = {$plusRechargeList};
|
|
wx.config({
|
|
debug: false,
|
|
appId: "{$signPackage.appId}",
|
|
timestamp: "{$signPackage.timestamp}",
|
|
nonceStr: "{$signPackage.nonceStr}",
|
|
signature: "{$signPackage.signature}",
|
|
jsApiList: ['chooseWXPay']
|
|
});
|
|
wx.error(function (res) {
|
|
alert("出错了：" + res.errMsg);//这个地方的好处就是wx.config配置错误，会弹出窗口哪里错误，然后根据微信文档查询即可。
|
|
});
|
|
</script>
|
|
<script src="__PUBLIC__/vip/js/onlinepay.js"></script>
|
|
|
|
</html> |