671 lines
29 KiB
Plaintext
671 lines
29 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
|
||
@model ProductWithPackageResponse
|
||
@{
|
||
ViewData["Title"] = "购买产品";
|
||
UserLoginModel user = null;
|
||
if (this.Context.Request.Cookies.TryGetValue("userInfo", out string userCookie))
|
||
{
|
||
user = userCookie.FromJsonTo<UserLoginModel>();
|
||
}
|
||
var defaultProduct = Model.Product;
|
||
var defaultPackage = Model.Packages.FirstOrDefault();
|
||
var baseUrl = m_Configuration["BaseInfoUrl"];
|
||
Func<string, string> P = (path) => $"{baseUrl}{path}";
|
||
}
|
||
<style>
|
||
.productName {
|
||
font-style: oblique;
|
||
font-weight: 400;
|
||
font-size: 32px;
|
||
color: #f49119;
|
||
}
|
||
|
||
.pkgNameCard {
|
||
background: #223da4;
|
||
height: 90px;
|
||
padding: 15px;
|
||
}
|
||
.youhuiNew {
|
||
font-size: 16px;
|
||
border: none;
|
||
text-align: center;
|
||
padding: 10px 0;
|
||
color: red;
|
||
font-weight: bold;
|
||
}
|
||
.packageitem86{
|
||
position: relative;
|
||
}
|
||
.packageitem86::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 #f64e3d;
|
||
border-right-color: transparent;
|
||
content: "免费送一个月";
|
||
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
||
}
|
||
|
||
.packageitem86::after {
|
||
content: "";
|
||
position: absolute;
|
||
top: 2.1875rem;
|
||
left: -0.5rem;
|
||
border: 0.25rem solid #f64e3d;
|
||
border-left-color: transparent;
|
||
border-bottom-color: transparent;
|
||
}
|
||
|
||
.packageitem10{
|
||
position: relative;
|
||
}
|
||
.packageitem10::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 #f64e3d;
|
||
border-right-color: transparent;
|
||
content: "8 折+送十天";
|
||
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
||
}
|
||
|
||
.packageitem10::after {
|
||
content: "";
|
||
position: absolute;
|
||
top: 2.1875rem;
|
||
left: -0.5rem;
|
||
border: 0.25rem solid #f64e3d;
|
||
border-left-color: transparent;
|
||
border-bottom-color: transparent;
|
||
}
|
||
|
||
|
||
.packageitem710{
|
||
position: relative;
|
||
}
|
||
.packageitem710::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 #f64e3d;
|
||
border-right-color: transparent;
|
||
content: "7 折+送一月";
|
||
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
||
}
|
||
|
||
.packageitem710::after {
|
||
content: "";
|
||
position: absolute;
|
||
top: 2.1875rem;
|
||
left: -0.5rem;
|
||
border: 0.25rem solid #f64e3d;
|
||
border-left-color: transparent;
|
||
border-bottom-color: transparent;
|
||
}
|
||
|
||
|
||
.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: #FF0033;
|
||
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 #f64e3d;
|
||
border-left-color: transparent;
|
||
border-bottom-color: transparent;
|
||
}
|
||
|
||
.packageitem81{
|
||
position: relative;
|
||
}
|
||
.packageitem81::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 #f64e3d;
|
||
border-right-color: transparent;
|
||
content: "8 折+送一个月";
|
||
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
||
}
|
||
|
||
.packageitem81::after {
|
||
content: "";
|
||
position: absolute;
|
||
top: 2.1875rem;
|
||
left: -0.5rem;
|
||
border: 0.25rem solid #f64e3d;
|
||
border-left-color: transparent;
|
||
border-bottom-color: transparent;
|
||
}
|
||
|
||
.packageitem19{
|
||
position: relative;
|
||
}
|
||
.packageitem19::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 #f64e3d;
|
||
border-right-color: transparent;
|
||
content: "9 折+送七天";
|
||
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
||
}
|
||
|
||
.packageitem19::after {
|
||
content: "";
|
||
position: absolute;
|
||
top: 2.1875rem;
|
||
left: -0.5rem;
|
||
border: 0.25rem solid #f64e3d;
|
||
border-left-color: transparent;
|
||
border-bottom-color: transparent;
|
||
}
|
||
|
||
.packageitem91{
|
||
position: relative;
|
||
}
|
||
.packageitem91::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 #f64e3d;
|
||
border-right-color: transparent;
|
||
content: "8 折+送一个月";
|
||
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
||
}
|
||
|
||
.packageitem91::after {
|
||
content: "";
|
||
position: absolute;
|
||
top: 2.1875rem;
|
||
left: -0.5rem;
|
||
border: 0.25rem solid #f64e3d;
|
||
border-left-color: transparent;
|
||
border-bottom-color: transparent;
|
||
}
|
||
|
||
.packageitem92{
|
||
position: relative;
|
||
}
|
||
.packageitem92::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 #f64e3d;
|
||
border-right-color: transparent;
|
||
content: "8 折+送两个月";
|
||
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
||
}
|
||
|
||
.packageitem92.contentNew::after {
|
||
content: "";
|
||
position: absolute;
|
||
top: 2.1875rem;
|
||
left: -0.5rem;
|
||
border: 0.25rem solid #f64e3d;
|
||
border-left-color: transparent;
|
||
border-bottom-color: transparent;
|
||
}
|
||
|
||
|
||
.packageitem8-1{
|
||
position: relative;
|
||
}
|
||
.packageitem8-1::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 #f64e3d;
|
||
border-right-color: transparent;
|
||
content: "8 折+送七天";
|
||
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
||
}
|
||
|
||
.packageitem8-1.contentNew::after {
|
||
content: "";
|
||
position: absolute;
|
||
top: 2.1875rem;
|
||
left: -0.5rem;
|
||
border: 0.25rem solid #f64e3d;
|
||
border-left-color: transparent;
|
||
border-bottom-color: transparent;
|
||
}
|
||
|
||
|
||
.packageitem71{
|
||
position: relative;
|
||
}
|
||
.packageitem71::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 #f64e3d;
|
||
border-right-color: transparent;
|
||
content: "9折";
|
||
@* content: "@Model[0].Packages[0].Title 折"; *@
|
||
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
||
}
|
||
|
||
.packageitem71::after {
|
||
content: "";
|
||
position: absolute;
|
||
top: 2.1875rem;
|
||
left: -0.5rem;
|
||
border: 0.25rem solid #f64e3d;
|
||
border-left-color: transparent;
|
||
border-bottom-color: transparent;
|
||
}
|
||
.packageitem4{
|
||
position: relative;
|
||
}
|
||
.packageitem4::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 #f64e3d;
|
||
border-right-color: transparent;
|
||
content: "8 折";
|
||
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
||
}
|
||
|
||
.packageitem4::after {
|
||
content: "";
|
||
position: absolute;
|
||
top: 2.1875rem;
|
||
left: -0.5rem;
|
||
border: 0.25rem solid #f64e3d;
|
||
border-left-color: transparent;
|
||
border-bottom-color: transparent;
|
||
}
|
||
|
||
|
||
</style>
|
||
<!-- ad -->
|
||
@* <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="background-image: url(/img/acBanner_1.png?11231);background-repeat:no-repeat;background-size:100% auto;height:270px;">
|
||
|
||
<div class="row" style="color:white;width:calc(100vw-1px);">
|
||
<div class="col-md-3 col-md-offset-1" style="padding-top:2%;text-align:center;">
|
||
<h1>需求<span style="color: red;font-size:49px;">五个</span>以上</h1>
|
||
<h2>联系客服设置优惠价</h2>
|
||
<a target="_blank" href="https://admin.qidian.qq.com/template/blue/mp/menu/qr-code-jump.html?linkType=0&env=ol&kfuin=2852138148&fid=299&key=f377ec024ca45115a03a7632c7bda230&cate=1&source=&isLBS=&isCustomEntry=&type=16&ftype=1&_type=wpa&qidian=true"><h3 style="color: #e45b4b;">>>>联系客服<<<</h3></a>
|
||
</div>
|
||
<div class="col-md-8 " style="padding-top:1.5%;">
|
||
<h2 style="padding-left:8%;">十余种全网知名旗舰产品低价热销</h2>
|
||
<h1 style="font-size:45px;padding-left:6%;">淘宝动态IP销量排名NO.1</h1>
|
||
<h4 style="color: #e45b4b;padding-left:5%;">已完美对接淘宝、淘宝付款后、金额将自动充值到您的会员余额中</h4>
|
||
<a target="_blank" href="https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.45e51debbIPZJ7&ft=t&id=644774449094"><h4 style="color: #e45b4b;padding-left:2%;">欢迎淘宝下单，每次下单都会随机赠送优惠券，最低54元，优惠券支持所有套餐！ <span style="color:#FFFF00;">点击去淘宝店铺付款 <span class="glyphicon glyphicon-arrow-right"></span></span></h4></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container stepOne packagebox" id="@("box"+defaultProduct.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">@defaultProduct.Name</p>
|
||
</div>
|
||
<div class="col-lg-8" style="height:200px;padding-top:30px">
|
||
<p>@defaultProduct.Name</p>
|
||
@foreach (var str in defaultProduct.ContentLine)
|
||
{
|
||
<p>@str</p>
|
||
}
|
||
<div class="row" style="text-align: right; position: absolute; right: 50px; bottom: 10px;">
|
||
<a asp-action="index" asp-controller="product">
|
||
<button type="button" class="btn btn-warning">购买通道</button>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="youhuiNew" style="padding:0;margin:10px;color:white;background-color:#FF0033;">一毛钱活动：不分新老用户都可参加！</p>
|
||
@* @if(defaultProduct.Id == 5){
|
||
<p class="youhuiNew">月卡赠送10天，双月卡赠送1个月，新开和续费都有赠送，活动截止时间2020年11月25日。<br>（同一个IP账号仅限一次，每位会员不限账号数量，您可购买多个IP账号都有赠送）</p>
|
||
} *@
|
||
@if(defaultProduct.Id == 5){
|
||
<br>
|
||
<p class="youhuiNew" style="padding:0;margin:0;color:white;background-color:#99CC00;"><span style="font-size:30px;">恢复公告:</span><br>老鹰IP已恢复运营！已更新最新的IP池，产品稳定性也做了大幅度的升级！请下载使用最新版的客户端和IP线路表。<br>
|
||
为答谢各位对老鹰IP一直以来的选择和支持，特推出全部套餐8折狂欢价！ 祝各位用户万事顺利，生意兴隆！</p>
|
||
<p class="youhuiNew"></p>
|
||
}
|
||
@if(defaultProduct.Id == 13){
|
||
<p class="youhuiNew">双月卡赠送1个月，仅限新开账号，续费帐号不赠送，活动截止时间2020年4月15日<br>（同一个IP账号仅限一次，每位会员不限账号数量，您可购买多个IP账号都有赠送）</p>
|
||
}
|
||
@if(defaultProduct.Id == 17){
|
||
<p class="youhuiNew">双月卡赠送1个月，仅限新开账号，续费帐号不赠送，活动截止时间2020年4月15日<br>（同一个IP账号仅限一次，每位会员不限账号数量，您可购买多个IP账号都有赠送）</p>
|
||
}
|
||
@* @if(defaultProduct.Id == 18){
|
||
<p class="youhuiNew">应上级主管部门要求，为了遵守相关法律法规，合法合规运营，对本产品进行整改。<br>整改期间未到期账号可正常使用，不能新开及续费。整改工作结束时间会在18号左右公布，由此给您带来很大的麻烦，请您谅解。</p>
|
||
} *@
|
||
@* @if(defaultProduct.Id == 4){
|
||
<p class="youhuiNew">全部套餐8折聚惠，天卡除外，新开和续费都有8折，活动截止时间11月20日<br>（同一个IP账号不限次数，您可对同一账号多次续费都有赠送，每位会员不限账号数量，您可购买多个IP账号都有赠送）</p>
|
||
} *@
|
||
@* @if(defaultProduct.Id == 14){
|
||
<p class="youhuiNew">应上级主管部门要求，为了遵守相关法律法规，合法合规运营，对本产品进行整改。<br>整改期间未到期账号可正常使用，不能新开及续费。整改工作结束时间会在18号左右公布，由此给您带来很大的麻烦，请您谅解。</p>
|
||
} *@
|
||
@* @if(defaultProduct.Id == 1){
|
||
<p class="youhuiNew" style="background-color:#FFFF00;">公告：<br>强子IP已更新完毕，截止于3月15日晚上10点半，所有未到期的账号（包括天卡）已补两天时间。<br>
|
||
电脑客户端（强子IP和讯连IP）已更新完毕，您可到（软件下载）中下载最新版本！</p>
|
||
}
|
||
@if(defaultProduct.Id == 2){
|
||
<p class="youhuiNew">公告：<br>强子IP和讯连IP升级完成通知：线路表，电脑客户端，安卓app，账号，全部已经升级完毕，测试卡和天卡也已经恢复购买！使用电脑和安卓客户端请到软件下载页面下载最新版！若您还不能正常使用，请联系官方客服解决问题！<br>
|
||
此次升级后，也是为了让产品更加稳定，给您带来不便，敬请谅解！</p>
|
||
} *@
|
||
@* @if(defaultProduct.Id == 6){
|
||
<p class="youhuiNew">双月卡赠送1个月，新开和续费都有赠送，活动截止时间2021年3月1日<br>（同一个IP账号不限次数，<span style="color:FF0033;background-color:#FFFF33;">您可对同一账号多次续费都有赠送</span>，每位会员不限账号数量，您可购买多个IP账号都有赠送）</p>
|
||
} *@
|
||
@* @if(defaultProduct.Id == 8){
|
||
<p class="youhuiNew">月卡送10天，双月卡赠送1个月，活动截止时间2021年3月31日<br>（同一个IP账号不限次数，<span style="color:FF0033;background-color:#FFFF33;">您可对同一账号多次续费都有赠送</span>，每位会员不限账号数量，您可购买多个IP账号都有赠送））</p>
|
||
} *@
|
||
@if(defaultProduct.Id == 19){
|
||
<p class="youhuiNew">本产品为独享，每个账号对应一个宽带拨号，永不超载，保证了网速及稳定性。<br>使用时只需设置这个唯一的服务器：1.hhip.vip，在账号列表中点击切换地区即可任意组合自己需要的地区。本产品灵活便捷，欢迎选购！</p>
|
||
}
|
||
|
||
<div class="card">
|
||
<div style="display: flex;margin: 0 auto;">
|
||
@foreach (var package in Model.Packages.Where(m => m.IsTest == 0 && m.Status == 1&& m.Id != 1009&& m.Id != 1018&& m.Id != 1019).OrderBy(m => m.TenantId))
|
||
{
|
||
<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 #f64e3d;
|
||
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 #f64e3d;
|
||
border-left-color: transparent;
|
||
border-bottom-color: transparent;
|
||
}
|
||
</style>
|
||
@if(package.Id == 88||package.Id == 101||package.Id == 103){
|
||
|
||
<div class="item packageitem packageitem-@package.Id" 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>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
|
||
<div class="pkgNameCard" style="background-color:#f64e3d">
|
||
<p class="tianka" style="font-size:17px;">@package.Name</p>
|
||
<p class="qixian">@package.Profile</p>
|
||
</div>
|
||
<img src="~/img/check.png" class="cardCheck">
|
||
</div>
|
||
}
|
||
|
||
else if(package.Id == 1018){
|
||
|
||
<div class="item packageitem packageitem-@package.Id" 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>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
|
||
<div class="pkgNameCard" style="background-color:#f64e3d">
|
||
<p class="tianka" style="font-size:17px;">@package.Name</p>
|
||
<p class="qixian">@package.Profile</p>
|
||
</div>
|
||
<img src="~/img/check.png" class="cardCheck">
|
||
</div>
|
||
}
|
||
@* else if(package.Id == 34){
|
||
|
||
<div class="item packageitem packageitem10" 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>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
|
||
<div class="pkgNameCard" style="background-color:#f64e3d">
|
||
<p class="tianka" style="font-size:17px;">@package.Name</p>
|
||
<p class="qixian">@package.Profile</p>
|
||
</div>
|
||
<img src="~/img/check.png" class="cardCheck">
|
||
</div>
|
||
} *@
|
||
else if(package.Id==105){
|
||
|
||
<div class="item packageitem packageitem-@package.Id" 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>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
|
||
<div class="pkgNameCard" style="background-color:#f64e3d">
|
||
<p class="tianka" style="font-size:17px;">@package.Name</p>
|
||
<p class="qixian">@package.Profile</p>
|
||
</div>
|
||
<img src="~/img/check.png" class="cardCheck">
|
||
</div>
|
||
}
|
||
@* else if(package.Id == 19) {
|
||
<div class="item packageitem packageitem19" 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>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
|
||
<div class="pkgNameCard" style="background-color:#f64e3d">
|
||
<p class="tianka" style="font-size:17px;">@package.Name</p>
|
||
<p class="qixian">@package.Profile</p>
|
||
</div>
|
||
<img src="~/img/check.png" class="cardCheck">
|
||
</div>
|
||
|
||
} *@
|
||
@* else if(package.Id == 63||package.Id == 64||package.Id == 65||package.Id == 66||package.Id == 67||package.Id == 13||package.Id == 14||package.Id == 15||package.Id == 16) {
|
||
<div class="item packageitem packageitem4" 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>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
|
||
<div class="pkgNameCard" style="background-color:#f64e3d">
|
||
<p class="tianka" style="font-size:17px;">@package.Name</p>
|
||
<p class="qixian">@package.Profile</p>
|
||
</div>
|
||
<img src="~/img/check.png" class="cardCheck">
|
||
</div>
|
||
|
||
} *@
|
||
else if(package.Id == 1||package.Id == 1002||package.Id == 1003||package.Id == 4||package.Id == 7||package.Id == 12||package.Id == 17||package.Id == 22||package.Id == 27||package.Id == 32||package.Id == 37||package.Id == 42||package.Id == 62||package.Id == 69||package.Id == 73||package.Id == 80) {
|
||
<div class="item packageitem packageitem-@package.Id" 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>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
|
||
<div class="pkgNameCard" style="background-color:#f64e3d">
|
||
<p class="tianka" style="font-size:17px;">@package.Name</p>
|
||
<p class="qixian">@package.Profile</p>
|
||
</div>
|
||
<img src="~/img/check.png" class="cardCheck">
|
||
</div>
|
||
|
||
} else if(package.Id != 88) {
|
||
|
||
<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>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
|
||
<div class="pkgNameCard" style="background-color:#f64e3d">
|
||
<p class="tianka" style="font-size:17px;">@package.Name</p>
|
||
<p class="qixian">@package.Profile</p>
|
||
</div>
|
||
<img src="~/img/check.png" class="cardCheck">
|
||
</div>
|
||
}
|
||
@* <div class="item packageitem" 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>@(package.DayPrice)元/天</p>
|
||
<div class="pkgNameCard">
|
||
<p class="tianka" style="font-size:17px;">@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:#FFCC33">
|
||
<p class="youhuiNew" style="padding-bottom:0px;">温馨提示：需求5个以上，可以联系客服设置优惠价</p>
|
||
<p class="youhuiNew" style="padding-top:0px;padding-bottom:0px;">开通后有任何问题可无理由退款，并支持自助提现</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>
|
||
|
||
@if(!string.IsNullOrWhiteSpace(ViewBag.errorTip))
|
||
{
|
||
<script>
|
||
alert('@ViewBag.errorTip')
|
||
history.go(-1);
|
||
</script>
|
||
}
|
||
|
||
@section Scripts{
|
||
<script type="text/javascript">
|
||
var currentPkgId = 0;
|
||
function selectPackage(id) {
|
||
currentPkgId = id;
|
||
var el = "#pkg" + id;
|
||
//$(".packageitem").hide();
|
||
//$(el).show()
|
||
$(el).addClass("kuang");
|
||
$(el).siblings().removeClass("kuang");
|
||
$(el).find(".cardCheck").show();
|
||
$(el).siblings().find(".cardCheck").hide();
|
||
}
|
||
function loginSuccess(data) {
|
||
window.location.href = "rebuy?packageId=" + currentPkgId+"&accounts=@ViewBag.accounts";
|
||
}
|
||
$(function () {
|
||
$(".card .item").click(function () {
|
||
currentPkgId = $(this).attr('a-pkg-id');
|
||
selectPackage(currentPkgId)
|
||
})
|
||
$(".btn-submit").click(function () {
|
||
if(currentPkgId == 0){
|
||
alert("未选择套餐！");
|
||
return;
|
||
}
|
||
window.location.href = "rebuy?packageId=" + currentPkgId+"&accounts=@ViewBag.accounts";
|
||
})
|
||
selectPackage(currentPkgId)
|
||
})
|
||
|
||
</script>
|
||
} |