wyk/juipnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
053f29081c052d254b45e86fcdfd7e7367017fdb
juipnet/Host/Views/Product/buy.cshtml

874 lines
40 KiB
Plaintext
Raw Normal View History

初始提交
2020-10-07 20:25:03 +08:00
@using Hncore.Pass.Vpn.Response.Product
@using Hncore.Infrastructure.Extension
@using Hncore.Pass.BaseInfo.Response
@using Hncore.Infrastructure.Serializer;
@using Hncore.Pass.BaseInfo.Service
@using Hncore.Infrastructure.Common
@model PackageInfoResponse
@inject UserService m_UserService
@inject Hncore.Pass.Vpn.Service.ProductAccountService m_AccountService
@{
ViewData["Title"] = "购买产品";
UserLoginModel user = null;
Hncore.Pass.BaseInfo.Models.User userEntity = new Hncore.Pass.BaseInfo.Models.User();
if (this.Context.Request.Cookies.TryGetValue("userInfo", out string userCookie))
{
user = userCookie.FromJsonTo<UserLoginModel>();
userEntity = await m_UserService.GetById(user.Id);
}
var randomPwd = ValidateCodeHelper.MakeNumCode(3).ToLower();
var randomAccount1 = ValidateCodeHelper.MakeCharCode(2).ToLower() + ValidateCodeHelper.MakeNumCode(4).ToLower();
修改bug 死循环
2021-09-09 18:08:11 +08:00
@* while (m_AccountService.Exist(m => m.Account == randomAccount1)) {
初始提交
2020-10-07 20:25:03 +08:00
randomAccount1 = ValidateCodeHelper.MakeCharCode(2).ToLower() + ValidateCodeHelper.MakeNumCode(4).ToLower();
修改bug 死循环
2021-09-09 18:08:11 +08:00
} *@
初始提交
2020-10-07 20:25:03 +08:00
var randomAccountMutil = ValidateCodeHelper.MakeCharCode(3).ToLower();
修改bug 死循环
2021-09-09 18:08:11 +08:00
@* while (m_AccountService.Exist(m =>m.Account.StartsWith(randomAccountMutil)))
初始提交
2020-10-07 20:25:03 +08:00
{
randomAccountMutil = ValidateCodeHelper.MakeCharCode(3).ToLower();
修改bug 死循环
2021-09-09 18:08:11 +08:00
} *@
初始提交
2020-10-07 20:25:03 +08:00
}
<script src="~/js/vue.js"></script>
<script type="text/javascript">
$(function () {
实名认证
2020-12-13 12:53:37 +08:00
let realverify = {
cookie:document.cookie,
}
$.ajax({
type: 'POST',
async:false,
url: 'http://php-api.juip.com/api/Realname/index',
dataType: "json",
contentType: "application/json",
data: JSON.stringify(realverify),
beforeSend: function(xhr) {
xhr.withCredentials = true;
},
crossDomain: true,
success: function (res) {
if (res.Code == -10000) {
实名提示修改
2020-12-27 16:07:29 +08:00
alert('接主管部门要求，会员需要实名认证方可使用该产品，点击确定进入实名认证。');
实名认证
2020-12-13 12:53:37 +08:00
window.location.href="/User/Index";
}
}
});
初始提交
2020-10-07 20:25:03 +08:00
$('.spinner .btn:first-of-type').on('click', function () {
$('.spinner input').val(parseInt($('.spinner input').val(), 10) + 1);
});
$('.spinner .btn:last-of-type').on('click', function () {
$('.spinner input').val(parseInt($('.spinner input').val(), 10) - 1);
});
$(".dan").addClass("cu");
$(".dan").click(function () {
$(this).addClass("cu");
$(".pi").removeClass("cu");
$(".t1").show();
$(".t2").hide();
});
$(".pi").click(function () {
$(this).addClass("cu");
$(".dan").removeClass("cu");
$(".t1").hide();
$(".t2").show();
})
})
</script>
<vc:pay-wait></vc:pay-wait>
<vc:pay-ok></vc:pay-ok>
<div class="container-fluid top">
<div class="container">
<div class="row">
<div class="col-lg-3 text-center">
当前已选产品：
</div>
<div class="col-lg-6">
<div class="selectCard">
<div class="item">
<p style="padding-top: 40px; font-size: 25px; font-weight: bold; color: #ee7a69;">@Model.Product.Name</p>
</div>
<div class="item">
<p class="sname">@Model.Package.Name</p>
<p class="sprice">@(Model.Package.DayPrice)元/天</p>
<p class="stime">@Model.Package.Profile</p>
</div>
<div class="item">
极客西瓜月卡自动优惠券
2021-04-13 16:13:46 +08:00
@if(Model.Package.Price < 60 && (Model.Package.Id == 64||Model.Package.Id == 1004)){
<p class="zongjia"><span>60.00</span>元</p>
} else {
<p class="zongjia"><span>@Model.Package.Price</span>元</p>
}
初始提交
2020-10-07 20:25:03 +08:00
</div>
</div>
<p class="tishi tishika" style="text-align:center">*请务必选好所需商品，换货会产生费用</p>
@if (Model.Package.Name == "天卡")
{
<p class="tishi " style="text-align:center">*天卡不支持退款，请谨慎购买</p>
}
</div>
<div class="col-lg-3">
<a href="javascript:history.go(-1)">返回重新选择》</a>
</div>
</div>
</div>
</div>
<div id="app">
<!-- con -->
<div class="container zhuce">
<div class="reg_tab">
<div class="item dan active_dan">
单个注册
</div>
一毛钱活动
2021-01-18 17:57:11 +08:00
<div v-if="OnePayAmount != 0.1" class="item pi">
初始提交
2020-10-07 20:25:03 +08:00
批量注册
</div>
</div>
</div>
<div class="container t1" style="font-size: 18px;font-weight: bold;">
<form action="~/product/CreateOrder" method="post" id="accountForm">
<input type="hidden" name="PackageId" value="@Model.Package.Id" />
<input type="hidden" name="OrderType" value="1" />
<div class="row">
<div class="col-lg-4 text-right">
将pptp改为ip
2020-11-30 13:56:19 +08:00
IP产品账号：
初始提交
2020-10-07 20:25:03 +08:00
</div>
<div class="col-lg-4 regDan">
<input type="text" name="Account" value="" v-model="OneBuyModel.Account" v-on:blur="checkOneAccount" />
<p class="jinggao" v-if="!OneChecker.AccountOk">5至10位字母或数字或组合</p>
</div>
<div class="col-lg-4 text-left warnText">
<sapn class="grayText">5至10位字母或数字或组合</sapn>
</div>
</div>
<div class="row">
<div class="col-lg-4 text-right">
将pptp改为ip
2020-11-30 13:56:19 +08:00
IP产品密码：
初始提交
2020-10-07 20:25:03 +08:00
</div>
<div class="col-lg-4 regDan">
<input type="text" name="Pwd" v-model="OneBuyModel.Pwd" v-on:blur="checkOnePwd" />
<p class="jinggao" v-if="!OneChecker.PwdOk">2至10位字母或数字或组合</p>
</div>
<div class="col-lg-4 text-left">
<span class="grayText">2至10位字母或数字或组合</span>
</div>
</div>
<div class="row">
<div class="col-lg-4 text-right">
连接数：
</div>
一毛钱活动
2021-01-18 17:57:11 +08:00
<div v-if="OnePayAmount != 0.1" class="col-lg-4">
初始提交
2020-10-07 20:25:03 +08:00
<div class="buchang">
<input type="hidden" class="form-control ConnectCount" v-model="OneBuyModel.ConnectCount" name="ConnectCount" value="1">
<div class="item cursor" v-on:click="OneBuyModel.ConnectCount>1&&OneBuyModel.ConnectCount--">
-
</div>
<div class="item">
<input type="text" style="width:100%;height:21px;border:0" v-model="OneBuyModel.ConnectCount" />
</div>
<div class="item cursor" v-on:click="OneBuyModel.ConnectCount++">
+
</div>
</div>
</div>
一毛钱活动
2021-01-18 17:57:11 +08:00
<div v-if="OnePayAmount == 0.1" class="col-lg-4">
1
</div>
初始提交
2020-10-07 20:25:03 +08:00
<div class="col-lg-4 text-left">
<span class="grayText">可同时在线的设备数</span>
</div>
</div>
<div class="row">
<div class="col-lg-4 text-right">
选择优惠券：
</div>
<div class="col-lg-4 regDan">
<div class="dropdown">
<select style="height:40px;" name="" class="btn btn-default dropdown-toggle" v-model="OneBuyModel.CouponId" v-on:change="selectFn">
<option value="0">请选择优惠券</option>
<option v-for="item in Coupons" :value="item.Id">{{item.Name}}</option>
</select>
</div>
</div>
<div class="col-lg-4 text-left">
极客西瓜月卡自动优惠券
2021-04-13 14:37:10 +08:00
<span class="grayText">淘宝每次下单获得优惠券</span>
初始提交
2020-10-07 20:25:03 +08:00
</div>
</div>
<div class="row">
<div class="col-lg-4 text-right">
余额：
</div>
<div class="col-lg-4">
当前账户余额<span class="blueText">@(userEntity.RestAmount)</span>元
<a href="/User/Index">前往充值</a>
</div>
<div class="col-lg-4">
</div>
</div>
<div class="row">
<div class="col-lg-4 text-right">
支付方式：
</div>
<div class="col-lg-4 zhifufangshi">
<input id="zhifubaopay_s1" type="radio" name="OPayType" value="100" checked v-model="OneBuyModel.OPayType"> <img src="~/img/zfb.png"><label for="zhifubaopay_s1">支付宝支付</label>
<input id="weixinpay_s1" type="radio" name="OPayType" value="70" v-model="OneBuyModel.OPayType"> <img src="~/img/wx.png"><label for="weixinpay_s1">微信支付</label>
<input id="UseAccountAmount_s1" type="radio" name="OPayType" value="1" v-model="OneBuyModel.UseAccountAmount"> <label for="UseAccountAmount_s1">余额支付</label>
</div>
<div class="col-lg-4 text-left">
<span></span>
</div>
</div>
<div class="row">
<div class="col-lg-4 text-right">
解决支付宝错误
2020-10-12 18:08:24 +08:00
总金额：
初始提交
2020-10-07 20:25:03 +08:00
</div>
<div class="col-lg-4">
<span class="blueText">{{OneTotalAmount}}</span>元
</div>
<div class="col-lg-4 text-left">
<span></span>
</div>
</div>
解决支付宝错误
2020-10-12 18:08:24 +08:00
<div class="row">
初始提交
2020-10-07 20:25:03 +08:00
<div class="col-lg-4 text-right">
应付款：
</div>
<div class="col-lg-4">
<span style="font-size: 30px;font-weight: bold;">{{OnePayAmount}}</span>元
购买自动升级折扣
2021-04-23 17:13:40 +08:00
<span>{{auto_discount_text}}</span>
初始提交
2020-10-07 20:25:03 +08:00
</div>
<div class="col-lg-4 text-left">
<span></span>
</div>
解决支付宝错误
2020-10-12 18:08:24 +08:00
</div>
初始提交
2020-10-07 20:25:03 +08:00
<p class="tiijiao-tipjiao" style="color:red">{{Tip}}</p>
购买按钮
2020-10-22 09:48:00 +08:00
<p class="tijiao"><button class="btn btn-primary pay-botton" type="button" v-on:click="onePay">确认支付</button></p>
初始提交
2020-10-07 20:25:03 +08:00
</form>
</div>
<div class="container t2" id="moreBuy" style="font-size: 18px;font-weight: bold;">
<form action="~/product/CreateOrder" method="post">
<p class="shuoming">批量注册的账号会使用【账号前缀】+【开始数】+【个数】顺序进行注册，</p>
批量开账号提示
2021-03-19 18:28:09 +08:00
<p class="shuoming">如:注册账号前缀为【user】开始数为【2】个数为【10】，则注册的账号为：user2，user3，user4，....user11</p>
初始提交
2020-10-07 20:25:03 +08:00
<div class="row">
<div class="col-lg-4 text-right">
将pptp改为ip
2020-11-30 13:56:19 +08:00
IP账号前缀：
初始提交
2020-10-07 20:25:03 +08:00
</div>
<div class="col-lg-4 regDan">
批量开账号提示
2021-03-19 18:35:53 +08:00
<input type="text" name="Account" value="" v-on:input="changeAccountCount()" v-model="MoreBuyModel.Account" />
初始提交
2020-10-07 20:25:03 +08:00
<p class="jinggao" v-if="!MoreChecker.AccountOk">3至8位字母或数字或组合</p>
</div>
<div class="col-lg-4 text-left warnText">
<sapn class="grayText">3至8位字母或数字或组合</sapn>
</div>
</div>
<div class="row">
<div class="col-lg-4 text-right">
开始号：
</div>
<div class="col-lg-4 regDan">
批量开账号提示
2021-03-19 18:28:09 +08:00
<input type="number" name="MinPostfix" v-on:input="changeAccountCount()" v-model="MoreBuyModel.MinPostfix" />
初始提交
2020-10-07 20:25:03 +08:00
</div>
<div class="col-lg-4 text-left">
<span class="grayText">本批次账号的起始账号的尾数</span>
</div>
</div>
<div class="row">
<div class="col-lg-4 text-right">
注册个数：
</div>
<div class="col-lg-4 regDan">
批量开账号提示
2021-03-19 18:28:09 +08:00
<input type="number" name="MaxPostfix" v-on:input="changeAccountCount()" v-model="MoreBuyModel.MaxPostfix" />
初始提交
2020-10-07 20:25:03 +08:00
<p class="jinggao" v-if="MoreBuyModel.MaxPostfix>500">一次最多注册500个</p>
</div>
<div class="col-lg-4 text-left">
<span class="grayText">本批次的账号个数</span>
</div>
</div>
批量开账号提示
2021-03-19 18:28:09 +08:00
<div class="row">
<div class="col-lg-4 text-right">
即将生成的账号：
</div>
<div class="col-lg-8 regDan">
<p class="jinggao">{{acount_list}}</p>
</div>
</div>
初始提交
2020-10-07 20:25:03 +08:00
<div class="row">
<div class="col-lg-4 text-right">
将pptp改为ip
2020-11-30 13:56:19 +08:00
IP产品密码：
初始提交
2020-10-07 20:25:03 +08:00
</div>
<div class="col-lg-4 regDan">
<input type="text" name="Pwd" id="" value="" v-model="MoreBuyModel.Pwd" />
<p class="jinggao" v-if="!MoreChecker.PwdOk">2至10位字母或数字或组合</p>
</div>
<div class="col-lg-4 text-left">
<span>2至10位字母或数字或组合</span>
</div>
</div>
<div class="row">
<div class="col-lg-4 text-right">
连接数：
</div>
<div class="col-lg-4">
<div class="buchang">
<input type="hidden" class="form-control" name="ConnectCount" v-model="MoreBuyModel.ConnectCount">
<div class="item" @@click="MoreBuyModel.ConnectCount>1&&MoreBuyModel.ConnectCount--">
-
</div>
<div class="item">
<input type="text" style="width:100%;height:21px;border:0" v-model="MoreBuyModel.ConnectCount" />
</div>
<div class="item" @@click="MoreBuyModel.ConnectCount++">
+
</div>
</div>
</div>
<div class="col-lg-4 text-left">
<span class="grayText">可同时在线的设备数</span>
</div>
</div>
<div class="row">
<div class="col-lg-4 text-right">
选择优惠券：
</div>
<div class="col-lg-4 regDan">
<div class="dropdown">
<select style="height:40px;" name="" class="btn btn-default dropdown-toggle" v-model="MoreBuyModel.CouponId" v-on:change="selectFn">
<option value="0">请选择优惠券</option>
<option v-for="item in Coupons" :value="item.Id">{{item.Name}}</option>
</select>
</div>
</div>
<div class="col-lg-4 text-left">
极客西瓜月卡自动优惠券
2021-04-13 14:37:10 +08:00
<span class="grayText">淘宝每次下单获得优惠券</span>
初始提交
2020-10-07 20:25:03 +08:00
</div>
</div>
<div class="row">
<div class="col-lg-4 text-right">
余额：
</div>
<div class="col-lg-4">
当前账户余额<span class="blueText">@(userEntity.RestAmount)</span>元
<a href="/User/Index">前往充值</a>
</div>
<div class="col-lg-4">
</div>
</div>
<div class="row">
<div class="col-lg-4 text-right">
支付方式：
</div>
<div class="col-lg-4 zhifufangshi">
<input id="zhifubaopay_s" type="radio" name="OPayType" value="100" checked v-model="MoreBuyModel.OPayType"> <img src="~/img/zfb.png"><label for="zhifubaopay_s">支付宝支付</label>
<input id="weixinpay_s" type="radio" name="OPayType" value="70" v-model="MoreBuyModel.OPayType"> <img src="~/img/wx.png"><label for="weixinpay_s">微信支付</label>
<input id="UseAccountAmount" type="radio" name="OPayType" value="1" v-model="MoreBuyModel.UseAccountAmount"> <label for="UseAccountAmount">余额支付</label>
</div>
<div class="col-lg-4 text-left">
<span></span>
</div>
</div>
<div class="row">
<div class="col-lg-4 text-right">
购买界面优化
2020-10-12 21:54:19 +08:00
总金额：
初始提交
2020-10-07 20:25:03 +08:00
</div>
<div class="col-lg-4">
<span class="blueText">{{MoreTotalAmount}}</span>元
</div>
<div class="col-lg-4 text-left">
<span></span>
</div>
</div>
解决支付宝错误
2020-10-12 18:08:24 +08:00
<div class="row">
初始提交
2020-10-07 20:25:03 +08:00
<div class="col-lg-4 text-right">
应付款：
</div>
<div class="col-lg-4">
<span style="font-size: 30px;font-weight: bold;">{{MorePayAmount}}</span>元
购买自动升级折扣
2021-04-23 17:13:40 +08:00
<span>{{auto_discount_text}}</span>
初始提交
2020-10-07 20:25:03 +08:00
</div>
<div class="col-lg-4 text-left">
<span></span>
</div>
解决支付宝错误
2020-10-12 18:08:24 +08:00
</div>
初始提交
2020-10-07 20:25:03 +08:00
<p class="ijiao-tip" style="color:red">{{Tip}}</p>
购买按钮
2020-10-22 09:48:00 +08:00
<p class="tijiao"><button class="btn btn-primary pay-botton" type="button" v-on:click="morePay">确认支付</button></p>
初始提交
2020-10-07 20:25:03 +08:00
</form>
</div>
<!-- 支付弹窗开始 -->
<div class="payMask">
<div class="payCon">
<img src="~/img/close.png" class="payClose" v-on:click="close">
<p class="payTit"><img src="~/img/wx.png">微信支付 ｜ 收银台</p>
<div class="row">
<div class="col-lg-6 text-center">
@*<p>订单将在25分钟后关闭，请及时付款</p>*@
<p>
@*<img id="wxPayQr" src="img/ewm.png">*@
<div id="qrcode" style="width:200px;height:200px"></div>
</p>
@*<p>二维码已经失效，请刷新后重新扫码支付</p>*@
</div>
<div class="col-lg-6 text-left leftBorder">
<p>新开订单</p>
<p class="payPrice">¥<span>{{OrderInfo.OtherPayAmount}}</span></p>
<p>收款方：聚IP</p>
<p>下单时间：<span>{{OrderInfo.CreateTime}}</span></p>
<p>订单号：<span>{{OrderInfo.OrderNo}}</span></p>
</div>
</div>
</div>
</div>
<!-- 支付弹窗结束 -->
<div id="aliPayBox" style="display:none"></div>
</div>
@section Scripts{
<script>
var productId =@(Model.Product.Id);
/** 表单序列化成json字符串的方法 */
function form2JsonString(formId) {
var paramArray = $('#' + formId).serializeArray();
var jsonObj = {};
$(paramArray).each(function () {
jsonObj[this.name] = this.value;
});
console.log(jsonObj);
return JSON.stringify(jsonObj);
}
var app = new Vue({
el: '#app',
data: {
购买自动升级折扣
2021-04-23 17:13:40 +08:00
auto_discount_text:'',
批量开账号提示
2021-03-19 18:28:09 +08:00
acount_list:'',
初始提交
2020-10-07 20:25:03 +08:00
payHandler: null,
Tip: '',
RestAmount: @(userEntity.RestAmount),
Coupons: [],
SelectCoupon: {},
OrderInfo: {},
OneChecker: {
AccountOk: true,
PwdOk: true
},
MoreChecker: {
AccountOk: true,
PwdOk: true,
Max: 10,
},
OneBuyModel: {
Price:@(Model.Package.Price),
PackageId:@(Model.Package.Id),
CouponAmount: 0,
OrderType: 1,
Account: '@(randomAccount1)',
Pwd: '@(randomPwd)',
ConnectCount: 1,
CouponId: 0,
UseAccountAmount: 0,
OPayType: 100,
PayChannel: 50
},
MoreBuyModel: {
Price:@(Model.Package.Price),
PackageId:@(Model.Package.Id),
CouponAmount: 0,
OrderType: 2,
Account: '@(randomAccountMutil)',
Pwd: '@(randomPwd)',
ConnectCount: 1,
CouponId: 0,
UseAccountAmount: 0,
OPayType: 100,
MinPostfix: 1,
MaxPostfix: 1,
PayChannel: 50
}
},
computed: {
OneTotalAmount: function () {
var total = this.OneBuyModel.Price * this.OneBuyModel.ConnectCount
极客西瓜月卡自动优惠券
2021-04-13 16:13:46 +08:00
//西瓜极客优惠券
if((@(Model.Package.Id) == 64||@(Model.Package.Id) == 1004) && @(Model.Package.Price)<60){
total = this.OneBuyModel.ConnectCount * 60.00
}
初始提交
2020-10-07 20:25:03 +08:00
return total.toFixed(2);
},
OnePayAmount: function () {
var restAmout = this.OneBuyModel.UseAccountAmount == 1 ? this.RestAmount : 0;
购买界面优化
2020-10-12 21:54:19 +08:00
var total = this.OneBuyModel.Price * this.OneBuyModel.ConnectCount - this.OneBuyModel.CouponAmount ;
初始提交
2020-10-07 20:25:03 +08:00
total = total < 0 ? 0 : total;
极客西瓜月卡自动优惠券
2021-04-13 14:37:10 +08:00
购买自动升级折扣
2021-04-23 18:17:13 +08:00
total = parseFloat(total.toFixed(2));
tian ka
2021-04-24 15:48:27 +08:00
if(total != 0.1){
//最低价
var min_cost = @(Model.Package.MinPrice) * this.OneBuyModel.ConnectCount - this.OneBuyModel.CouponAmount;
if(total<min_cost){
total = min_cost;
}
自动折扣优化
2021-04-24 15:04:31 +08:00
}
购买自动升级折扣
2021-04-23 18:17:13 +08:00
购买自动升级折扣
2021-04-23 17:13:40 +08:00
初始提交
2020-10-07 20:25:03 +08:00
return total.toFixed(2);
},
MoreTotalAmount: function () {
var total = this.MoreBuyModel.Price * this.MoreBuyModel.ConnectCount * this.MoreBuyModel.MaxPostfix;
极客西瓜月卡自动优惠券
2021-04-13 16:13:46 +08:00
//西瓜极客优惠券
if((@(Model.Package.Id) == 64||@(Model.Package.Id) == 1004) && @(Model.Package.Price)<60){
total = this.MoreBuyModel.ConnectCount * 60.00 * this.MoreBuyModel.MaxPostfix
}
初始提交
2020-10-07 20:25:03 +08:00
return total.toFixed(2);
},
MorePayAmount: function () {
var restAmout = this.MoreBuyModel.UseAccountAmount == 1 ? this.RestAmount : 0;
购买界面优化
2020-10-12 21:54:19 +08:00
var total = this.MoreBuyModel.Price * this.MoreBuyModel.ConnectCount * this.MoreBuyModel.MaxPostfix - this.MoreBuyModel.CouponAmount ;
初始提交
2020-10-07 20:25:03 +08:00
total = total < 0 ? 0 : total;
购买自动升级折扣
2021-04-23 18:17:13 +08:00
total = parseFloat(total.toFixed(2));
极客西瓜月卡自动优惠券
2021-04-13 14:37:10 +08:00
价格方案优化
2021-05-11 14:32:34 +08:00
//最低价
var min_cost = @(Model.Package.MinPrice) * this.MoreBuyModel.ConnectCount * this.MoreBuyModel.MaxPostfix - this.OneBuyModel.CouponAmount;
if(total<min_cost){
total = min_cost;
购买自动升级折扣
2021-04-23 17:13:40 +08:00
}
初始提交
2020-10-07 20:25:03 +08:00
return total.toFixed(2);
}
},
watch: {
'OneBuyModel.CouponId': { //加引号监听对象里的属性
handler: function (newValue, oldValue) {
极客西瓜月卡自动优惠券
2021-04-13 14:37:10 +08:00
if( this.OneBuyModel.CouponId == 10000000){
return;
}
初始提交
2020-10-07 20:25:03 +08:00
var totalAmount = this.OneBuyModel.Price * this.OneBuyModel.ConnectCount;
for (var i = 0; i < this.Coupons.length; i++) {
var item = this.Coupons[i];
if (totalAmount < item.AllowMinAmount) {
continue;
}
if (item.Id == newValue) {
if (item.CouponType == 1) {//满减
this.OneBuyModel.CouponAmount = item.CouponValue;
} else {
五折优惠修改原有所有产品五折逻辑
2020-10-12 19:37:47 +08:00
//亲 请勿非法操作呦^.^ 请按照正常的流程操作 我们后台是有记录滴
if($(".sname").text() == '天卡'){
this.OneBuyModel.CouponAmount = totalAmount * item.CouponValue * 0.1;
} else {
alert('非天卡无效');
this.OneBuyModel.CouponId = '0';
}
初始提交
2020-10-07 20:25:03 +08:00
}
return;
购买优化
2020-10-13 10:12:51 +08:00
} else {
this.OneBuyModel.CouponAmount = 0;
初始提交
2020-10-07 20:25:03 +08:00
}
}
},
immediate: true
},
'MoreBuyModel.CouponId': { //加引号监听对象里的属性
handler: function (newValue, oldValue) {
极客西瓜月卡自动优惠券
2021-04-13 14:37:10 +08:00
if( this.OneBuyModel.CouponId == 10000000){
return;
}
初始提交
2020-10-07 20:25:03 +08:00
var totalAmount = this.MoreBuyModel.Price * this.MoreBuyModel.ConnectCount;
for (var i = 0; i < this.Coupons.length; i++) {
var item = this.Coupons[i];
if (totalAmount < item.AllowMinAmount) {
continue;
}
if (item.Id == newValue) {
if (item.CouponType == 1) {//满减
this.MoreBuyModel.CouponAmount = item.CouponValue;
} else {
五折优惠修改原有所有产品五折逻辑
2020-10-12 19:37:47 +08:00
//亲 请勿非法操作呦^.^ 请按照正常的流程操作 我们后台是有记录滴
if($(".sname").text() == '天卡'){
this.MoreBuyModel.CouponAmount = totalAmount * item.CouponValue * 0.1;
} else {
alert('非天卡无效');
购买优化
2020-10-13 10:12:51 +08:00
this.MoreBuyModel.CouponId = '0';
五折优惠修改原有所有产品五折逻辑
2020-10-12 19:37:47 +08:00
}
初始提交
2020-10-07 20:25:03 +08:00
}
return;
购买优化
2020-10-13 10:12:51 +08:00
} else {
this.MoreBuyModel.CouponAmount = 0;
初始提交
2020-10-07 20:25:03 +08:00
}
}
},
immediate: true
},
'OneBuyModel.OPayType': { //加引号监听对象里的属性
handler: function (newValue, oldValue) {
this.OneBuyModel.UseAccountAmount = false;
this.OneBuyModel.PayChannel = newValue == 70 ? 30 : 50;
},
immediate: true
},
'MoreBuyModel.OPayType': { //加引号监听对象里的属性
handler: function (newValue, oldValue) {
this.MoreBuyModel.UseAccountAmount = false;
this.MoreBuyModel.PayChannel = newValue == 70 ? 30 : 50;
},
immediate: true
}
},
极客西瓜月卡自动优惠券
2021-04-13 14:37:10 +08:00
created () {
this.OneBuyModel.CouponId = 10000000
this.MoreBuyModel.CouponId = 10000000
},
初始提交
2020-10-07 20:25:03 +08:00
mounted: function () {
@if(user != null) {
<text>this.getCoupons()</text>
}
},
methods: {
// true:数值型的，false：非数值型
isNum(value) {
return typeof value === 'number' && !isNaN(value);
},
selectFn: function (e) {
console.log(e.target.value) // 选择项的value
},
getCoupons: function () {
var that = this;
var url = '/api/sells/v1/coupon/GetAvailableCoupon';
$.ajax({
type: 'GET',
url: url,
success: function (res) {
if (res.Code == 10000) {
极客西瓜月卡自动优惠券
2021-04-13 14:37:10 +08:00
if(@(Model.Package.Id) == 64||@(Model.Package.Id) == 1004){
var coupon_json = {
"Coupon":{
"Id":10000000,
"Name":"极客-西瓜-满减劵",
}
}
res.Data.push(coupon_json);
}
console.log(res.Data)
初始提交
2020-10-07 20:25:03 +08:00
that.Coupons = res.Data.map(m => m.Coupon);
}
}
})
},
hasNumAndChar(str) {
var zg = /^[0-9a-zA-Z]*$/;
if (!zg.test(str)) {
return false;
} else {
return true;
}
},
checkOneAccount() {
if (this.OneBuyModel.Account.length > 10 || this.OneBuyModel.Account.length < 5 || !this.hasNumAndChar(this.OneBuyModel.Account)) {
this.OneChecker.AccountOk = false;
return false;
}
this.OneChecker.AccountOk = true;
return true;
},
checkOnePwd() {
if (this.OneBuyModel.Pwd.length < 2 || this.OneBuyModel.Pwd.length > 10 || !this.hasNumAndChar(this.OneBuyModel.Pwd)) {
this.OneChecker.PwdOk = false;
return false;
}
this.OneChecker.PwdOk = true;
return true;
},
checkMoreAccount() {
if (this.MoreBuyModel.Account.length < 3 || this.MoreBuyModel.Account.length > 8 || !this.hasNumAndChar(this.MoreBuyModel.Account)) {
this.MoreChecker.AccountOk = false;
return false;
}
this.MoreChecker.AccountOk = true;
return true;
},
checkMorePwd() {
if (this.MoreBuyModel.Pwd.length < 2 || this.MoreBuyModel.Pwd.length > 10 || !this.hasNumAndChar(this.MoreBuyModel.Pwd)) {
this.MoreChecker.PwdOk = false;
return false;
}
this.MoreChecker.PwdOk = true;
return true;
},
onePay: function () {
购买按钮
2020-10-22 09:48:00 +08:00
$(".pay-botton").hide();
初始提交
2020-10-07 20:25:03 +08:00
this.OneBuyModel.ConnectCount = parseInt(this.OneBuyModel.ConnectCount)
if (!this.isNum(this.OneBuyModel.ConnectCount)) return;
if (!this.checkOneAccount() || !this.checkOnePwd()) return;
购买界面优化
2020-10-12 21:54:19 +08:00
if (this.OneBuyModel.UseAccountAmount) {
if (this.RestAmount < this.OnePayAmount){
余额购买
2020-10-08 17:49:50 +08:00
alert('余额不足，请充值。您也可以使用微信、支付宝支付。');return;
购买界面优化
2020-10-12 21:54:19 +08:00
} else {
this.RestAmount = this.RestAmount - this.OnePayAmount;
初始提交
2020-10-07 20:25:03 +08:00
}
}
var that = this;
if (this.OneBuyModel.UseAccountAmount === true) this.OneBuyModel.UseAccountAmount = 1;
if (this.OneBuyModel.UseAccountAmount === false) this.OneBuyModel.UseAccountAmount = 0;
showPayWait();
$.ajax({
type: 'POST',
url: '/product/CreateOrder',
dataType: "json",
contentType: "application/json",
data: JSON.stringify(this.OneBuyModel),
success: function (res) {
console.log(res);
if (res.Code == 10000) {
hidePayWait();
if (res.Data == "00") {
//alert('购买成功')
showPayOk();
} else {
that.payCallback(res.Data)
that.isPay(res.Data.OrderInfo.OrderNo);
}
} else {
tipPayWait(res.Message);
//that.Tip = res.Message;
}
}
});
},
morePay: function () {
购买按钮
2020-10-22 09:48:00 +08:00
$(".pay-botton").hide();
初始提交
2020-10-07 20:25:03 +08:00
this.MoreBuyModel.ConnectCount = parseInt(this.MoreBuyModel.ConnectCount)
if (!this.isNum(this.MoreBuyModel.ConnectCount)) return;
if (!this.checkMoreAccount() || !this.checkMorePwd() || this.MoreBuyModel.MaxPostfix>500) return;
var that = this;
购买界面优化
2020-10-12 21:54:19 +08:00
if (this.MoreBuyModel.UseAccountAmount) {
if (this.RestAmount < this.MorePayAmount){
余额购买
2020-10-08 17:49:50 +08:00
alert('余额不足，请充值。您也可以使用微信、支付宝支付。');return;
购买界面优化
2020-10-12 21:54:19 +08:00
} else {
this.RestAmount = this.RestAmount - this.MorePayAmount;
初始提交
2020-10-07 20:25:03 +08:00
}
}
if (this.MoreBuyModel.UseAccountAmount === true) this.MoreBuyModel.UseAccountAmount = 1;
if (this.MoreBuyModel.UseAccountAmount === false) this.MoreBuyModel.UseAccountAmount = 0;
showPayWait();
$.ajax({
type: 'POST',
url: '/product/CreateOrder',
dataType: "json",
contentType: "application/json",
data: JSON.stringify(this.MoreBuyModel),
success: function (res) {
console.log(res);
if (res.Code == 10000) {
hidePayWait();
if (res.Data == "00") {
//alert('购买成功')
showPayOk();
} else {
that.payCallback(res.Data)
that.isPay(res.Data.OrderInfo.OrderNo);
}
} else {
//that.Tip = res.Message;
tipPayWait(res.Message);
}
}
});
},
payCallback: function (data) {
this.OrderInfo = data.OrderInfo;
var payType = this.OrderInfo.PayType;
if (payType == 70) {
$(".payMask").show();
$('#qrcode').qrcode(data.PayData);
} else if (payType == 100) {
$("#aliPayBox").html(data.PayData);
//document.write(data.PayData);
}
},
checkAccount: function () {
var account = $("#sAccount").val()
var url = '/api/course/v1/productaccount/ExistAccount?productId=' + productId + '&accounts=' + account;
$.ajax({
type: 'GET',
url: url,
success: function (res) {
console.log(res);
if (res.Code != 10000) {
$("#sAccountTip").text(res.Message)
}
}
})
},
isPay: function (orderNo) {
var that = this;
this.payHandler= setInterval(function () {
var url = '/product/IsPay?orderNo=' + orderNo;
$.ajax({
type: 'GET',
url: url,
success: function (res) {
if (res.Code == 10000 && res.Data ==1) {
clearInterval(that.payHandler);
showPayOk();
$(".payMask").hide();
//window.location.href = "/user/myaccounts";
}
}
})
}, 3000)
},
close() {
clearInterval(this.payHandler);
$('.payMask').hide();
$('#qrcode').empty();
批量开账号提示
2021-03-19 18:28:09 +08:00
},
changeAccountCount() {
this.acount_list = '';
let start_account = this.MoreBuyModel.MinPostfix;
let end_account = this.MoreBuyModel.MaxPostfix;
if(end_account>3){
for(let i = start_account;i<parseInt(start_account)+3;i++){
this.acount_list += this.MoreBuyModel.Account+i+',';
}
this.acount_list = this.acount_list.substr(0,this.acount_list.length - 1);
this.acount_list += '...'+this.MoreBuyModel.Account+(parseInt(start_account)+parseInt(end_account)-1)
} else {
for(let i = start_account;i<parseInt(start_account)+parseInt(end_account);i++){
this.acount_list += this.MoreBuyModel.Account+i+',';
}
this.acount_list = this.acount_list.substr(0,this.acount_list.length - 1);
}
初始提交
2020-10-07 20:25:03 +08:00
}
}
})
function checkAccount() {
var account = $("#sAccount").val()
var url = '/api/course/v1/productaccount/ExistAccount?productId=' + productId+ '&accounts=' + account;
$.ajax({
type: 'GET',
url: url,
success: function (res) {
console.log(res);
if (res.Code != 10000) {
$("#sAccountTip").text(res.Message)
}
}
})
}
</script>
}
Reference in New Issue Copy Permalink