2023-07-29 10:19:42 +08:00
|
|
|
|
@using Hncore.Pass.Vpn.Response.Product
|
|
|
|
|
|
@using Microsoft.Extensions.Configuration
|
|
|
|
|
|
@using Hncore.Pass.BaseInfo.Response
|
|
|
|
|
|
@using Hncore.Infrastructure.Serializer;
|
2024-02-01 17:43:16 +08:00
|
|
|
|
@using Hncore.Pass.BaseInfo.Service
|
2023-07-29 10:19:42 +08:00
|
|
|
|
@inject IConfiguration m_Configuration
|
|
|
|
|
|
@inject Hncore.Pass.Vpn.Service.ProductAccountService m_AccountService
|
|
|
|
|
|
@model List<ProductWithPackageResponse>
|
2024-02-01 17:43:16 +08:00
|
|
|
|
|
|
|
|
|
|
@inject UserService m_UserService
|
2023-07-29 10:19:42 +08:00
|
|
|
|
@{
|
|
|
|
|
|
ViewData["Title"] = "购买产品";
|
|
|
|
|
|
UserLoginModel user = null;
|
2024-02-01 17:43:16 +08:00
|
|
|
|
Hncore.Pass.BaseInfo.Models.User userEntity = new Hncore.Pass.BaseInfo.Models.User();
|
2023-07-29 10:19:42 +08:00
|
|
|
|
if (this.Context.Request.Cookies.TryGetValue("userInfo", out string userCookie))
|
|
|
|
|
|
{
|
|
|
|
|
|
user = userCookie.FromJsonTo<UserLoginModel>();
|
2024-02-01 17:43:16 +08:00
|
|
|
|
userEntity = await m_UserService.GetById(user.Id);
|
2023-07-29 10:19:42 +08:00
|
|
|
|
}
|
|
|
|
|
|
var pid = this.Context.Request.Query.ContainsKey("id") ? this.Context.Request.Query["id"].ToString() : "";
|
|
|
|
|
|
var defaultProduct = Model.Select(m => m.Product).FirstOrDefault();
|
|
|
|
|
|
if (pid == "")
|
|
|
|
|
|
{
|
|
|
|
|
|
pid = Model.Select(m => m.Product).FirstOrDefault().Id.ToString();
|
|
|
|
|
|
}
|
|
|
|
|
|
else
|
|
|
|
|
|
{
|
|
|
|
|
|
defaultProduct = Model.Select(m => m.Product).FirstOrDefault(m => m.Id.ToString() == pid);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var productPackages = Model.Where(m => m.Product.Id == defaultProduct.Id).FirstOrDefault().Packages.Where(p => p.Status == 1 && p.IsTest == 0);//.Select(m => m.Packages.Where(p => p.Status == 1 && p.IsTest == 0).FirstOrDefault());
|
|
|
|
|
|
|
|
|
|
|
|
var defaultPackage = productPackages.FirstOrDefault();// Model.Where(m => m.Product.Id == defaultProduct.Id).Select(m => m.Packages.FirstOrDefault()).FirstOrDefault();
|
|
|
|
|
|
|
|
|
|
|
|
var baseUrl = m_Configuration["BaseInfoUrl"];
|
|
|
|
|
|
var restTimes = "3次";
|
|
|
|
|
|
var restStatus = "注册即送";
|
2024-02-01 17:43:16 +08:00
|
|
|
|
|
|
|
|
|
|
//设置获取余额
|
|
|
|
|
|
var restAmout = Convert.ToDecimal(0.00);
|
|
|
|
|
|
var resttime = 0;
|
|
|
|
|
|
var userid = 0;
|
2023-07-29 10:19:42 +08:00
|
|
|
|
if (user != null){
|
|
|
|
|
|
restStatus = "剩余次数";
|
2024-02-01 17:43:16 +08:00
|
|
|
|
resttime = await m_AccountService.GetRestTestCount(user.Id);
|
|
|
|
|
|
restTimes = resttime+"次";
|
|
|
|
|
|
restAmout = userEntity.RestAmount;
|
|
|
|
|
|
userid = userEntity.Id;
|
|
|
|
|
|
}
|
2023-07-29 10:19:42 +08:00
|
|
|
|
Func<string, string> P = (path) => $"{baseUrl}{path}";
|
|
|
|
|
|
}
|
|
|
|
|
|
<style>
|
|
|
|
|
|
.productName {
|
|
|
|
|
|
font-style: oblique;
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
font-size: 32px;
|
|
|
|
|
|
color: #f49119;
|
|
|
|
|
|
}
|
|
|
|
|
|
.pkgNameCard {
|
2023-08-16 15:19:20 +08:00
|
|
|
|
background: #0777ff;
|
2023-07-29 10:19:42 +08:00
|
|
|
|
height: 90px;
|
|
|
|
|
|
padding: 15px;
|
|
|
|
|
|
}
|
2023-08-26 17:31:44 +08:00
|
|
|
|
.active {
|
2024-02-01 17:43:16 +08:00
|
|
|
|
background:#0a3e7d;
|
2023-08-26 17:31:44 +08:00
|
|
|
|
}
|
2023-07-29 10:19:42 +08:00
|
|
|
|
.clear {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.clearfix:after {
|
|
|
|
|
|
content: ".";
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
|
height: 0;
|
|
|
|
|
|
clear: both
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-page {
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
width: 1170px;
|
|
|
|
|
|
padding-bottom:50px;
|
|
|
|
|
|
}
|
2024-02-01 17:43:16 +08:00
|
|
|
|
.qilinjingtai p{
|
|
|
|
|
|
font-size:13px;
|
|
|
|
|
|
font-weight:bold;
|
|
|
|
|
|
}
|
|
|
|
|
|
input[type="text"].form-control, input[type="password"].form-control, input[type="date"].form-control, input[type="datetime"].form-control, input[type="email"].form-control, input[type="number"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="time"].form-control, input[type="url"].form-control {
|
|
|
|
|
|
padding: 10px;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
border-radius: 2em;
|
|
|
|
|
|
height:30px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.diqu :hover{
|
|
|
|
|
|
background:#0777ff;
|
|
|
|
|
|
color:white;
|
|
|
|
|
|
}
|
2023-07-29 10:19:42 +08:00
|
|
|
|
|
|
|
|
|
|
.main-page .left {
|
|
|
|
|
|
width:15%;
|
|
|
|
|
|
border-right: 1px #ccc solid;
|
|
|
|
|
|
margin-top: 25px;
|
|
|
|
|
|
padding-right:10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-page .left, .main-page .right {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-page .nav-back {
|
|
|
|
|
|
height: 300px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-page .nav {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
margin-top: -300px;
|
|
|
|
|
|
width: 136px;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
|
font-family: "微软雅黑";
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-page .nav div {
|
2023-08-16 15:19:20 +08:00
|
|
|
|
height: 2.3em;
|
|
|
|
|
|
line-height: 2.3em;
|
2023-07-29 10:19:42 +08:00
|
|
|
|
border-radius: 2px;
|
|
|
|
|
|
cursor: pointer;
|
2023-08-16 15:19:20 +08:00
|
|
|
|
border-bottom: 1px dashed #0777ff;
|
2023-07-29 10:19:42 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-page .nav div.on {
|
2023-08-16 15:19:20 +08:00
|
|
|
|
background: #0777ff;
|
2023-07-29 10:19:42 +08:00
|
|
|
|
color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-page .right {
|
|
|
|
|
|
width: 85%;
|
|
|
|
|
|
height: 800px;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-page .content {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
.contentNew {
|
|
|
|
|
|
border:none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.youhuiNew {
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
padding: 10px 0;
|
|
|
|
|
|
color: red;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
.mtop {
|
|
|
|
|
|
margin-top:30px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.packageitem1{
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.packageitem1::before {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0.3rem;
|
|
|
|
|
|
left: -0.5rem;
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
padding-right: 0.625rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 0px;
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
height: 0px;
|
|
|
|
|
|
border: 1.0rem solid #FF9933;
|
|
|
|
|
|
border-right-color: transparent;
|
|
|
|
|
|
content: "首单0.1元";
|
|
|
|
|
|
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.packageitem1::after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 2.1875rem;
|
|
|
|
|
|
left: -0.5rem;
|
2023-08-16 15:19:20 +08:00
|
|
|
|
border: 0.25rem solid #0777ff;
|
2023-07-29 10:19:42 +08:00
|
|
|
|
border-left-color: transparent;
|
|
|
|
|
|
border-bottom-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.packageitem2{
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.packageitem2::before {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0.3rem;
|
|
|
|
|
|
left: -0.5rem;
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
padding-right: 0.625rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 0px;
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
height: 0px;
|
|
|
|
|
|
border: 1.0rem solid #FF9933;
|
|
|
|
|
|
border-right-color: transparent;
|
2023-11-21 15:30:41 +08:00
|
|
|
|
content: "9折";
|
2023-07-29 10:19:42 +08:00
|
|
|
|
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.packageitem2::after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 2.1875rem;
|
|
|
|
|
|
left: -0.5rem;
|
2023-08-16 15:19:20 +08:00
|
|
|
|
border: 0.25rem solid #0777ff;
|
2023-07-29 10:19:42 +08:00
|
|
|
|
border-left-color: transparent;
|
|
|
|
|
|
border-bottom-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.warning{
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
width: 400px;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
left: 47%;
|
|
|
|
|
|
top: 30%;
|
|
|
|
|
|
z-index: 3;
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
|
box-shadow: 0px 6px 8px 6px #ccc;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
padding: 30px;
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
#hidebg { position:absolute;left:0px;top:0px;
|
|
|
|
|
|
|
|
|
|
|
|
background-color:#000;
|
|
|
|
|
|
|
|
|
|
|
|
width:100%; /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
|
|
|
|
|
|
|
|
|
|
|
|
filter:alpha(opacity=60); /*设置透明度为60%*/
|
|
|
|
|
|
|
|
|
|
|
|
opacity:0.6; /*非IE浏览器下设置透明度为60%*/
|
|
|
|
|
|
|
|
|
|
|
|
display:none; /* https://www.daixiaorui.com */
|
|
|
|
|
|
|
|
|
|
|
|
z-Index:2;}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<!-- ad -->
|
|
|
|
|
|
<div id="hidebg"></div>
|
|
|
|
|
|
@* <div class="container-fluid ad">
|
|
|
|
|
|
<a asp-action="taobao" asp-controller="article"> <img src="~/img/acBanner.png"></a>
|
|
|
|
|
|
</div> *@
|
2024-01-09 11:32:34 +08:00
|
|
|
|
<div class="container-fluid ad" style="height:100px;background:#f7f6f7;">
|
2023-07-29 10:19:42 +08:00
|
|
|
|
|
2024-01-09 11:32:34 +08:00
|
|
|
|
<div class="row" style="color:#00a63f;width:calc(100vw-1px);">
|
2023-08-16 15:19:20 +08:00
|
|
|
|
<div class="col-md-12 text-center" style="padding-top:1%;">
|
2024-01-09 11:32:34 +08:00
|
|
|
|
<h4 style="color:#00a63f;">需求五个以上、可联系右侧客服设置优惠价</h4>
|
2023-08-16 15:19:20 +08:00
|
|
|
|
<p>动态IP销量排名NO.1
|
|
|
|
|
|
十余种全网知名旗舰产品低价热销、
|
|
|
|
|
|
节点多、稳定、靠谱、单人单线
|
2023-11-21 15:30:41 +08:00
|
|
|
|
<br>
|
2023-08-16 15:19:20 +08:00
|
|
|
|
</p>
|
2023-07-29 10:19:42 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
@*新布局*@
|
2023-08-16 15:19:20 +08:00
|
|
|
|
<h1 class="text-center tit " style="font-style: italic;text-shadow: 5px 6px 3px #ccc;font-weight:bold;">选择产品</h1>
|
2024-03-01 11:23:28 +08:00
|
|
|
|
<p class="text-center" style="padding: 0;margin:0;"><a target="_blank" style="color: #0777ff;" href="/img/product_compare.png?id=100">查看各产品对比</a></p>
|
2023-08-16 15:19:20 +08:00
|
|
|
|
|
2023-07-29 10:19:42 +08:00
|
|
|
|
<div class="main-page">
|
|
|
|
|
|
<div class="left" style="width: 175px;">
|
|
|
|
|
|
<div class="nav-back" style="width: 175px;"></div>
|
|
|
|
|
|
<div class="nav" style="width:175px;">
|
|
|
|
|
|
<div style="background-color: #ccc;color:#0098fb" disabled="disabled"><span class="glyphicon glyphicon-arrow-down"></span>动态独享IP<span class="glyphicon glyphicon-arrow-down"></span></div>
|
|
|
|
|
|
@foreach (var item in Model)
|
|
|
|
|
|
{
|
|
|
|
|
|
if(item.Product.Id == 18) {
|
2024-03-01 11:23:28 +08:00
|
|
|
|
<div class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">@item.Product.Name<span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">超快</span></div>
|
2023-07-29 10:19:42 +08:00
|
|
|
|
}
|
|
|
|
|
|
else if(item.Product.Id == 14) {
|
|
|
|
|
|
<div class="dropdown">
|
2023-08-26 17:31:44 +08:00
|
|
|
|
<div style="font-size: 18px;" class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">@item.Product.Name</div>
|
|
|
|
|
|
|
2023-07-29 10:19:42 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
}
|
2024-01-02 14:13:19 +08:00
|
|
|
|
else if(item.Product.Id == 26) {
|
|
|
|
|
|
<div class="dropdown">
|
|
|
|
|
|
<div style="font-size: 18px;" class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id"><span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">新 </span>@item.Product.Name</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
2024-01-17 14:21:23 +08:00
|
|
|
|
else if(item.Product.Id == 27) {
|
|
|
|
|
|
<div class="dropdown">
|
|
|
|
|
|
<div style="font-size: 18px;" class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id"><span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">新 </span>@item.Product.Name</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
2024-01-05 15:16:36 +08:00
|
|
|
|
else if(item.Product.Id == 6) {
|
|
|
|
|
|
<div class="dropdown">
|
|
|
|
|
|
<div style="font-size: 18px;" class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id"><span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">新 </span>@item.Product.Name</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
2023-07-29 10:19:42 +08:00
|
|
|
|
else if(item.Product.Id == 22) {
|
|
|
|
|
|
<div class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">@item.Product.Name</div>
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
else if(item.Product.Id == 25) {
|
|
|
|
|
|
@* <div style="background-color: #ccc;color:#0098fb" disabled="disabled"><span class="glyphicon glyphicon-arrow-down"></span>静态IP<span class="glyphicon glyphicon-arrow-down"></span></div> *@
|
|
|
|
|
|
<div class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">@item.Product.Name</div>
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
else if(item.Product.Id == 23) {
|
|
|
|
|
|
<div class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">@item.Product.Name</div>
|
|
|
|
|
|
|
2024-02-02 09:27:32 +08:00
|
|
|
|
}
|
|
|
|
|
|
else if(item.Product.Id == 28) {
|
|
|
|
|
|
<div style="background-color: #ccc;color:#0098fb" disabled="disabled"><span class="glyphicon glyphicon-arrow-down"></span>静态IP<span class="glyphicon glyphicon-arrow-down"></span></div>
|
|
|
|
|
|
<div class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id"><span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">新 </span>@item.Product.Name</div>
|
|
|
|
|
|
|
2023-07-29 10:19:42 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
else if(item.Product.Id == 21) {
|
|
|
|
|
|
|
2023-08-26 17:31:44 +08:00
|
|
|
|
<div style="background-color: #ccc;color:#0098fb" disabled="disabled">
|
|
|
|
|
|
<span class="glyphicon glyphicon-arrow-down"></span>单窗口单IP<span class="glyphicon glyphicon-arrow-down"></span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="font-size: 18px;" class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">
|
|
|
|
|
|
@item.Product.Name<span style="color: #0777ff;font-weight:bold;float:right;padding-right: 5px;"></span>
|
2023-07-29 10:19:42 +08:00
|
|
|
|
</div>
|
2023-08-26 17:31:44 +08:00
|
|
|
|
|
2023-07-29 10:19:42 +08:00
|
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
|
|
|
<div class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">@item.Product.Name </div>
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2023-08-26 17:31:44 +08:00
|
|
|
|
<div class="right" style="height:auto;">
|
2023-07-29 10:19:42 +08:00
|
|
|
|
<div class="contentNew">
|
|
|
|
|
|
@foreach (var item in Model)
|
|
|
|
|
|
{
|
|
|
|
|
|
<div class="container packagebox" id="@("box"+item.Product.Id)">
|
|
|
|
|
|
<div class="container bg_taocan">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row" style="background:url(/img/products.png) no-repeat; background-size:100% 100%;">
|
|
|
|
|
|
<div class="col-lg-4" style="height:200px;padding-top:30px;padding-left:50px;">
|
2023-08-16 15:19:20 +08:00
|
|
|
|
<p class="productName">@item.Product.Name 简介：</p>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row" style="text-align: right; position: absolute; right: 50px; bottom: 2em;">
|
|
|
|
|
|
@if (user == null)
|
|
|
|
|
|
{
|
|
|
|
|
|
<button type="button" class="btn btn-warning reBuy" style="font-size:25px;">续费通道</button>
|
|
|
|
|
|
}
|
|
|
|
|
|
else
|
|
|
|
|
|
{
|
|
|
|
|
|
<a asp-action="myaccounts" asp-controller="user"><button type="button" class="btn btn-warning" style="font-size:25px;">续费通道</button></a>
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
@* <p style=" border-bottom: 2px solid #fff;font-size:16px;">@(string.Join("|",item.Packages.Select(m=>m.Name)))</p> *@
|
2023-07-29 10:19:42 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-8" style="height:200px;padding-top:30px">
|
|
|
|
|
|
@{var i = 1;}
|
|
|
|
|
|
@foreach (var str in item.Product.ContentLine)
|
|
|
|
|
|
{
|
|
|
|
|
|
if ( @item.Product.Id == 22 || @item.Product.Id == 23) {
|
|
|
|
|
|
if (i == @item.Product.ContentLine.Count()-1) {
|
|
|
|
|
|
break;
|
|
|
|
|
|
}
|
|
|
|
|
|
} else {
|
|
|
|
|
|
if (i == @item.Product.ContentLine.Count()) {
|
|
|
|
|
|
break;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
<p>@str</p>
|
|
|
|
|
|
i=i+1;
|
|
|
|
|
|
}
|
|
|
|
|
|
@if ( @item.Product.Id == 22 || @item.Product.Id == 23) {
|
|
|
|
|
|
<p style="color: #FFFF00;">@item.Product.ContentLine[@item.Product.ContentLine.Count()-2]</p>
|
|
|
|
|
|
<p style="color: #FFFF00;">@item.Product.ContentLine[@item.Product.ContentLine.Count()-1]</p>
|
|
|
|
|
|
} else {
|
|
|
|
|
|
<p style="color: #FFFF00;">@item.Product.ContentLine[@item.Product.ContentLine.Count()-1]</p>
|
|
|
|
|
|
}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2023-08-26 17:31:44 +08:00
|
|
|
|
@if(item.Product.Id == 14) { //不限速
|
|
|
|
|
|
<div style="padding-top:10px;">
|
|
|
|
|
|
<ul class="nav nav-tabs nav-justified" style="margin:0 0 0 50px;cursor: pointer;">
|
|
|
|
|
|
<li id="tabttzx" style="border:1px solid #ccc" class="active">
|
|
|
|
|
|
<a onclick="ttzhizun()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">尊享版-不限速</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li style="border:1px solid #ccc" id="tabttgj">
|
|
|
|
|
|
<a onclick="ttgaoji()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">高级版-限速4M</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li style="border:1px solid #ccc" id="tabttpt">
|
|
|
|
|
|
<a onclick="ttputong()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">普通版-限速2M</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
2024-01-02 14:13:19 +08:00
|
|
|
|
@if(item.Product.Id == 26) { //不限速
|
|
|
|
|
|
<div style="padding-top:10px;">
|
|
|
|
|
|
<ul class="nav nav-tabs nav-justified" style="margin:0 0 0 50px;cursor: pointer;">
|
|
|
|
|
|
<li id="tablbzx" style="border:1px solid #ccc" class="active">
|
|
|
|
|
|
<a onclick="lbzhizun()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">尊享版-不限速</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li style="border:1px solid #ccc" id="tablbgj">
|
2024-02-19 14:30:22 +08:00
|
|
|
|
<a onclick="lbgaoji()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">高级版-限速6M</a>
|
2024-01-02 14:13:19 +08:00
|
|
|
|
</li>
|
|
|
|
|
|
<li style="border:1px solid #ccc" id="tablbpt">
|
|
|
|
|
|
<a onclick="lbputong()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">普通版-限速2M</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
2024-01-05 15:16:36 +08:00
|
|
|
|
@if(item.Product.Id == 6) { //不限速
|
|
|
|
|
|
<div style="padding:10px 170px;">
|
|
|
|
|
|
<ul class="nav nav-tabs nav-justified" style="margin:0 0 0 50px;cursor: pointer;">
|
|
|
|
|
|
<li id="xfgaoji" style="border:1px solid #ccc" class="active">
|
2024-01-09 11:32:34 +08:00
|
|
|
|
<a onclick="xfgaoji()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">高级-6M</a>
|
2024-01-05 15:16:36 +08:00
|
|
|
|
</li>
|
|
|
|
|
|
<li style="border:1px solid #ccc" id="xfduxiang">
|
2024-01-09 11:32:34 +08:00
|
|
|
|
<a onclick="xfduxiang()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">优享-10M</a>
|
2024-01-05 15:16:36 +08:00
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
2024-01-17 14:21:23 +08:00
|
|
|
|
@if(item.Product.Id == 27) { //不限速
|
|
|
|
|
|
<div style="padding:10px 10px;">
|
|
|
|
|
|
<ul class="nav nav-tabs nav-justified" style="margin:0 0 0 50px;cursor: pointer;">
|
|
|
|
|
|
<li id="qldt1" style="border:1px solid #ccc" class="active">
|
2024-02-01 17:43:16 +08:00
|
|
|
|
<a onclick="qldt1()" style="color: #009966;width:250px;background:rgba(0,0,0,0)">2M</a>
|
2024-01-17 14:21:23 +08:00
|
|
|
|
</li>
|
|
|
|
|
|
<li style="border:1px solid #ccc" id="qldt5">
|
|
|
|
|
|
<a onclick="qldt5()" style="color: #009966;width:250px;background:rgba(0,0,0,0)">5M</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li style="border:1px solid #ccc" id="qldt10">
|
|
|
|
|
|
<a onclick="qldt10()" style="color: #009966;width:250px;background:rgba(0,0,0,0)">10M</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li style="border:1px solid #ccc" id="qldt20">
|
|
|
|
|
|
<a onclick="qldt20()" style="color: #009966;width:250px;background:rgba(0,0,0,0)">20M</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
2023-11-21 15:30:41 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@* @if(item.Product.Id == 18){
|
|
|
|
|
|
<p class="youhuiNew" style="color: #0066CC;margin:0;padding:0;">蘑菇IP双十一活动：周卡送3天，月卡送10天，双月卡送一个月，不限制账号个数。截止时间：11月20日。</p>
|
|
|
|
|
|
} *@
|
2023-07-29 10:19:42 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@if(item.Product.Id == 20){
|
|
|
|
|
|
<p class="youhuiNew" style="color: #0066CC;margin:0;padding:0;">购买后请联系客服授权登录<br>仅电脑支持单窗口单ip，手机端为全局代理，需求几个窗口就买几个连接数</p>
|
|
|
|
|
|
<p style="text-align:center;color:#0066CC;margin:0;" data-toggle="modal" data-target="#myModal"><a>点击查看各版本区别</a></p>
|
2023-08-26 17:31:44 +08:00
|
|
|
|
<div style="padding:5px 270px;">
|
|
|
|
|
|
<ul class="nav nav-tabs nav-justified" style="margin-top:0;">
|
|
|
|
|
|
<li id="tabwjdxpc" style="border:1px solid #ccc" class="active">
|
|
|
|
|
|
<a onclick="wjdxpc()" style="color: #FF9900;width:300px;background:rgba(0,0,0,0)">电脑</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li id="tabwjdxsj" style="border:1px solid #ccc">
|
|
|
|
|
|
<a onclick="wjdxphone()" style="color: #FF9900;width:300px;background:rgba(0,0,0,0)">安卓/苹果</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="padding-top:10px;padding:0 270px;">
|
2023-07-29 10:19:42 +08:00
|
|
|
|
<ul class="nav nav-tabs nav-justified" style="margin-top:0;">
|
2023-08-26 17:31:44 +08:00
|
|
|
|
<li id="wjdxpt" style="border:1px solid #ccc" class="active"><a style="width: 300px;color: #009966;background:rgba(0,0,0,0)" onclick="wjdxpt()">普通版-5兆</a></li>
|
|
|
|
|
|
<li id="wjdxgd" style="border:1px solid #ccc"><a style="width: 300px;color: #009966;background:rgba(0,0,0,0)" onclick="wjdxgj()">高端版-10兆</a></li>
|
2023-07-29 10:19:42 +08:00
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
|
|
|
|
<div class="modal-dialog" style="width: 1250px;">
|
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
|
|
|
|
<h4 class="modal-title" id="myModalLabel">无极产品类型</h4>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="modal-body"><img src="https://54nb.com/images/pay.png"/></div>
|
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div><!-- /.modal-content -->
|
|
|
|
|
|
</div><!-- /.modal -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@if(item.Product.Id == 21){
|
|
|
|
|
|
<p class="youhuiNew" style="color: #0066CC;margin:0;padding:0;">购买后请联系客服授权登录<br>仅电脑支持单窗口单ip，手机端为全局代理，需求几个窗口就买几个连接数</p>
|
|
|
|
|
|
<p style="text-align:center;color:#0066CC;margin:0;" data-toggle="modal" data-target="#myModals"><a>点击查看各版本区别</a></p>
|
2023-08-26 17:31:44 +08:00
|
|
|
|
|
|
|
|
|
|
<div style="padding-top:10px;padding:5px 270px;">
|
2023-07-29 10:19:42 +08:00
|
|
|
|
<ul class="nav nav-tabs nav-justified" style="margin-top:0;">
|
2023-08-26 17:31:44 +08:00
|
|
|
|
<li id="tabwjgxpc" style="border:1px solid #ccc" class="active">
|
|
|
|
|
|
<a onclick="wjgxpc()" style="color: #FF9900;width:300px;background:rgba(0,0,0,0)">电脑</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li id="tabwjgxsj" style="border:1px solid #ccc">
|
|
|
|
|
|
<a onclick="wjgxphone()" style="color: #FF9900;width:300px;background:rgba(0,0,0,0)">安卓/苹果</a>
|
|
|
|
|
|
</li>
|
2023-07-29 10:19:42 +08:00
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
2023-08-26 17:31:44 +08:00
|
|
|
|
<div style="padding-top:10px;padding:0 270px;">
|
|
|
|
|
|
<ul class="nav nav-tabs nav-justified" style="margin-top:0;">
|
|
|
|
|
|
<li id="wjgxpt" class="active" style="border:1px solid #ccc"><a style="width: 300px;color: #009966;background:rgba(0,0,0,0)" onclick="wjgxpt()">普通版</a></li>
|
|
|
|
|
|
<li id="wjgxgd" style="border:1px solid #ccc"><a style="width: 300px;color: #009966;background:rgba(0,0,0,0)" onclick="wjgxgj()">极速版</a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
2023-07-29 10:19:42 +08:00
|
|
|
|
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
|
|
|
|
<div class="modal-dialog" style="width: 1250px;">
|
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
|
|
|
|
<h4 class="modal-title" id="myModalLabel">无极产品类型</h4>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="modal-body"><img src="https://54nb.com/images/pay.png"/></div>
|
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div><!-- /.modal-content -->
|
|
|
|
|
|
</div><!-- /.modal -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
2024-02-01 17:43:16 +08:00
|
|
|
|
|
|
|
|
|
|
@if(item.Product.Id == 5){
|
|
|
|
|
|
<div class="text-center" style="color:red;">
|
|
|
|
|
|
<p>本产品将下架，目前大部分地区已停止维护，1月底将全部下架，请慎重购买</p>
|
|
|
|
|
|
<p>如剩余服务器不能满足您的需求，可联系在线客服帮您更换产品</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
|
|
|
|
|
@if(item.Product.Id == 6){
|
|
|
|
|
|
<div class="text-center">
|
|
|
|
|
|
<p style="font-weight:bold">支持腾讯业务线路请参考：<a target="_blank" href="https://kdocs.cn/l/cnvfPARaXomC">https://kdocs.cn/l/cnvfPARaXomC</a></p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
2023-07-29 10:19:42 +08:00
|
|
|
|
|
|
|
|
|
|
|
2024-02-01 17:43:16 +08:00
|
|
|
|
|
|
|
|
|
|
@if(item.Product.Id != 28){
|
|
|
|
|
|
<div class="card" style="margin-top:30px;">
|
|
|
|
|
|
<div style="display: flex;margin: 0 auto;">
|
2023-07-29 10:19:42 +08:00
|
|
|
|
|
2024-02-01 17:43:16 +08:00
|
|
|
|
@if(item.Product.TenantId == 1157 && item.Product.Content=="0" && item.Product.Id != 14&& item.Product.Id != 26&& item.Product.Id != 6&& item.Product.Id != 27){
|
|
|
|
|
|
<div class="item packageitem" a-test="true" id="@("pkgtest"+item.Product.Id)" a-pkg-id="@item.Product.Id">
|
|
|
|
|
|
<p><span class="price">免费</span></p>
|
|
|
|
|
|
<p class="yuanjia" style="color: #FF9900;text-decoration:none;"><span>@restStatus</span></p>
|
|
|
|
|
|
<p>@restTimes</p>
|
2023-08-26 17:31:44 +08:00
|
|
|
|
<div class="pkgNameCard">
|
2024-02-01 17:43:16 +08:00
|
|
|
|
<p class="tianka" style="font-size:17px;color:white;">测试卡</p>
|
2023-08-26 17:31:44 +08:00
|
|
|
|
<p class="qixian">使用期限:1小时</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<img src="~/img/check.png" class="cardCheck">
|
2023-07-29 10:19:42 +08:00
|
|
|
|
</div>
|
2023-08-26 17:31:44 +08:00
|
|
|
|
}
|
2023-07-29 10:19:42 +08:00
|
|
|
|
|
2024-02-01 17:43:16 +08:00
|
|
|
|
@foreach (var package in item.Packages.Where(m => (m.IsTest == 0 && m.Status == 1) || (m.ProductId==14 && m.Status == 1) || (m.ProductId==26 && m.Status == 1)|| (m.ProductId==6 && m.Status == 1)|| (m.ProductId==27 && m.Status == 1) ).OrderBy(m => m.TenantId))
|
|
|
|
|
|
{
|
|
|
|
|
|
@if(package.Title != "0"){
|
|
|
|
|
|
<style>
|
|
|
|
|
|
.packageitem-@package.Id{
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.packageitem-@package.Id::before {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0.3rem;
|
|
|
|
|
|
left: -0.5rem;
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
padding-right: 0.625rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 0px;
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
height: 0px;
|
|
|
|
|
|
border: 1.2rem solid #0777ff;
|
|
|
|
|
|
border-right-color: transparent;
|
|
|
|
|
|
content: "@package.Title 折";
|
|
|
|
|
|
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.packageitem-@package.Id::after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 2.1875rem;
|
|
|
|
|
|
left: -0.5rem;
|
|
|
|
|
|
border: 0.25rem solid #0777ff;
|
|
|
|
|
|
border-left-color: transparent;
|
|
|
|
|
|
border-bottom-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@if(package.Price == 0.1M){
|
|
|
|
|
|
|
|
|
|
|
|
<div class="item packageitem packageitem1" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
|
|
|
|
|
|
|
|
|
|
|
|
|
2023-08-26 17:31:44 +08:00
|
|
|
|
<p><span class="price">@package.Price</span>元</p>
|
2024-02-01 17:43:16 +08:00
|
|
|
|
<p class="yuanjia" style="color: #FF9900;">原价：<span>@package.LinePrice</span>元</p>
|
|
|
|
|
|
<p> </p>
|
|
|
|
|
|
<div class="pkgNameCard" style="background-color:#FF9933">
|
|
|
|
|
|
<p class="tianka" style="font-size:17px;color:white;">@package.Name</p>
|
|
|
|
|
|
<p class="qixian">@package.Profile</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<img src="~/img/check.png" class="cardCheck">
|
2023-08-26 17:31:44 +08:00
|
|
|
|
</div>
|
2024-02-01 17:43:16 +08:00
|
|
|
|
}
|
|
|
|
|
|
else if(package.ProductId == 18 && package.Title=="0"){
|
|
|
|
|
|
|
|
|
|
|
|
<div class="item packageitem packageitem2" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
|
2023-07-29 10:19:42 +08:00
|
|
|
|
|
2023-08-26 17:31:44 +08:00
|
|
|
|
<p><span class="price">@package.Price</span>元</p>
|
2024-02-01 17:43:16 +08:00
|
|
|
|
<p class="yuanjia" style="color: #FF9900;">原价：<span>@package.LinePrice</span>元</p>
|
|
|
|
|
|
<p> </p>
|
|
|
|
|
|
<div class="pkgNameCard" style="background-color:#0777ff;padding: 15px 0;">
|
|
|
|
|
|
<p class="tianka" style="font-size:17px;color:white;">@package.Name</p>
|
|
|
|
|
|
<p class="qixian">@package.Profile</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<img src="~/img/check.png" class="cardCheck">
|
2023-08-26 17:31:44 +08:00
|
|
|
|
</div>
|
2024-02-01 17:43:16 +08:00
|
|
|
|
} else if((package.Id == 89||package.Id == 1034||package.Id == 1115||package.Id == 1121||package.Id == 1127||package.Id == 1133||package.Id == 1040||package.Id == 1097||package.Id == 1094||package.Id == 1103||package.Id == 60||package.Id == 1114)&&package.IsTest==1){
|
|
|
|
|
|
|
|
|
|
|
|
<div class="item packageitem" a-test="true" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
|
|
|
|
|
|
<p><span class="price">@package.Price</span>元</p>
|
|
|
|
|
|
<p class="yuanjia" style="color: #FF9900;">原价：<span>@package.LinePrice</span>元</p>
|
|
|
|
|
|
<p> </p>
|
|
|
|
|
|
<div class="pkgNameCard">
|
|
|
|
|
|
<p class="tianka" style="font-size:17px;color:white;">@package.Name</p>
|
|
|
|
|
|
<p class="qixian">使用期限:1小时</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<img src="~/img/check.png" class="cardCheck">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
|
|
|
|
|
else if(package.Title!="0"){
|
|
|
|
|
|
|
|
|
|
|
|
<div class="item packageitem packageitem-@package.Id" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@if((package.Id == 64||package.Id == 1004)&&package.Price<60){
|
|
|
|
|
|
<p><span class="price">60.00</span>元</p>
|
|
|
|
|
|
} else {
|
|
|
|
|
|
<p><span class="price">@package.Price</span>元</p>
|
|
|
|
|
|
}
|
|
|
|
|
|
<p class="yuanjia" style="color: #FF9900;">原价：<span>@package.LinePrice</span>元</p>
|
|
|
|
|
|
<p> </p>
|
|
|
|
|
|
<div class="pkgNameCard" style="background-color:#0777ff;padding: 15px 0;">
|
|
|
|
|
|
<p class="tianka" style="font-size:17px;color:white;">@package.Name</p>
|
|
|
|
|
|
<p class="qixian">@package.Profile</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<img src="~/img/check.png" class="cardCheck">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
|
|
|
|
|
|
|
|
|
<div class="item " id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@if((package.Id == 64||package.Id == 1004)&&package.Price<60){
|
|
|
|
|
|
<p><span class="price">60.00</span>元</p>
|
|
|
|
|
|
} else {
|
|
|
|
|
|
<p><span class="price">@package.Price</span>元</p>
|
|
|
|
|
|
}
|
|
|
|
|
|
<p class="yuanjia" style="color: #FF9900;">原价：<span>@package.LinePrice</span>元</p>
|
|
|
|
|
|
<p> </p>
|
|
|
|
|
|
<div class="pkgNameCard" style="background-color:#0777ff;padding: 15px 0;">
|
|
|
|
|
|
<p class="tianka" style="font-size:17px;color:white;">@package.Name</p>
|
|
|
|
|
|
<p class="qixian">@package.Profile</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<img src="~/img/check.png" class="cardCheck">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
2023-08-26 17:31:44 +08:00
|
|
|
|
}
|
2024-02-01 17:43:16 +08:00
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="margin-left:26%">
|
|
|
|
|
|
<div style="border: 1px dashed #ccc;margin-top:30px;width:50%;margin-left: 63px;background-color:#0777ff">
|
|
|
|
|
|
<p class="youhuiNew" style="padding-bottom:0px;color:white;">温馨提示：需求5个以上，可以联系客服设置优惠价</p>
|
|
|
|
|
|
<p class="youhuiNew" style="padding-top:0px;padding-bottom:0px;color:white;">退款规则：购买价格 - 使用天数 * 天卡价格</p>
|
|
|
|
|
|
@if(item.Product.Id == 21 ||item.Product.Id == 20){
|
|
|
|
|
|
<p class="youhuiNew" style="padding-top:0px;padding-bottom:0px;color:white;">无极所有产品均不支持退款，请先开天卡测试</p>
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@if (user == null)
|
|
|
|
|
|
{
|
|
|
|
|
|
<p class="tijiao"><button type="button" class="btn btn-primary login">提交</button></p>
|
|
|
|
|
|
}
|
|
|
|
|
|
else
|
|
|
|
|
|
{
|
|
|
|
|
|
<p class="tijiao"><button type="button" class="btn btn-primary btn-submit">提交</button></p>
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
|
|
|
|
|
<div style="padding-left:100px;">
|
|
|
|
|
|
<div id="app" class="qilinjingtai" style="display:none;">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-sm-10 col-md-6 margin-top-30">
|
|
|
|
|
|
<div class="panel panel-info relative">
|
|
|
|
|
|
<div class="panel-heading">
|
|
|
|
|
|
<h3 class="text-center">拨号线路(静态)</h3>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row text-center" >
|
|
|
|
|
|
<div class="col-sm-6" style="padding:10px 0;">
|
|
|
|
|
|
<h4 style="padding:10px;color:#00a63f;">静态专线介绍</h4>
|
|
|
|
|
|
<p>运营商专线宽带,自营机房<span class="glyphicon glyphicon-ok" style=" color:#00a63f; float:right;"></span></p>
|
2024-02-22 17:26:33 +08:00
|
|
|
|
<p>大出口流量,直播/项目首选<span class="glyphicon glyphicon-ok" style=" color:#00a63f; float:right;"></span></p>
|
2024-02-01 17:43:16 +08:00
|
|
|
|
<p>全新vpn隧道,安全可靠<span class="glyphicon glyphicon-ok " style=" color:#00a63f; float:right;"></span></p>
|
|
|
|
|
|
<p>全局代理不易发现<span class="glyphicon glyphicon-ok" style=" color:#00a63f; float:right;"></span></p>
|
|
|
|
|
|
<p>IP周期性变化<span class="glyphicon glyphicon-ok" style=" color:#00a63f; float:right;"></span></p>
|
|
|
|
|
|
<p>精选超20000条不同线路<span class="glyphicon glyphicon-ok" style=" color:#00a63f; float:right;"></span></p>
|
|
|
|
|
|
<p>Ros/爱快/路由器/手机/电脑<span class="glyphicon glyphicon-ok" style=" color:#00a63f; float:right;"></span></p>
|
|
|
|
|
|
<p>华为级维护专员7*24小时服务<span class="glyphicon glyphicon-ok" style=" color:#00a63f; float:right;"></span></p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-6" style="background:#ccc;padding:10px 0;">
|
|
|
|
|
|
<h4 style="padding:10px;color:#00a63f;">传统socks5</h4>
|
|
|
|
|
|
<p><span class="glyphicon glyphicon-remove" style=" color:red; float:left;"></span> 天翼云,各种云线路</p>
|
|
|
|
|
|
<p><span class="glyphicon glyphicon-remove" style=" color:red; float:left;"></span>低带宽出口,共享严重,线路拥挤</p>
|
|
|
|
|
|
<p><span class="glyphicon glyphicon-remove" style=" color:red; float:left;"></span>传统协议,波动大,延迟大</p>
|
|
|
|
|
|
<p><span class="glyphicon glyphicon-remove" style=" color:red; float:left;"></span>系统局部代理,易发现,易封号</p>
|
|
|
|
|
|
<p><span class="glyphicon glyphicon-remove" style=" color:red; float:left;"></span>-</p>
|
|
|
|
|
|
<p><span class="glyphicon glyphicon-remove" style=" color:red; float:left;"></span>容量一般只有2-3000线路</p>
|
|
|
|
|
|
<p><span class="glyphicon glyphicon-remove" style=" color:red; float:left;"></span>电脑/手机</p>
|
|
|
|
|
|
<p><span class="glyphicon glyphicon-remove" style=" color:red; float:left;"></span>售后困难,处理时间漫长</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-on:click="qilinjt()" class="panel-footer text-center " style="background-color:#00a63f;color:white;padding:20px;font-size:20px;cursor: pointer">
|
|
|
|
|
|
立即购买
|
2023-08-26 17:31:44 +08:00
|
|
|
|
</div>
|
2023-07-29 10:19:42 +08:00
|
|
|
|
</div>
|
2024-02-01 17:43:16 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-sm-10 col-md-6 margin-top-30">
|
|
|
|
|
|
<div class="panel panel-info relative">
|
|
|
|
|
|
<div class="panel-heading">
|
|
|
|
|
|
<h3 class="text-center">水滴专线(固态)</h3>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row text-center" >
|
|
|
|
|
|
<div class="col-sm-6" style="padding:10px 0;">
|
|
|
|
|
|
<h4 style="padding:10px;color:#00a63f;">固态专线介绍</h4>
|
|
|
|
|
|
<p>运营商专线宽带,更稳定<span class="glyphicon glyphicon-ok" style=" color:#00a63f; float:right;"></span></p>
|
|
|
|
|
|
<p>全新vpn隧道,安全可靠<span class="glyphicon glyphicon-ok" style=" color:#00a63f; float:right;"></span></p>
|
2024-02-22 17:26:33 +08:00
|
|
|
|
<p>全局代理,为项目而生<span class="glyphicon glyphicon-ok " style=" color:#00a63f; float:right;"></span></p>
|
2024-02-01 17:43:16 +08:00
|
|
|
|
<p>IP永久固定不变<span class="glyphicon glyphicon-ok" style=" color:#00a63f; float:right;"></span></p>
|
|
|
|
|
|
<p>精选超10000条不同线路<span class="glyphicon glyphicon-ok" style=" color:#00a63f; float:right;"></span></p>
|
|
|
|
|
|
<p>Ros/爱快/路由器/手机/电脑<span class="glyphicon glyphicon-ok" style=" color:#00a63f; float:right;"></span></p>
|
|
|
|
|
|
<p>华为级维护专员7*24小时服务<span class="glyphicon glyphicon-ok" style=" color:#00a63f; float:right;"></span></p>
|
|
|
|
|
|
<p> </p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-6" style="background:#ccc;padding:10px 0;">
|
|
|
|
|
|
<h4 style="padding:10px;color:#00a63f;">传统socks5</h4>
|
|
|
|
|
|
<p><span class="glyphicon glyphicon-remove" style=" color:red; float:left;"></span> 天翼云,各种云线路</p>
|
|
|
|
|
|
<p><span class="glyphicon glyphicon-remove" style=" color:red; float:left;"></span>传统socks5协议,波动大,延迟大</p>
|
|
|
|
|
|
<p><span class="glyphicon glyphicon-remove" style=" color:red; float:left;"></span>系统局部代理,易发现,易封号</p>
|
|
|
|
|
|
<p><span class="glyphicon glyphicon-remove" style=" color:red; float:left;"></span>-</p>
|
|
|
|
|
|
<p><span class="glyphicon glyphicon-remove" style=" color:red; float:left;"></span>容量一般只有2-3000线路</p>
|
|
|
|
|
|
<p><span class="glyphicon glyphicon-remove" style=" color:red; float:left;"></span>电脑/手机</p>
|
|
|
|
|
|
<p><span class="glyphicon glyphicon-remove" style=" color:red; float:left;"></span>售后困难,处理时间漫长</p>
|
|
|
|
|
|
<p> </p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-on:click="qilingt()" class="panel-footer text-center " style="background-color:#00a63f;color:white;padding:20px;font-size:20px;cursor: pointer">
|
|
|
|
|
|
立即购买
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Modal -->
|
|
|
|
|
|
<div class="modal fade" id="pay_qilin" data-backdrop="static" style="z-index:10000;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
|
|
|
|
<div class="modal-dialog" style="width:500px;" role="document">
|
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
|
|
|
<h4 class="modal-title text-center" id="myModalLabel">水滴-购买支付</h4>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="modal-body text-center">
|
|
|
|
|
|
<p>购买账号数量:{{order_info.buy_num}} 待支付金额:￥{{order_info.price}}</p>
|
|
|
|
|
|
<p>我的余额:￥ @(restAmout) <a href="/User/Index">前往充值</a></p>
|
|
|
|
|
|
<p>支付方式:
|
|
|
|
|
|
<input id="balance_s1" type="radio" v-model="order_info.pay_type" name="OPayType" value="10" > <label for="balance_s1">余额支付</label>
|
|
|
|
|
|
<input id="zhifubaopay_s1" type="radio" v-model="order_info.pay_type" name="OPayType" value="100" checked ><label for="zhifubaopay_s1"> <img src="~/img/zfb.png">支付宝支付</label>
|
|
|
|
|
|
<input id="weixinpay_s1" type="radio" v-model="order_info.pay_type" name="OPayType" value="70" > <label for="weixinpay_s1"><img src="~/img/wx.png">微信支付</label>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<p><button class="btn btn-new" v-on:click="pay()">确认支付</button></p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2024-02-02 09:27:32 +08:00
|
|
|
|
<div class="modal fade" id="staticBackdrop" style="z-index:100000;" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
|
2024-02-01 17:43:16 +08:00
|
|
|
|
<div class="modal-dialog">
|
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
|
<h5 class="modal-title" id="staticBackdropLabel">微信扫码支付</h5>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="modal-body" id="qrcode_s" style="margin: 0 auto;">
|
2023-08-16 15:19:20 +08:00
|
|
|
|
|
|
|
|
|
|
</div>
|
2024-02-01 17:43:16 +08:00
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
|
<button type="button" v-on:click="verifyed" class="btn btn-primary">我已付款</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2023-07-29 10:19:42 +08:00
|
|
|
|
</div>
|
2024-02-01 17:43:16 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="alipay"></div>
|
|
|
|
|
|
<div class="modal fade" id="qilinbuy" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
|
|
|
|
<div class="modal-dialog" style="width:1200px;" role="document">
|
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
|
|
|
<h4 class="modal-title text-center" id="myModalLabel">{{qilin.title}}</h4>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="modal-body ">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-sm-12 col-md-4" style="border:1px solid #ccc;line-height:200%;">
|
|
|
|
|
|
<div class="row" style="padding:5px;">
|
|
|
|
|
|
<div class="col-sm-4">
|
|
|
|
|
|
套餐类型：
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
|
<div class="btn-group" role="group" aria-label="...">
|
2024-02-19 14:30:22 +08:00
|
|
|
|
<button type="button" id="jinyougame" v-on:click="game()" class="btn btn-new btn-sm">项目独享</button>
|
2024-02-01 17:43:16 +08:00
|
|
|
|
<button type="button" id="jinyouline" v-on:click="line()" class="btn btn-default btn-sm">线路独享</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row " style="padding:5px;">
|
|
|
|
|
|
<div class="col-sm-4">
|
2024-02-19 14:30:22 +08:00
|
|
|
|
项目选择：
|
2024-02-01 17:43:16 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-8">
|
2024-02-23 14:24:31 +08:00
|
|
|
|
<select class="form-control selectpicker" data-live-search="true" v-model="qilin.game_id" @@change="select_game" style="height:30px;font-size:15px;">
|
2024-02-19 14:30:22 +08:00
|
|
|
|
<option value="0">-请选择项目-</option>
|
2024-02-01 17:43:16 +08:00
|
|
|
|
<option v-for="item in game_list" :value="item.id">{{item.name}}</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row" style="padding:5px;">
|
|
|
|
|
|
<div class="col-sm-4">
|
|
|
|
|
|
线路品质：
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
|
优质尊享
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row" style="padding:5px;">
|
|
|
|
|
|
<div class="col-sm-4">
|
|
|
|
|
|
购买数量：
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
|
<div class="col-sm-10">
|
|
|
|
|
|
<input type="number" v-model="order_info.buy_num" @@change="change_num()" min=1 class="form-control" value="1">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-2" title="1.这里输入的数量可以大于等于右侧指定地区输入框中的数量总和
|
2023-07-29 10:19:42 +08:00
|
|
|
|
|
2024-02-01 17:43:16 +08:00
|
|
|
|
例如：左侧输入100条，右侧只选中了一个地区并设定了20条，那么剩余80条将平均分配至未选择的区域。
|
|
|
|
|
|
|
|
|
|
|
|
2.右侧地区不是必填的，用户不手动分配地区，那么将由系统自动分配。">
|
|
|
|
|
|
<span class="glyphicon glyphicon-question-sign"></span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row" style="padding:5px;">
|
|
|
|
|
|
<div class="col-sm-4">
|
|
|
|
|
|
账户余额：
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
|
￥@restAmout
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row" style="padding:5px;">
|
|
|
|
|
|
<div class="col-sm-4">
|
|
|
|
|
|
账号：
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
|
<div class="col-sm-10">
|
|
|
|
|
|
<input type="text" v-model="order_info.account" class="form-control" placeholder="请输入账号">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-2" title="
|
|
|
|
|
|
1.若购买数量大于1，则系统将根据用户所填账户内容生成批量账户
|
|
|
|
|
|
|
|
|
|
|
|
2.示例：填写 zhangsan，购买数量20，则会生成zhangsan1-zhangsan20">
|
|
|
|
|
|
<span class="glyphicon glyphicon-question-sign"></span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row" style="padding:5px;">
|
|
|
|
|
|
<div class="col-sm-4">
|
|
|
|
|
|
密码：
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
|
<div class="col-sm-10">
|
|
|
|
|
|
<input type="text" v-model="order_info.password" class="form-control" placeholder="请输入密码">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row" v-if="qilin.product_id == 2">
|
|
|
|
|
|
<div class="col-sm-12" style="background-color:rgb(209 236 241);padding:10px;margin:10px 0">
|
2024-02-22 17:26:33 +08:00
|
|
|
|
<p>专享专线：稳定、安全，上下行同速，告别项目延迟、卡顿。IP将长久有效<span style="color:red;">IP不变化</span>。</p>
|
2024-02-01 17:43:16 +08:00
|
|
|
|
<p>线路品质：尊享 > 砖石 > 白金 > 黄金 > 青铜，线路等级越高线路质量越好</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-sm-12" style="background-color:rgb(209 236 241);padding:10px;margin:10px 0">
|
2024-02-22 17:26:33 +08:00
|
|
|
|
<p>项目独享:单个项目所用IP保证在IP池内不会出现同款项目使用相同IP,项目真实独享。</p>
|
2024-02-01 17:43:16 +08:00
|
|
|
|
<p>线路独享:个人独享整个线路,真实独享,永远不重复。</p>
|
|
|
|
|
|
<p style="color:red;">线路切换单日限制为20次</p>
|
|
|
|
|
|
<p style="color:red;">如果没有自己想用的地区线路或线路余量不足，请联系客服上架</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row" v-if="qilin.product_id == 1">
|
|
|
|
|
|
<div class="col-sm-12" style="background-color:rgb(209 236 241);padding:10px;margin:10px 0">
|
2024-02-22 17:26:33 +08:00
|
|
|
|
<p>静态线路：稳定、安全，高带宽出口，项目、直播全搞定。IP<span style="color:red;">3-7</span>天周期性变化。</p>
|
2024-02-01 17:43:16 +08:00
|
|
|
|
<p>线路品质：尊享 > 砖石 > 白金 > 黄金 > 青铜，线路等级越高线路质量越好</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-sm-12" style="background-color:rgb(209 236 241);padding:10px;margin:10px 0">
|
2024-02-22 17:26:33 +08:00
|
|
|
|
<p>项目独享:单个项目所用IP保证在IP池内不会出现同款项目使用相同IP,项目真实独享。</p>
|
2024-02-01 17:43:16 +08:00
|
|
|
|
<p>线路独享:个人独享整个线路,真实独享,永远不重复。</p>
|
|
|
|
|
|
<p style="color:red;">线路切换单日限制为20次</p>
|
|
|
|
|
|
<p style="color:red;">如果没有自己想用的地区线路或线路余量不足，请联系客服上架</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-sm-12 col-md-8" >
|
|
|
|
|
|
<div style="border:1px solid #ccc;margin-left:3px;">
|
|
|
|
|
|
<div class="row" >
|
|
|
|
|
|
<div class="input-group col-sm-12" style="float:left;margin-left:15px;margin-top:5px;">
|
|
|
|
|
|
可用节点总数：{{province_city.surplus_out_total}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row ">
|
|
|
|
|
|
<div class="col-sm-3 text-center" style="height:470px;overflow:auto;overflow-x: hidden;">
|
|
|
|
|
|
<label style="border:1px solid #00a63f;padding:3px;width:100%;margin:2px;"><input checked name="allprovince" @@change="select_all_province()" type="checkbox"> 全部</label>
|
|
|
|
|
|
<label v-for="(item,index) in province_city.province_surplus_outs" :key="index" style="border:1px solid #00a63f;padding:3px;width:100%;margin:2px"><input v-model="province" name="province" :value="index" type="checkbox" @@change="select_province()">{{item.en_name}}({{item.total}})</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-9" style="font-size:13px;height:453px;overflow:auto;">
|
|
|
|
|
|
<div class="col-sm-4 diqu" v-for="item in citys" style="padding:5px;">
|
|
|
|
|
|
<div style="border:1px solid #ddd;padding:5px;">
|
|
|
|
|
|
<p v-if="item.isp_class == 0" style="padding:0;margin:0;white-space: nowrap;overflow:hidden;"><span class="glyphicon glyphicon-asterisk " style="color:#00a63f;overflow:hidden;"></span>[多线]{{item.name}}</p>
|
|
|
|
|
|
<p v-else-if="item.isp_class == 1" style="padding:0;margin:0;white-space: nowrap;overflow:hidden;"><span class="glyphicon glyphicon-asterisk " style="color:#00a63f;overflow:hidden;"></span>[电信]{{item.name}}</p>
|
|
|
|
|
|
<p v-else-if="item.isp_class == 2" style="padding:0;margin:0;white-space: nowrap;overflow:hidden;"><span class="glyphicon glyphicon-asterisk " style="color:#00a63f;overflow:hidden;"></span>[联通]{{item.name}}</p>
|
|
|
|
|
|
<p v-else-if="item.isp_class == 3" style="padding:0;margin:0;white-space: nowrap;overflow:hidden;"><span class="glyphicon glyphicon-asterisk " style="color:#00a63f;overflow:hidden;"></span>[移动]{{item.name}}</p>
|
|
|
|
|
|
<p v-else style="padding:0;margin:0;white-space: nowrap;overflow:hidden;"><span class="glyphicon glyphicon-asterisk " style="color:#00a63f;overflow:hidden;"></span>[未知]{{item.name}}</p>
|
|
|
|
|
|
<hr style="margin:0;">
|
|
|
|
|
|
<p style="padding:0;margin:0;">余量:{{item.total}} 延迟:{{item.ping}}ms</p>
|
|
|
|
|
|
<p style="padding:0;margin:0;">分配数量:<input type="number" min=0 value="0" :class="item.province+'-'+item.city+'-'+item.rid+'-100'" @@change="selsect_adddr_num(item.province+'-'+item.city+'-'+item.rid+'-100')" :max="item.total" style="width:50%;color:black;background:white;"></p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="border:1px solid #ccc;margin-left:3px;margin-top:5px;">
|
|
|
|
|
|
<div class="row " style="padding:5px;">
|
|
|
|
|
|
<div class="col-sm-2">
|
|
|
|
|
|
带宽选择：
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-10">
|
|
|
|
|
|
<div v-if="this.qilin.is_unshar == 0" class="btn-group" role="group" aria-label="...">
|
|
|
|
|
|
<button v-for="(item,index) in package_list.game" :key="index" :class="'package-type-game-'+index" v-on:click="package_click('package-type-game-'+index,'game')" type="button" class="btn btn-default btn-sm">
|
|
|
|
|
|
<span v-if="index == 'test'">测试</span>
|
|
|
|
|
|
<span v-else>{{index}}</span>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div v-if="this.qilin.is_unshar == 1" class="btn-group" role="group" aria-label="...">
|
|
|
|
|
|
<button v-for="(item,index) in package_list.line" :key="index" :class="'package-type-line-'+index" v-on:click="package_click('package-type-line-'+index,'line')" type="button" class="btn btn-default btn-sm">
|
|
|
|
|
|
<span v-if="index == 'test'">测试</span>
|
|
|
|
|
|
<span v-else>{{index}}</span>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row " style="padding:5px;">
|
|
|
|
|
|
<div class="col-sm-2">
|
|
|
|
|
|
时长选择：
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-10">
|
|
|
|
|
|
<div class="btn-group" role="group" aria-label="...">
|
|
|
|
|
|
<button v-for="item in package_info_list" type="button" :class="'package-name-'+item.Id" v-on:click="package_name_click('package-name-'+item.Id,item.Id)" class="btn btn-default btn-sm">{{item.package_name}}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row " style="padding:5px;">
|
|
|
|
|
|
<div class="col-sm-2">
|
|
|
|
|
|
应付金额：
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-10">
|
|
|
|
|
|
<span>￥{{order_info.price}}</span>
|
|
|
|
|
|
<button style="float:right;margin-right:50px;" v-on:click="pay_page()" class="btn btn-new">购买</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2023-07-29 10:19:42 +08:00
|
|
|
|
</div>
|
2024-02-01 17:43:16 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2023-07-29 10:19:42 +08:00
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="clear"></div>
|
|
|
|
|
|
<div class="warning">
|
|
|
|
|
|
<div class="panel panel-default">
|
|
|
|
|
|
<div class="panel-body text-center" style="font-size: 20px;">
|
|
|
|
|
|
请先选择产品套餐^.^
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p class="text-center">
|
|
|
|
|
|
<button type="button" class="btn btn-danger quxiao" onclick="$('.warning').hide();$('#hidebg').hide();">我明白了</button>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@section Scripts{
|
2024-02-01 17:43:16 +08:00
|
|
|
|
|
|
|
|
|
|
<script src="~/js/vue.js"></script>
|
2024-02-02 09:27:32 +08:00
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/qrcodejs/1.0.0/qrcode.min.js"></script>
|
2024-02-23 14:24:31 +08:00
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/css/bootstrap-select.min.css">
|
|
|
|
|
|
|
|
|
|
|
|
<!-- (Optional) Latest compiled and minified JavaScript translation files -->
|
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/i18n/defaults-zh_CN.min.js"></script>
|
|
|
|
|
|
<!-- Latest compiled and minified JavaScript -->
|
|
|
|
|
|
<script src="/js/bootstrap-select.js"></script>
|
|
|
|
|
|
|
2024-02-01 17:43:16 +08:00
|
|
|
|
<script type="text/javascript">
|
2024-02-23 14:24:31 +08:00
|
|
|
|
$(function () {
|
|
|
|
|
|
app.game();
|
|
|
|
|
|
});
|
2024-02-01 17:43:16 +08:00
|
|
|
|
var app = new Vue({
|
|
|
|
|
|
el: '#app',
|
|
|
|
|
|
data: {
|
|
|
|
|
|
qilin:{
|
|
|
|
|
|
'title':'购买水滴专线-固态(比sk5更稳定、安全的路由级代理)',
|
2024-02-22 17:26:33 +08:00
|
|
|
|
'is_unshar':0, // 0 项目独享 1 线路独享
|
2024-02-01 17:43:16 +08:00
|
|
|
|
'game_id':0,
|
|
|
|
|
|
'product_id':1,//1静态 2固态
|
|
|
|
|
|
},
|
|
|
|
|
|
game_list:[],
|
|
|
|
|
|
province_city:{},
|
|
|
|
|
|
province:[],
|
|
|
|
|
|
citys:[],
|
|
|
|
|
|
package_list:[],
|
|
|
|
|
|
package_info_list:[],
|
|
|
|
|
|
order_info:{
|
|
|
|
|
|
pay_type:10,
|
|
|
|
|
|
type:0,//类型,0:静态;1:专线;
|
|
|
|
|
|
package_id:'',
|
|
|
|
|
|
game_id:'',
|
|
|
|
|
|
buy_num:1,
|
|
|
|
|
|
price:'',
|
|
|
|
|
|
account:'',
|
|
|
|
|
|
password:'',
|
|
|
|
|
|
product_info:[]
|
|
|
|
|
|
},
|
|
|
|
|
|
},
|
|
|
|
|
|
computed: {
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
watch: {
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
created: function () {
|
|
|
|
|
|
this.order_info.account = this.randomString(2) + (Math.floor(Math.random() * 1000) + 1);
|
|
|
|
|
|
this.order_info.password = (Math.floor(Math.random() * 1000) + 1);
|
|
|
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
|
|
|
randomString(len) {
|
|
|
|
|
|
len = len || 32;
|
|
|
|
|
|
var $chars = 'abcdefhijkmnprstwxy';
|
|
|
|
|
|
var maxPos = $chars.length;
|
|
|
|
|
|
var pwd = '';
|
|
|
|
|
|
for (i = 0; i < len; i++) {
|
|
|
|
|
|
pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
|
|
|
|
|
|
}
|
|
|
|
|
|
return pwd;
|
|
|
|
|
|
},
|
|
|
|
|
|
qilinjt() {
|
|
|
|
|
|
$('#qilinbuy').modal('show');
|
|
|
|
|
|
this.qilin.title = "购买拨号线路-静态(超万条线路,行业内唯一能同时支持上万终端不同独立ip上线的供应商)"
|
|
|
|
|
|
this.qilin.product_id = 1
|
|
|
|
|
|
this.order_info.type = 0;
|
|
|
|
|
|
this.order_info.package_id = '';
|
|
|
|
|
|
this.order_info.product_info = [];
|
|
|
|
|
|
this.game();
|
|
|
|
|
|
this.get_package();
|
|
|
|
|
|
},
|
|
|
|
|
|
qilingt() {
|
|
|
|
|
|
$('#qilinbuy').modal('show');
|
|
|
|
|
|
this.qilin.title = "购买水滴专线-固态(比sk5更稳定、安全的路由级代理)"
|
|
|
|
|
|
this.qilin.product_id = 2
|
|
|
|
|
|
this.order_info.type = 1;
|
|
|
|
|
|
this.order_info.package_id = '';
|
|
|
|
|
|
this.order_info.product_info = [];
|
|
|
|
|
|
this.game();
|
|
|
|
|
|
this.get_package();
|
|
|
|
|
|
},
|
|
|
|
|
|
get_package(){
|
|
|
|
|
|
|
|
|
|
|
|
let data = {
|
|
|
|
|
|
cookie:document.cookie,
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var url = 'http://php-api.juip.com/jinyou/api/getPackage?type=';
|
|
|
|
|
|
|
|
|
|
|
|
if ( @(userid) != 0 ) {
|
|
|
|
|
|
url = 'http://php-api.juip.com/jinyou/Jinyoujt/getPackage?type=';
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var that = this;
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
type: 'POST',
|
|
|
|
|
|
url: url+this.qilin.product_id,
|
|
|
|
|
|
dataType: "json",
|
|
|
|
|
|
data: JSON.stringify(data),
|
|
|
|
|
|
beforeSend: function(xhr) {
|
|
|
|
|
|
xhr.withCredentials = true;
|
|
|
|
|
|
},
|
|
|
|
|
|
crossDomain: true,
|
|
|
|
|
|
success: function (res) {
|
|
|
|
|
|
that.package_list = res.data;
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
package_click(cls,type) {
|
|
|
|
|
|
this.package_info_list = [];
|
|
|
|
|
|
this.order_info.package_id = '';
|
|
|
|
|
|
var package_name = cls.split('-');
|
|
|
|
|
|
if (type == 'game') {
|
|
|
|
|
|
for (var i in this.package_list.game) {
|
|
|
|
|
|
if ( @(resttime) < 1) {
|
|
|
|
|
|
this.package_list.game.test[0].Price = 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
$('.package-type-game-'+i).addClass('btn-default');
|
|
|
|
|
|
$('.package-type-game-'+i).removeClass('btn-new');
|
|
|
|
|
|
if (i == package_name[3]) {
|
|
|
|
|
|
this.package_info_list = this.package_list.game[i];
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
if (type == 'line') {
|
|
|
|
|
|
if ( @(resttime) < 1) {
|
|
|
|
|
|
this.package_list.line.test[0].Price = 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i in this.package_list.line) {
|
|
|
|
|
|
$('.package-type-line-'+i).addClass('btn-default');
|
|
|
|
|
|
$('.package-type-line-'+i).removeClass('btn-new');
|
|
|
|
|
|
if (i == package_name[3]) {
|
|
|
|
|
|
this.package_info_list = this.package_list.line[i];
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
$("."+cls).addClass('btn-new');
|
|
|
|
|
|
$("."+cls).removeClass("btn-default");
|
|
|
|
|
|
},
|
|
|
|
|
|
package_name_click(package_name,package_id) {
|
|
|
|
|
|
this.order_info.package_id = package_id;
|
|
|
|
|
|
for (var i in this.package_info_list) {
|
|
|
|
|
|
$('.package-name-'+this.package_info_list[i].Id).addClass('btn-default');
|
|
|
|
|
|
$('.package-name-'+this.package_info_list[i].Id).removeClass('btn-new');
|
|
|
|
|
|
if (this.package_info_list[i].Id == package_id) {
|
|
|
|
|
|
this.order_info.price = this.package_info_list[i].Price * this.order_info.buy_num;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
$("."+package_name).addClass('btn-new');
|
|
|
|
|
|
$("."+package_name).removeClass("btn-default");
|
|
|
|
|
|
},
|
|
|
|
|
|
change_num() {
|
|
|
|
|
|
for (var i in this.package_info_list) {
|
|
|
|
|
|
if (this.package_info_list[i].Id == this.order_info.package_id) {
|
|
|
|
|
|
this.order_info.price = this.package_info_list[i].Price * this.order_info.buy_num;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
selsect_adddr_num(addr_id) {
|
|
|
|
|
|
var num = $("."+addr_id).val();
|
|
|
|
|
|
if (num>total) {
|
|
|
|
|
|
num =total;
|
|
|
|
|
|
$("."+addr_id).val(num)
|
|
|
|
|
|
}
|
|
|
|
|
|
this.order_info.product_info[addr_id] = num;
|
|
|
|
|
|
this.order_info.product_info = {...this.order_info.product_info};
|
|
|
|
|
|
|
|
|
|
|
|
let all_add_num = 0;
|
|
|
|
|
|
for (var i in this.order_info.product_info) {
|
|
|
|
|
|
all_add_num += parseInt(this.order_info.product_info[i]);
|
|
|
|
|
|
}
|
|
|
|
|
|
if (this.order_info.buy_num<all_add_num) {
|
|
|
|
|
|
this.order_info.buy_num = all_add_num;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
for (var i in this.package_info_list) {
|
|
|
|
|
|
if (this.package_info_list[i].Id == this.order_info.package_id) {
|
|
|
|
|
|
this.order_info.price = this.package_info_list[i].Price * this.order_info.buy_num;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
game() {
|
|
|
|
|
|
this.qilin.is_unshar = 0;
|
|
|
|
|
|
$("#jinyougame").removeClass("btn-default");
|
|
|
|
|
|
$("#jinyougame").addClass("btn-new");
|
|
|
|
|
|
$("#jinyouline").removeClass("btn-new");
|
|
|
|
|
|
$("#gameselect").removeAttr('disabled');
|
|
|
|
|
|
this.order_info.product_info = [];
|
|
|
|
|
|
this.order_info.package_id = '';
|
|
|
|
|
|
this.package_info_list = [];
|
|
|
|
|
|
|
|
|
|
|
|
var that = this;
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
type: 'GET',
|
|
|
|
|
|
url: 'http://php-api.juip.com/jinyou/api/gameList',
|
|
|
|
|
|
dataType: "json",
|
|
|
|
|
|
async:false,
|
|
|
|
|
|
success: function (res) {
|
|
|
|
|
|
that.game_list = res.data;
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
this.select_game()
|
|
|
|
|
|
},
|
|
|
|
|
|
line() {
|
|
|
|
|
|
this.order_info.product_info = [];
|
|
|
|
|
|
this.qilin.is_unshar = 1;
|
|
|
|
|
|
this.qilin.game_id = '';
|
|
|
|
|
|
this.order_info.package_id = '';
|
|
|
|
|
|
this.package_info_list = [];
|
|
|
|
|
|
$("#jinyouline").removeClass("btn-default");
|
|
|
|
|
|
$("#jinyouline").addClass("btn-new");
|
|
|
|
|
|
$("#jinyougame").removeClass("btn-new");
|
|
|
|
|
|
$("#gameselect").attr('disabled',"true");
|
|
|
|
|
|
this.select_game()
|
|
|
|
|
|
},
|
|
|
|
|
|
select_game() {
|
|
|
|
|
|
|
|
|
|
|
|
this.citys = [];
|
|
|
|
|
|
var that = this;
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
type: 'GET',
|
|
|
|
|
|
url: 'http://php-api.juip.com/jinyou/api/regionSurplusOuts?product_id='+this.qilin.product_id+'&is_unshar='+this.qilin.is_unshar+'&game_id='+this.qilin.game_id,
|
|
|
|
|
|
dataType: "json",
|
|
|
|
|
|
async:false,
|
|
|
|
|
|
success: function (res) {
|
|
|
|
|
|
that.province_city = res.data.region
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
for (var i in this.province_city.province_surplus_outs) {
|
|
|
|
|
|
this.province.push(i);
|
|
|
|
|
|
this.citys = this.citys.concat(this.province_city.province_surplus_outs[i].citys);
|
|
|
|
|
|
}
|
|
|
|
|
|
this.order_info.game_id = this.qilin.game_id
|
|
|
|
|
|
},
|
|
|
|
|
|
select_province() {
|
|
|
|
|
|
this.citys = [];
|
|
|
|
|
|
for (var i in this.province_city.province_surplus_outs) {
|
|
|
|
|
|
if (this.province.includes(i)) {
|
|
|
|
|
|
this.citys = this.citys.concat(this.province_city.province_surplus_outs[i].citys);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
select_all_province() {
|
|
|
|
|
|
var checkboxes = document.querySelector('input[name="allprovince"]');
|
|
|
|
|
|
|
|
|
|
|
|
if (checkboxes.checked) {
|
|
|
|
|
|
for (var i in this.province_city.province_surplus_outs) {
|
|
|
|
|
|
this.province.push(i);
|
|
|
|
|
|
this.citys = this.citys.concat(this.province_city.province_surplus_outs[i].citys);
|
|
|
|
|
|
}
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.province = [];
|
|
|
|
|
|
this.citys = [];
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
pay_page(){
|
|
|
|
|
|
if (this.order_info.package_id == '') {
|
|
|
|
|
|
alert('请选择套餐！');
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
if (this.order_info.game_id == '' && this.qilin.is_unshar == 0) {
|
2024-02-19 14:30:22 +08:00
|
|
|
|
alert('请选择项目！');
|
2024-02-01 17:43:16 +08:00
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
if (this.order_info.account.length < 5 && this.hasNumAndChar(this.order_info.account)) {
|
|
|
|
|
|
alert('账号长度至少5位！');
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
if (this.order_info.password.length < 3 && this.hasNumAndChar(this.order_info.password)) {
|
|
|
|
|
|
alert('密码长度至少3位！');
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
if (this.order_info.price == 0) {
|
|
|
|
|
|
this.order_info.pay_type = 10;
|
|
|
|
|
|
this.pay()
|
|
|
|
|
|
} else {
|
|
|
|
|
|
$('#pay_qilin').modal('show');
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
pay(){
|
|
|
|
|
|
let data = {
|
|
|
|
|
|
cookie:document.cookie,
|
|
|
|
|
|
order_info: this.order_info
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
type: 'POST',
|
|
|
|
|
|
url: 'http://php-api.juip.com/jinyou/jinyoujt/create_order',
|
|
|
|
|
|
dataType: "json",
|
|
|
|
|
|
contentType: "application/json",
|
|
|
|
|
|
data: JSON.stringify(data),
|
|
|
|
|
|
beforeSend: function(xhr) {
|
|
|
|
|
|
xhr.withCredentials = true;
|
|
|
|
|
|
},
|
|
|
|
|
|
crossDomain: true,
|
|
|
|
|
|
success: function (res) {
|
|
|
|
|
|
if (res.code == 1) {
|
|
|
|
|
|
$('#pay_qilin').modal('hide');
|
|
|
|
|
|
alert(res.msg);
|
|
|
|
|
|
|
|
|
|
|
|
window.location.href = "/user/myaccounts";
|
|
|
|
|
|
} else if (res.code == 2) {
|
|
|
|
|
|
document.getElementById("alipay").innerHTML=res.data;
|
|
|
|
|
|
document.forms['alipaysubmit'].submit();
|
|
|
|
|
|
$('#pay_qilin').modal('hide');
|
|
|
|
|
|
} else if (res.code == 3) {
|
|
|
|
|
|
$("#qrcode_s").html('');
|
|
|
|
|
|
new QRCode(document.getElementById("qrcode_s"), {
|
|
|
|
|
|
text: res.data,
|
|
|
|
|
|
width : 300,
|
|
|
|
|
|
height : 300
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$('#staticBackdrop').modal('show');
|
|
|
|
|
|
$('#pay_qilin').modal('hide');
|
|
|
|
|
|
} else {
|
|
|
|
|
|
$('#pay_qilin').modal('hide');
|
|
|
|
|
|
alert(res.msg);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
verifyed() {
|
|
|
|
|
|
$('#staticBackdrop').modal('hide');
|
|
|
|
|
|
window.location.href = "/user/myaccounts";
|
|
|
|
|
|
},
|
|
|
|
|
|
hasNumAndChar(str) {
|
|
|
|
|
|
var zg = /^[0-9a-zA-Z]*$/;
|
|
|
|
|
|
if (!zg.test(str)) {
|
|
|
|
|
|
return false;
|
|
|
|
|
|
} else {
|
|
|
|
|
|
return true;
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
2024-02-23 14:24:31 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2024-02-01 17:43:16 +08:00
|
|
|
|
</script>
|
|
|
|
|
|
|
2023-07-29 10:19:42 +08:00
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
var currentPkgId = 0;
|
|
|
|
|
|
var testProductId = 0;
|
|
|
|
|
|
var isTest = false;
|
|
|
|
|
|
function select(id) {
|
|
|
|
|
|
var el = "#p" + id;
|
|
|
|
|
|
var packageBox = "#box" + id;
|
|
|
|
|
|
$(".packagebox").hide();
|
|
|
|
|
|
$(packageBox).show();
|
|
|
|
|
|
$(el).addClass("on");
|
|
|
|
|
|
$(el).siblings().removeClass("on");
|
|
|
|
|
|
var pkgid = $(el).attr("a-pkg-id");
|
|
|
|
|
|
//selectPackage(pkgid);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function selectPackage(id ,falg = false) {
|
|
|
|
|
|
currentPkgId = id;
|
|
|
|
|
|
var el = "#pkg" + id;
|
|
|
|
|
|
//$(".packageitem").hide();
|
|
|
|
|
|
//$(el).show()
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$(el).siblings().removeClass("kuang");
|
|
|
|
|
|
$(el).siblings().find(".cardCheck").hide();
|
|
|
|
|
|
if(falg){
|
|
|
|
|
|
$("#pkgtest" + id).addClass("kuang");
|
|
|
|
|
|
$("#pkgtest" + id).find(".cardCheck").show();
|
|
|
|
|
|
} else {
|
|
|
|
|
|
$(el).addClass("kuang");
|
|
|
|
|
|
$(el).find(".cardCheck").show();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function loginSuccess(data) {
|
|
|
|
|
|
window.location.href = "/product/index";
|
|
|
|
|
|
}
|
|
|
|
|
|
function testLoginSuccess(data) {
|
|
|
|
|
|
window.location.href = "Test?id=" + testProductId;
|
|
|
|
|
|
}
|
|
|
|
|
|
function reBuyLoginSuccess(data) {
|
|
|
|
|
|
window.location.href = "/User/MyAccounts";
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//隐藏天天尊享版
|
|
|
|
|
|
function hidettzz(){
|
|
|
|
|
|
$("#pkg89").hide();
|
|
|
|
|
|
$("#pkg69").hide();
|
|
|
|
|
|
$("#pkg70").hide();
|
|
|
|
|
|
$("#pkg71").hide();
|
|
|
|
|
|
$("#pkg1022").hide();
|
|
|
|
|
|
$("#pkg1023").hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
//隐藏天天高级版
|
|
|
|
|
|
function hidettgj(){
|
|
|
|
|
|
for (var i=1034;i<1039;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
//隐藏天天普通版
|
|
|
|
|
|
function hidettpt(){
|
|
|
|
|
|
for (var i=1039;i<1044;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function ttzhizun() {
|
|
|
|
|
|
$("#pkg89").show();
|
|
|
|
|
|
$("#pkg69").show();
|
|
|
|
|
|
$("#pkg70").show();
|
|
|
|
|
|
$("#pkg71").show();
|
|
|
|
|
|
$("#pkg1022").show();
|
|
|
|
|
|
$("#pkg1023").show();
|
2023-08-26 17:31:44 +08:00
|
|
|
|
$("#tabttzx").addClass("active");
|
|
|
|
|
|
$("#tabttgj").removeClass("active");
|
|
|
|
|
|
$("#tabttpt").removeClass("active");
|
2023-08-14 16:49:49 +08:00
|
|
|
|
for (var i=1034;i<1046;i++){
|
2023-07-29 10:19:42 +08:00
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2024-01-02 14:13:19 +08:00
|
|
|
|
|
|
|
|
|
|
function lbzhizun() {
|
|
|
|
|
|
for (var i=1090;i<1097;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
$("#tablbzx").addClass("active");
|
|
|
|
|
|
$("#tablbgj").removeClass("active");
|
|
|
|
|
|
$("#tablbpt").removeClass("active");
|
|
|
|
|
|
|
|
|
|
|
|
for (var i=1097;i<1109;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2023-07-29 10:19:42 +08:00
|
|
|
|
function ttgaoji() {
|
|
|
|
|
|
$("#pkg89").hide();
|
|
|
|
|
|
$("#pkg69").hide();
|
|
|
|
|
|
$("#pkg70").hide();
|
|
|
|
|
|
$("#pkg71").hide();
|
|
|
|
|
|
$("#pkg1022").hide();
|
|
|
|
|
|
$("#pkg1023").hide();
|
2023-08-26 17:31:44 +08:00
|
|
|
|
$("#tabttzx").removeClass("active");
|
|
|
|
|
|
$("#tabttgj").addClass("active");
|
|
|
|
|
|
$("#tabttpt").removeClass("active");
|
2023-07-29 10:19:42 +08:00
|
|
|
|
for (var i=1040;i<1046;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1034;i<1040;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2024-01-02 14:13:19 +08:00
|
|
|
|
function lbgaoji() {
|
|
|
|
|
|
for (var i=1090;i<1097;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
$("#tablbzx").removeClass("active");
|
|
|
|
|
|
$("#tablbgj").addClass("active");
|
|
|
|
|
|
$("#tablbpt").removeClass("active");
|
|
|
|
|
|
for (var i=1103;i<1109;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1097;i<1103;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2023-07-29 10:19:42 +08:00
|
|
|
|
function ttputong() {
|
|
|
|
|
|
$("#pkg89").hide();
|
|
|
|
|
|
$("#pkg69").hide();
|
|
|
|
|
|
$("#pkg70").hide();
|
|
|
|
|
|
$("#pkg71").hide();
|
|
|
|
|
|
$("#pkg1022").hide();
|
|
|
|
|
|
$("#pkg1023").hide();
|
2023-08-26 17:31:44 +08:00
|
|
|
|
$("#tabttzx").removeClass("active");
|
|
|
|
|
|
$("#tabttgj").removeClass("active");
|
|
|
|
|
|
$("#tabttpt").addClass("active");
|
2023-07-29 10:19:42 +08:00
|
|
|
|
for (var i=1040;i<1046;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1034;i<1040;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2024-01-02 14:13:19 +08:00
|
|
|
|
function lbputong() {
|
|
|
|
|
|
for (var i=1090;i<1097;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
$("#tablbzx").removeClass("active");
|
|
|
|
|
|
$("#tablbgj").removeClass("active");
|
|
|
|
|
|
$("#tablbpt").addClass("active");
|
|
|
|
|
|
for (var i=1103;i<1109;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1097;i<1103;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2024-01-05 15:16:36 +08:00
|
|
|
|
function xfgaoji() {
|
|
|
|
|
|
$("#xfduxiang").removeClass("active");
|
|
|
|
|
|
$("#xfgaoji").addClass("active");
|
|
|
|
|
|
$("#pkg60").show();
|
|
|
|
|
|
for (var i=22;i<27;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1109;i<1115;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function xfduxiang() {
|
|
|
|
|
|
$("#xfduxiang").addClass("active");
|
|
|
|
|
|
$("#xfgaoji").removeClass("active");
|
|
|
|
|
|
$("#pkg60").hide();
|
|
|
|
|
|
for (var i=22;i<27;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1109;i<1115;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2024-01-17 14:21:23 +08:00
|
|
|
|
|
|
|
|
|
|
function qldt1() {
|
|
|
|
|
|
$("#qldt1").addClass("active");
|
|
|
|
|
|
$("#qldt5").removeClass("active");
|
|
|
|
|
|
$("#qldt10").removeClass("active");
|
|
|
|
|
|
$("#qldt20").removeClass("active");
|
|
|
|
|
|
for (var i=1115;i<1121;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1121;i<1139;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function qldt5() {
|
|
|
|
|
|
$("#qldt1").removeClass("active");
|
|
|
|
|
|
$("#qldt5").addClass("active");
|
|
|
|
|
|
$("#qldt10").removeClass("active");
|
|
|
|
|
|
$("#qldt20").removeClass("active");
|
|
|
|
|
|
for (var i=1115;i<1121;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1121;i<1127;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1127;i<1139;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function qldt10() {
|
|
|
|
|
|
$("#qldt1").removeClass("active");
|
|
|
|
|
|
$("#qldt5").removeClass("active");
|
|
|
|
|
|
$("#qldt10").addClass("active");
|
|
|
|
|
|
$("#qldt20").removeClass("active");
|
|
|
|
|
|
for (var i=1115;i<1127;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1127;i<1133;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1133;i<1139;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function qldt20() {
|
|
|
|
|
|
$("#qldt1").removeClass("active");
|
|
|
|
|
|
$("#qldt5").removeClass("active");
|
|
|
|
|
|
$("#qldt10").removeClass("active");
|
|
|
|
|
|
$("#qldt20").addClass("active");
|
|
|
|
|
|
for (var i=1115;i<1133;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1133;i<1139;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2023-07-29 10:19:42 +08:00
|
|
|
|
|
|
|
|
|
|
//1 安卓、苹果 2 pc
|
|
|
|
|
|
var wjdxtype = 1;
|
|
|
|
|
|
function wjdxphone() {
|
|
|
|
|
|
$("#wjdxgd").removeClass("active");
|
|
|
|
|
|
$("#wjdxpt").addClass("active");
|
2023-08-26 17:31:44 +08:00
|
|
|
|
$("#tabwjdxsj").addClass("active");
|
|
|
|
|
|
$("#tabwjdxpc").removeClass("active");
|
2023-07-29 10:19:42 +08:00
|
|
|
|
wjdxtype = 1;
|
|
|
|
|
|
for (var i=1048;i<1051;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1051;i<1060;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function wjdxpc() {
|
|
|
|
|
|
$("#wjdxgd").removeClass("active");
|
|
|
|
|
|
$("#wjdxpt").addClass("active");
|
2023-08-26 17:31:44 +08:00
|
|
|
|
$("#tabwjdxsj").removeClass("active");
|
|
|
|
|
|
$("#tabwjdxpc").addClass("active");
|
2023-07-29 10:19:42 +08:00
|
|
|
|
wjdxtype = 2;
|
|
|
|
|
|
for (var i=1048;i<1054;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1057;i<1060;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1054;i<1057;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function wjdxpt() {
|
|
|
|
|
|
$("#wjdxgd").removeClass("active");
|
|
|
|
|
|
$("#wjdxpt").addClass("active");
|
|
|
|
|
|
if (wjdxtype == 1) {
|
|
|
|
|
|
for (var i=1051;i<1060;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1048;i<1051;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
} else if (wjdxtype == 2) {
|
|
|
|
|
|
for (var i=1048;i<1054;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1054;i<1057;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
for (var i=1057;i<1060;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function wjdxgj() {
|
|
|
|
|
|
$("#wjdxgd").addClass("active");
|
|
|
|
|
|
$("#wjdxpt").removeClass("active");
|
|
|
|
|
|
if (wjdxtype == 1) {
|
|
|
|
|
|
for (var i=1048;i<1051;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1051;i<1054;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
for (var i=1054;i<1060;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
} else if (wjdxtype == 2) {
|
|
|
|
|
|
for (var i=1048;i<1057;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1057;i<1060;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
//1 安卓、苹果 2 pc
|
|
|
|
|
|
var wjgxtype = 1;
|
|
|
|
|
|
function wjgxphone() {
|
2023-08-26 17:31:44 +08:00
|
|
|
|
$("#tabwjgxsj").addClass("active");
|
|
|
|
|
|
$("#tabwjgxpc").removeClass("active");
|
2023-07-29 10:19:42 +08:00
|
|
|
|
$("#wjgxgd").removeClass("active");
|
|
|
|
|
|
$("#wjgxpt").addClass("active");
|
|
|
|
|
|
wjgxtype = 1;
|
|
|
|
|
|
for (var i=1060;i<1063;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1063;i<1072;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function wjgxpc() {
|
2023-08-26 17:31:44 +08:00
|
|
|
|
$("#tabwjgxsj").removeClass("active");
|
|
|
|
|
|
$("#tabwjgxpc").addClass("active");
|
2023-07-29 10:19:42 +08:00
|
|
|
|
$("#wjgxgd").removeClass("active");
|
|
|
|
|
|
$("#wjgxpt").addClass("active");
|
|
|
|
|
|
wjgxtype = 2;
|
|
|
|
|
|
for (var i=1060;i<1066;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1069;i<1072;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1066;i<1069;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function wjgxpt() {
|
|
|
|
|
|
$("#wjgxgd").removeClass("active");
|
|
|
|
|
|
$("#wjgxpt").addClass("active");
|
|
|
|
|
|
if (wjgxtype == 1) {
|
|
|
|
|
|
for (var i=1060;i<1063;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1063;i<1072;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
} else if (wjgxtype == 2) {
|
|
|
|
|
|
for (var i=1060;i<1066;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1066;i<1069;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
for (var i=1069;i<1072;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function wjgxgj() {
|
|
|
|
|
|
$("#wjgxgd").addClass("active");
|
|
|
|
|
|
$("#wjgxpt").removeClass("active");
|
|
|
|
|
|
if (wjgxtype == 1) {
|
|
|
|
|
|
for (var i=1060;i<1063;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1063;i<1066;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
for (var i=1066;i<1072;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
} else if (wjgxtype == 2) {
|
|
|
|
|
|
for (var i=1060;i<1069;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1069;i<1072;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
$(function () {
|
|
|
|
|
|
$(".productItem").click(function () {
|
|
|
|
|
|
//$(this).addClass("kuang");
|
|
|
|
|
|
//$(this).siblings().removeClass("kuang");
|
|
|
|
|
|
//$(this).find(".check").show();
|
|
|
|
|
|
//$(this).siblings().find(".check").hide();
|
|
|
|
|
|
$("[data-toggle='popover']").popover('hide')
|
|
|
|
|
|
var pid = $(this).attr('a-pid');
|
|
|
|
|
|
if(pid == 7){
|
|
|
|
|
|
alert('请注意！无尽IP仅供电脑端使用！');
|
|
|
|
|
|
}
|
|
|
|
|
|
if (pid == 14) {
|
2024-02-01 17:43:16 +08:00
|
|
|
|
$(".qilinjingtai").hide();
|
2023-08-26 17:31:44 +08:00
|
|
|
|
$("#pkg89").show();
|
|
|
|
|
|
$("#pkg69").show();
|
|
|
|
|
|
$("#pkg70").show();
|
|
|
|
|
|
$("#pkg71").show();
|
|
|
|
|
|
$("#pkg1022").show();
|
|
|
|
|
|
$("#pkg1023").show();
|
2023-07-29 10:19:42 +08:00
|
|
|
|
for (var i=1034;i<1046;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1;i<30;i++){
|
|
|
|
|
|
$("#p"+i).removeClass("on");
|
|
|
|
|
|
}
|
2024-01-02 14:13:19 +08:00
|
|
|
|
} else if (pid == 26) {
|
2024-02-01 17:43:16 +08:00
|
|
|
|
$(".qilinjingtai").hide();
|
2024-01-02 14:13:19 +08:00
|
|
|
|
for (var i=1090;i<1097;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1097;i<1109;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1;i<30;i++){
|
|
|
|
|
|
$("#p"+i).removeClass("on");
|
|
|
|
|
|
}
|
2024-01-05 15:16:36 +08:00
|
|
|
|
} else if (pid == 6) {
|
2024-02-01 17:43:16 +08:00
|
|
|
|
$(".qilinjingtai").hide();
|
2024-01-05 15:16:36 +08:00
|
|
|
|
$("#pkg60").show();
|
|
|
|
|
|
for (var i=22;i<27;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1109;i<1115;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1;i<30;i++){
|
|
|
|
|
|
$("#p"+i).removeClass("on");
|
|
|
|
|
|
}
|
2024-01-17 14:21:23 +08:00
|
|
|
|
} else if (pid == 27) {
|
2024-02-01 17:43:16 +08:00
|
|
|
|
$(".qilinjingtai").hide();
|
2024-01-17 14:21:23 +08:00
|
|
|
|
for (var i=1115;i<1121;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1121;i<1139;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1;i<30;i++){
|
|
|
|
|
|
$("#p"+i).removeClass("on");
|
|
|
|
|
|
}
|
2023-07-29 10:19:42 +08:00
|
|
|
|
} else if (pid == 20||pid == 21){
|
2024-02-01 17:43:16 +08:00
|
|
|
|
$(".qilinjingtai").hide();
|
2023-08-26 17:31:44 +08:00
|
|
|
|
if (pid ==20) {
|
|
|
|
|
|
$("#wjdxgd").removeClass("active");
|
|
|
|
|
|
$("#wjdxpt").addClass("active");
|
|
|
|
|
|
$("#tabwjdxsj").removeClass("active");
|
|
|
|
|
|
$("#tabwjdxpc").addClass("active");
|
|
|
|
|
|
wjdxtype = 2;
|
|
|
|
|
|
for (var i=1048;i<1054;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1057;i<1060;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1054;i<1057;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
2023-07-29 10:19:42 +08:00
|
|
|
|
}
|
2023-08-26 17:31:44 +08:00
|
|
|
|
if (pid ==21) {
|
|
|
|
|
|
$("#tabwjgxsj").removeClass("active");
|
|
|
|
|
|
$("#tabwjgxpc").addClass("active");
|
|
|
|
|
|
$("#wjgxgd").removeClass("active");
|
|
|
|
|
|
$("#wjgxpt").addClass("active");
|
|
|
|
|
|
wjgxtype = 2;
|
|
|
|
|
|
for (var i=1060;i<1066;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1069;i<1072;i++){
|
|
|
|
|
|
$("#pkg"+i).hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
for (var i=1066;i<1069;i++){
|
|
|
|
|
|
$("#pkg"+i).show();
|
|
|
|
|
|
}
|
2023-07-29 10:19:42 +08:00
|
|
|
|
}
|
2024-02-01 17:43:16 +08:00
|
|
|
|
} else if (pid == 28) {
|
|
|
|
|
|
$(".qilinjingtai").show();
|
|
|
|
|
|
for (var i=1;i<30;i++){
|
|
|
|
|
|
$("#p"+i).removeClass("on");
|
|
|
|
|
|
}
|
2023-07-29 10:19:42 +08:00
|
|
|
|
} else {
|
|
|
|
|
|
$("#p14").removeClass("on");
|
2024-01-02 14:13:19 +08:00
|
|
|
|
$("#p26").removeClass("on");
|
2023-07-29 10:19:42 +08:00
|
|
|
|
$("#p20").removeClass("on");
|
|
|
|
|
|
$("#p21").removeClass("on");
|
2024-01-17 14:21:23 +08:00
|
|
|
|
$("#p6").removeClass("on");
|
|
|
|
|
|
$("#p27").removeClass("on");
|
2024-02-01 17:43:16 +08:00
|
|
|
|
$("#p28").removeClass("on");
|
|
|
|
|
|
$(".qilinjingtai").hide();
|
2023-07-29 10:19:42 +08:00
|
|
|
|
}
|
|
|
|
|
|
select(pid);
|
|
|
|
|
|
});
|
|
|
|
|
|
$(".card .item").click(function () {
|
|
|
|
|
|
currentPkgId = $(this).attr('a-pkg-id');
|
|
|
|
|
|
|
|
|
|
|
|
if ($(this).attr('a-test')){
|
|
|
|
|
|
isTest = true;
|
|
|
|
|
|
} else {
|
|
|
|
|
|
isTest = false;
|
|
|
|
|
|
}
|
|
|
|
|
|
selectPackage(currentPkgId, isTest)
|
|
|
|
|
|
//$(this).addClass("kuang");
|
|
|
|
|
|
//$(this).siblings().removeClass("kuang");
|
|
|
|
|
|
//$(this).find(".cardCheck").show();
|
|
|
|
|
|
//$(this).siblings().find(".cardCheck").hide();
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
$(".btn-submit").click(function () {
|
|
|
|
|
|
if(!currentPkgId){
|
|
|
|
|
|
$('#hidebg').height($(document).height());
|
|
|
|
|
|
$('#hidebg').show();
|
|
|
|
|
|
$('.warning').show();
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
if(isTest){
|
|
|
|
|
|
window.location.href = "Test?id=" + currentPkgId;
|
|
|
|
|
|
} else {
|
|
|
|
|
|
window.location.href = "Buy?id=" + currentPkgId;
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
$(".testLogin").click(function () {
|
|
|
|
|
|
loginCallback = testLoginSuccess;
|
|
|
|
|
|
testProductId = $(this).attr("a-productId");
|
|
|
|
|
|
$(".mask").show();
|
|
|
|
|
|
$(".main").show();
|
|
|
|
|
|
$(".main").addClass("animated bounceInDown");
|
|
|
|
|
|
});
|
|
|
|
|
|
$(".reBuy").click(function () {
|
|
|
|
|
|
loginCallback = reBuyLoginSuccess;
|
|
|
|
|
|
$(".mask").show();
|
|
|
|
|
|
$(".main").show();
|
|
|
|
|
|
$(".main").addClass("animated bounceInDown");
|
|
|
|
|
|
});
|
|
|
|
|
|
})
|
|
|
|
|
|
select(@defaultProduct.Id)
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
2024-02-01 17:43:16 +08:00
|
|
|
|
}
|
