1006 lines
43 KiB
Plaintext
1006 lines
43 KiB
Plaintext
@using Hncore.Pass.Vpn.Response.Product
|
||
@using Microsoft.Extensions.Configuration
|
||
@using Hncore.Pass.BaseInfo.Response
|
||
@using Hncore.Infrastructure.Serializer;
|
||
@inject IConfiguration m_Configuration
|
||
@inject Hncore.Pass.Vpn.Service.ProductAccountService m_AccountService
|
||
@model List<ProductWithPackageResponse>
|
||
@{
|
||
ViewData["Title"] = "购买产品";
|
||
UserLoginModel user = null;
|
||
if (this.Context.Request.Cookies.TryGetValue("userInfo", out string userCookie))
|
||
{
|
||
user = userCookie.FromJsonTo<UserLoginModel>();
|
||
}
|
||
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 = "注册即送";
|
||
if (user != null){
|
||
restStatus = "剩余次数";
|
||
restTimes = await m_AccountService.GetRestTestCount(user.Id)+"次";
|
||
}
|
||
Func<string, string> P = (path) => $"{baseUrl}{path}";
|
||
}
|
||
<style>
|
||
.productName {
|
||
font-style: oblique;
|
||
font-weight: 400;
|
||
font-size: 32px;
|
||
color: #f49119;
|
||
}
|
||
.pkgNameCard {
|
||
background: #0777ff;
|
||
height: 90px;
|
||
padding: 15px;
|
||
}
|
||
.active {
|
||
background:#0777ff;
|
||
}
|
||
.clear {
|
||
clear: both;
|
||
}
|
||
|
||
.clearfix:after {
|
||
content: ".";
|
||
display: block;
|
||
visibility: hidden;
|
||
height: 0;
|
||
clear: both
|
||
}
|
||
|
||
.main-page {
|
||
margin: 0 auto;
|
||
width: 1170px;
|
||
padding-bottom:50px;
|
||
}
|
||
|
||
.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 {
|
||
height: 2.3em;
|
||
line-height: 2.3em;
|
||
border-radius: 2px;
|
||
cursor: pointer;
|
||
border-bottom: 1px dashed #0777ff;
|
||
}
|
||
|
||
.main-page .nav div.on {
|
||
background: #0777ff;
|
||
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;
|
||
border: 0.25rem solid #0777ff;
|
||
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;
|
||
content: "8折";
|
||
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
||
}
|
||
|
||
.packageitem2::after {
|
||
content: "";
|
||
position: absolute;
|
||
top: 2.1875rem;
|
||
left: -0.5rem;
|
||
border: 0.25rem solid #0777ff;
|
||
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> *@
|
||
<div class="container-fluid ad" style="height:100px;background:#0777ff;">
|
||
|
||
<div class="row" style="color:white;width:calc(100vw-1px);">
|
||
<div class="col-md-12 text-center" style="padding-top:1%;">
|
||
<h4>需求五个以上、可联系右侧客服设置优惠价</h4>
|
||
<p>动态IP销量排名NO.1
|
||
十余种全网知名旗舰产品低价热销、
|
||
节点多、稳定、靠谱、单人单线
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
@*新布局*@
|
||
<h1 class="text-center tit " style="font-style: italic;text-shadow: 5px 6px 3px #ccc;font-weight:bold;">选择产品</h1>
|
||
<p class="text-center" style="padding: 0;margin:0;"><a target="_blank" style="color: #0777ff;" href="/img/product_compare.png">查看各产品对比</a></p>
|
||
|
||
<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) {
|
||
<div class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id"><span style="color: red;font-weight:bold;">送 </span>@item.Product.Name<span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">最快</span></div>
|
||
}
|
||
else if(item.Product.Id == 14) {
|
||
<div class="dropdown">
|
||
<div style="font-size: 18px;" class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">@item.Product.Name</div>
|
||
|
||
</div>
|
||
}
|
||
else if(item.Product.Id == 22) {
|
||
<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 == 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>
|
||
|
||
}
|
||
|
||
else if(item.Product.Id == 21) {
|
||
|
||
<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>
|
||
</div>
|
||
|
||
}
|
||
else {
|
||
<div class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">@item.Product.Name </div>
|
||
}
|
||
}
|
||
|
||
</div>
|
||
</div>
|
||
<div class="right" style="height:auto;">
|
||
<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;">
|
||
<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> *@
|
||
</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>
|
||
|
||
@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>
|
||
}
|
||
|
||
|
||
@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>
|
||
<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;">
|
||
<ul class="nav nav-tabs nav-justified" style="margin-top:0;">
|
||
<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>
|
||
</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>
|
||
|
||
<div style="padding-top:10px;padding:5px 270px;">
|
||
<ul class="nav nav-tabs nav-justified" style="margin-top:0;">
|
||
<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>
|
||
</ul>
|
||
</div>
|
||
<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>
|
||
|
||
|
||
<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>
|
||
}
|
||
|
||
|
||
@*<p class="text-center nameSmall">—<span>@item.Product.Name</span>—</p>*@
|
||
<div class="card" style="margin-top:30px;">
|
||
<div style="display: flex;margin: 0 auto;">
|
||
|
||
@if(item.Product.TenantId == 1157 && item.Product.Content=="0" && item.Product.Id != 14){
|
||
<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>
|
||
<div class="pkgNameCard">
|
||
<p class="tianka" style="font-size:17px;color:white;">测试卡</p>
|
||
<p class="qixian">使用期限:1小时</p>
|
||
</div>
|
||
<img src="~/img/check.png" class="cardCheck">
|
||
</div>
|
||
}
|
||
|
||
@foreach (var package in item.Packages.Where(m => (m.IsTest == 0 && m.Status == 1) || (m.ProductId==14 && 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">
|
||
|
||
|
||
<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:#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">
|
||
</div>
|
||
}
|
||
else if(package.ProductId == 18 && package.Title=="0"){
|
||
|
||
<div class="item packageitem packageitem2" 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" 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 if((package.Id == 89||package.Id == 1034||package.Id == 1040)&&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>
|
||
}
|
||
}
|
||
|
||
</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>
|
||
</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{
|
||
<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();
|
||
$("#tabttzx").addClass("active");
|
||
$("#tabttgj").removeClass("active");
|
||
$("#tabttpt").removeClass("active");
|
||
for (var i=1034;i<1046;i++){
|
||
$("#pkg"+i).hide();
|
||
}
|
||
}
|
||
function ttgaoji() {
|
||
$("#pkg89").hide();
|
||
$("#pkg69").hide();
|
||
$("#pkg70").hide();
|
||
$("#pkg71").hide();
|
||
$("#pkg1022").hide();
|
||
$("#pkg1023").hide();
|
||
$("#tabttzx").removeClass("active");
|
||
$("#tabttgj").addClass("active");
|
||
$("#tabttpt").removeClass("active");
|
||
for (var i=1040;i<1046;i++){
|
||
$("#pkg"+i).hide();
|
||
}
|
||
for (var i=1034;i<1040;i++){
|
||
$("#pkg"+i).show();
|
||
}
|
||
}
|
||
function ttputong() {
|
||
$("#pkg89").hide();
|
||
$("#pkg69").hide();
|
||
$("#pkg70").hide();
|
||
$("#pkg71").hide();
|
||
$("#pkg1022").hide();
|
||
$("#pkg1023").hide();
|
||
$("#tabttzx").removeClass("active");
|
||
$("#tabttgj").removeClass("active");
|
||
$("#tabttpt").addClass("active");
|
||
for (var i=1040;i<1046;i++){
|
||
$("#pkg"+i).show();
|
||
}
|
||
for (var i=1034;i<1040;i++){
|
||
$("#pkg"+i).hide();
|
||
}
|
||
}
|
||
|
||
//1 安卓、苹果 2 pc
|
||
var wjdxtype = 1;
|
||
function wjdxphone() {
|
||
$("#wjdxgd").removeClass("active");
|
||
$("#wjdxpt").addClass("active");
|
||
$("#tabwjdxsj").addClass("active");
|
||
$("#tabwjdxpc").removeClass("active");
|
||
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");
|
||
$("#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();
|
||
}
|
||
}
|
||
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() {
|
||
$("#tabwjgxsj").addClass("active");
|
||
$("#tabwjgxpc").removeClass("active");
|
||
$("#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() {
|
||
$("#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();
|
||
}
|
||
}
|
||
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) {
|
||
$("#pkg89").show();
|
||
$("#pkg69").show();
|
||
$("#pkg70").show();
|
||
$("#pkg71").show();
|
||
$("#pkg1022").show();
|
||
$("#pkg1023").show();
|
||
for (var i=1034;i<1046;i++){
|
||
$("#pkg"+i).hide();
|
||
}
|
||
for (var i=1;i<30;i++){
|
||
$("#p"+i).removeClass("on");
|
||
}
|
||
} else if (pid == 20||pid == 21){
|
||
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();
|
||
}
|
||
}
|
||
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();
|
||
}
|
||
}
|
||
} else {
|
||
$("#p14").removeClass("on");
|
||
$("#p20").removeClass("on");
|
||
$("#p21").removeClass("on");
|
||
}
|
||
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>
|
||
|
||
@*<script type="text/javascript">
|
||
$(".main-page .nav div").mouseenter(function () {
|
||
var $this = $(this);
|
||
var index = $this.index();
|
||
}).mouseleave(function () {
|
||
var $this = $(this);
|
||
var index = $this.index();
|
||
}).click(function () {
|
||
var $this = $(this);
|
||
var index = $this.index();
|
||
var l = -(index * 800);
|
||
$(".main-page .nav div").removeClass("on");
|
||
$(".main-page .nav div").eq(index).addClass("on");
|
||
$(".main-page .content .con-ggh:eq(0)").stop().animate({ "margin-top": l }, 500);
|
||
});
|
||
</script>*@
|
||
} |