juipnet/Host/Views.Mobile/Product/Index.cshtml

@using Hncore.Pass.Vpn.Response.Product
@using Microsoft.Extensions.Configuration
@using Hncore.Pass.BaseInfo.Response
@using Hncore.Infrastructure.Serializer;
@inject IConfiguration m_Configuration
@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 defaultPackage = Model.Where(m => m.Product.Id == defaultProduct.Id).Select(m => m.Packages.FirstOrDefault()).FirstOrDefault();
    var baseUrl = m_Configuration["BaseInfoUrl"];
    Func<string, string> P = (path) => $"{baseUrl}{path}";
}
@* <div class="cpBanner">
    <img src="~/m/img/cpBanner.png">
</div> *@
<div class="cpBanner" style="background-image: url(/img/acBanner_1.png?11231);background-repeat:round;background-size:auto auto;height:360px;">

    <div class="row" style="color:white;width:calc(100vw-1px);text-align:center;padding-top:10px;">
        <div class="col-md-8 " style="padding-top:1.5%;">
            <h2 >十余种全网知名旗舰产品低价热销</h2>
            <h1 style="font-size:45px;">淘宝动态IP销量排名NO.1</h1>
            <h4 style="color: #e45b4b;">已完美对接淘宝、淘宝付款后、金额将自动充值到您的会员余额中</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;">欢迎淘宝下单，每次下单都会随机赠送优惠券，最低54元<br>优惠券支持所有套餐！<span style="color:#FFFF00;">点击去淘宝店铺付款&nbsp;<span class="glyphicon glyphicon-arrow-right"></span></span></h4></a>
        </div>
        <div class="col-md-3 col-md-offset-1" style="padding-top:2%;">
            <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>
</div>
<div class="cpNav">
    <div class="item">
        <ul class="nav nav-tabs cpName" role="tablist">
            @foreach (var item in Model)
            {
                if(item.Product.Id == 6) {
                    <li role="presentation" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
                        <a href="#@item.Product.Id" role="tab" data-toggle="tab" style="font-size: 25px;"><span class="glyphicon glyphicon-thumbs-up" style="color: #f64e3d;font-weight:bold;padding-right: 5px;"></span>@item.Product.Name<span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">9折</span></a>
                    </li>
                }
                else if(item.Product.Id == 18) {
                    <li role="presentation" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
                        <a href="#@item.Product.Id" role="tab" data-toggle="tab" style="font-size: 25px;"><span class="glyphicon glyphicon-thumbs-up" style="color: #f64e3d;font-weight:bold;padding-right: 5px;">新</span>@item.Product.Name<span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">7折</span></a>
                    </li>
                }
                else if(item.Product.Id == 1||item.Product.Id == 2||item.Product.Id == 13||item.Product.Id == 17||item.Product.Id == 19) {
                    <li role="presentation" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
                        <a href="#@item.Product.Id" role="tab" data-toggle="tab" style="font-size: 25px;">@item.Product.Name<span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">8折</span></a>
                    </li>
                }
                else if(item.Product.Id == 5) {
                    <li role="presentation" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
                        <a href="#@item.Product.Id" role="tab" data-toggle="tab" style="font-size: 25px;">@item.Product.Name<span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">9折</span></a>
                    </li>
                 }
                 else if(item.Product.Id == 14) {
                    <li role="presentation" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
                        <a href="#@item.Product.Id" id="p14" role="tab" data-toggle="tab" style="font-size: 25px;">@item.Product.Name<span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">8折</span></a>
                    </li>
                }
                else{
                    
                    <li role="presentation" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
                        <a href="#@item.Product.Id" role="tab" data-toggle="tab" style="font-size: 25px;">@item.Product.Name </a>
                    </li>
                }
            }
        </ul>
    </div>
    <script>
        $("#select-7").on('click',function(){
            alert('请注意！无尽IP仅供电脑端使用！');
        });

         $("#select-19").on('click',function(){
            alert('本产品为独享，每个账号对应一个宽带拨号，永不超载，保证了网速及稳定性。使用时只需设置这个唯一的服务器：1.hhip.vip，在账号列表中点击切换地区即可任意组合自己需要的地区。本产品灵活便捷，欢迎选购！');
        });
    </script>
    <div class="item">
        <div class="tab-content">
            @foreach (var item in Model)
            {
            <div role="tabpanel" class="tab-pane @(item.Product.Id==defaultProduct.Id?"active":"")" id="@item.Product.Id">
                <p class="texing">@item.Product.Name</p>
                <ul class="texingList">
                    @foreach (var str in item.Product.ContentLine)
                    {
                        <li>·@str</li>
                    }
                </ul>
                
                <div class="p_type @("type"+item.Product.Id)" >
                    <button type="button" onclick="ttzhizun()" class="btn btn-default btn-lg" style="background-color: #FF9900;">尊享版</button>
                    <button type="button" onclick="ttgaoji()" class="btn btn-default btn-lg" style="background-color: #FF9900;">高级版</button>
                    <button type="button" onclick="ttputong()" class="btn btn-default btn-lg" style="background-color: #FF9900;">普通版</button>
                </div>
                @if (item.Product.Id == 20) {
                    <div>
                        <button type="button" onclick="wjdxphone()" class="btn btn-default btn-lg" style="background-color: #FF9900;">安卓/苹果</button>
                        <button type="button" onclick="wjdxpc()" class="btn btn-default btn-lg" style="background-color: #FF9900;">电脑</button>
                    </div>
                        <br>
                    <div>
                        <button type="button" onclick="wjdxpt()" class="btn btn-default btn-lg" style="background-color: #FF9900;">普通版-5兆</button>
                        <button type="button" onclick="wjdxgj()" class="btn btn-default btn-lg" style="background-color: #FF9900;">高端版-10兆</button>
                    </div>
                }
                
                @if (item.Product.Id == 21) {
                    <div>
                        <button type="button" onclick="wjgxphone()" class="btn btn-default btn-lg" style="background-color: #FF9900;">安卓/苹果</button>
                        <button type="button" onclick="wjgxpc()" class="btn btn-default btn-lg" style="background-color: #FF9900;">电脑</button>
                    </div>
                        <br>
                    <div>
                        <button type="button" onclick="wjgxpt()" class="btn btn-default btn-lg" style="background-color: #FF9900;">普通版</button>
                        <button type="button" onclick="wjgxgj()" class="btn btn-default btn-lg" style="background-color: #FF9900;">极速版</button>
                    </div>
                }
                <script>
                    
                    $(".p_type").hide();
                    $("#p14").click(function () {
                        $(".type14").show();
                        for (var i=1034;i<1046;i++){
                            $("#package-"+i).hide();
                        }
                    });
                    function ttzhizun() {
                        $("#package-89").show();
                        $("#package-69").show();
                        $("#package-70").show();
                        $("#package-71").show();
                        $("#package-1022").show();
                        $("#package-1023").show();
                        for (var i=1034;i<1046;i++){
                            $("#package-"+i).hide();
                        }
                    }
                    function ttgaoji() {
                        $("#package-89").hide();
                        $("#package-69").hide();
                        $("#package-70").hide();
                        $("#package-71").hide();
                        $("#package-1022").hide();
                        $("#package-1023").hide();
                        for (var i=1040;i<1046;i++){
                            $("#package-"+i).hide();
                        }
                        for (var i=1034;i<1040;i++){
                            $("#package-"+i).show();
                        }
                    }
                    function ttputong() {
                        $("#package-89").hide();
                        $("#package-69").hide();
                        $("#package-70").hide();
                        $("#package-71").hide();
                        $("#package-1022").hide();
                        $("#package-1023").hide();
                        for (var i=1040;i<1046;i++){
                            $("#package-"+i).show();
                        }
                        for (var i=1034;i<1040;i++){
                            $("#package-"+i).hide();
                        }
                    }
                    
        var wjdxtype = 1;
        function wjdxphone() {
            wjdxtype = 1;
            for (var i=1048;i<1051;i++){
                $("#package-"+i).show();
            }
            for (var i=1051;i<1060;i++){
                $("#package-"+i).hide();
            }
        }
        wjdxphone();
        
        function wjdxpc() {
            wjdxtype = 2;
            for (var i=1048;i<1054;i++){
                $("#package-"+i).hide();
            }
            for (var i=1057;i<1060;i++){
                $("#package-"+i).hide();
            }
            for (var i=1054;i<1057;i++){
                $("#package-"+i).show();
            }
        }
        function wjdxpt() {
            if (wjdxtype == 1) {
                for (var i=1051;i<1060;i++){
                    $("#package-"+i).hide();
                }
                for (var i=1048;i<1051;i++){
                    $("#package-"+i).show();
                }
            } else if (wjdxtype == 2) {
                for (var i=1048;i<1054;i++){
                    $("#package-"+i).hide();
                }
                for (var i=1054;i<1057;i++){
                    $("#package-"+i).show();
                }
                
                for (var i=1057;i<1060;i++){
                    $("#package-"+i).hide();
                }
            }
        }
        function wjdxgj() {
            if (wjdxtype == 1) {
                for (var i=1048;i<1051;i++){
                    $("#package-"+i).hide();
                }
                for (var i=1051;i<1054;i++){
                    $("#package-"+i).show();
                }
                
                for (var i=1054;i<1060;i++){
                    $("#package-"+i).hide();
                }
            } else if (wjdxtype == 2) {
                for (var i=1048;i<1057;i++){
                    $("#package-"+i).hide();
                }
                for (var i=1057;i<1060;i++){
                    $("#package-"+i).show();
                }
            }
        }

        
        //1 安卓、苹果 2 pc
        var wjgxtype = 1;
        function wjgxphone() {
            wjgxtype = 1;
            for (var i=1060;i<1063;i++){
                $("#package-"+i).show();
            }
            for (var i=1063;i<1072;i++){
                $("#package-"+i).hide();
            }
        }
        wjgxphone();
        
        function wjgxpc() {
            wjgxtype = 2;
            for (var i=1060;i<1066;i++){
                $("#package-"+i).hide();
            }
            for (var i=1069;i<1072;i++){
                $("#package-"+i).hide();
            }
            for (var i=1066;i<1069;i++){
                $("#package-"+i).show();
            }
        }
        function wjgxpt() {
            if (wjgxtype == 1) {
                for (var i=1060;i<1063;i++){
                    $("#package-"+i).show();
                }
                for (var i=1063;i<1072;i++){
                    $("#package-"+i).hide();
                }
            } else if (wjgxtype == 2) {
                for (var i=1060;i<1063;i++){
                    $("#package-"+i).hide();
                }
                for (var i=1063;i<1066;i++){
                    $("#package-"+i).show();
                }
                
                for (var i=1067;i<1072;i++){
                    $("#package-"+i).hide();
                }
            }
        }
        function wjgxgj() {
            if (wjgxtype == 1) {
                for (var i=1060;i<1063;i++){
                    $("#package-"+i).hide();
                }
                for (var i=1063;i<1066;i++){
                    $("#package-"+i).show();
                }
                
                for (var i=1066;i<1072;i++){
                    $("#package-"+i).hide();
                }
            } else if (wjgxtype == 2) {
                for (var i=1060;i<1069;i++){
                    $("#package-"+i).hide();
                }
                for (var i=1069;i<1072;i++){
                    $("#package-"+i).show();
                }
            }
        }
                </script>
                <p style="color: #ec6e58;font-size:30px;font-weight: bold;background-color:#FFFF00">
                    需求5个以上，可以联系客服设置优惠价;
                    开通后有任何问题可无理由退款，并支持自助提现
                </p>
                
                @foreach (var package in item.Packages.Where(m => m.Status == 1&&(m.TenantId==1157||m.TenantId==9999||m.TenantId==10000)).OrderBy(m => m.TenantId))
                {
                    if (package.IsTest == 1)
                    {
                        <a asp-action="test" id="@("package-"+package.Id)" asp-controller="product" asp-route-id="@package.ProductId">
                            <div class="card color_@((item.Packages.IndexOf(package)+1)%5)">
                                <div class="item">
                                    <p>@package.Name</p>
                                    <p>@(package.DayPrice)元/天</p>
                                    <p>@package.Profile</p>
                                </div>
                                <div class="item">
                                    <p>¥<span>0.00</span></p> 
                                    <p style="color: #FF9900;text-decoration: line-through">原价：@package.LinePrice 元</p>
                                </div>
                            </div>
                        </a>
                    }
                    
                    else
                    {
                        @if(package.Price == 0.1M){
                            <a asp-action="buy" id="@("package-"+package.Id)" asp-controller="product" asp-route-id="@package.Id">
                                <div class="card color_@((item.Packages.IndexOf(package)+1)%5)">
                                    <div class="item">
                                        <p style="font-size: 35px;color:#FFFF00;">@package.Name 首单</p>
                                        <p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
                                        <p>@package.Profile</p>
                                    </div>
                                    <div class="item">
                                        <p>¥<span>@package.Price</span></p> 
                                        <p style="color: #FF9900;text-decoration: line-through">原价：@package.LinePrice 元</p>
                                        
                                    </div>
                                </div>
                            </a>
                        } 
                        else if (package.Id==1034||package.Id==1040)
                        {
                            <a asp-action="test" id="@("package-"+package.Id)" asp-controller="product" asp-route-id="@package.Id">
                                <div class="card color_@((item.Packages.IndexOf(package)+1)%5)">
                                    <div class="item">
                                        <p>@package.Name</p>
                                        <p>@(package.DayPrice)元/天</p>
                                        <p>@package.Profile</p>
                                    </div>
                                    <div class="item">
                                        <p>¥<span>0.00</span></p> 
                                        <p style="color: #FF9900;text-decoration: line-through">原价：@package.LinePrice 元</p>
                                    </div>
                                </div>
                            </a>
                        }
                        else if(package.Id == 88||package.Id == 101||package.Id == 103||package.Id == 104||(package.Id>103 && package.Id<1000)||package.Id==1019){
                            <a asp-action="buy" id="@("package-"+package.Id)" asp-controller="product" asp-route-id="@package.Id">
                                <div class="card color_@((item.Packages.IndexOf(package)+1)%5)">
                                    <div class="item">
                                        <p style="font-size: 35px;color:#FFFF00;">@package.Name 送1月</p>
                                        <p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
                                        <p>@package.Profile</p>
                                    </div>
                                    <div class="item">
                                        <p>¥<span>@package.Price</span></p> 
                                        <p style="color: #FF9900;text-decoration: line-through">原价：@package.LinePrice 元</p>
                                        
                                    </div>
                                </div>
                            </a>
                        } 
                         else if(package.Id==1020){
                            <a asp-action="buy" id="@("package-"+package.Id)" asp-controller="product" asp-route-id="@package.Id">
                                <div class="card color_@((item.Packages.IndexOf(package)+1)%5)">
                                    <div class="item">
                                        <p style="font-size: 35px;color:#FFFF00;">@package.Name</p>
                                        <p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
                                        <p>@package.Profile</p>
                                    </div>
                                    <div class="item">
                                        <p>¥<span>@package.Price</span></p> 
                                        <p style="color: #FF9900;text-decoration: line-through">原价：@package.LinePrice 元</p>
                                        
                                    </div>
                                </div>
                            </a>
                        } 
                        @* else if(package.Id == 19) {

                            <a asp-action="buy" asp-controller="product" asp-route-id="@package.Id">
                                <div class="card color_@((item.Packages.IndexOf(package)+1)%5)">
                                    <div class="item">
                                        <p style="font-size: 35px;color:#FFFF00;">@package.Name 送10天</p>
                                        <p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
                                        <p>@package.Profile</p>
                                    </div>
                                    <div class="item">
                                        <p>¥<span>@package.Price</span></p> 
                                        <p style="color: #FF9900;text-decoration: line-through">原价：@package.LinePrice 元</p>
                                    </div>
                                </div>
                            </a>

                            
                        }  *@
                        @* 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) {

                            <a asp-action="buy" asp-controller="product" asp-route-id="@package.Id">
                                <div class="card color_@((item.Packages.IndexOf(package)+1)%5)">
                                    <div class="item">
                                        <p style="font-size: 35px;color:#FFFF00;">@package.Name 八折</p>
                                        <p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
                                        <p>@package.Profile</p>
                                    </div>
                                    <div class="item">
                                        <p>¥<span>@package.Price</span></p> 
                                        <p style="color: #FF9900;text-decoration: line-through">原价：@package.LinePrice 元</p>
                                    </div>
                                </div>
                            </a>

                            
                        }  *@
                        @* else if(package.Id == 71||package.Id == 102||package.Id == 100) {

                            <a asp-action="buy" asp-controller="product" asp-route-id="@package.Id">
                                <div class="card color_@((item.Packages.IndexOf(package)+1)%5)">
                                    <div class="item">
                                        <p style="font-size: 35px;color:#FFFF00;">@package.Name 送7天</p>
                                        <p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
                                        <p>@package.Profile</p>
                                    </div>
                                    <div class="item">
                                        <p>¥<span>@package.Price</span></p> 
                                        <p style="color: #FF9900;text-decoration: line-through">原价：@package.LinePrice 元</p>
                                    </div>
                                </div>
                            </a>

                            
                        }  *@
                        else if(package.Id == 1||package.Id == 1002||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) {

                            <a asp-action="buy" id="@("package-"+package.Id)" asp-controller="product" asp-route-id="@package.Id">
                                <div class="card color_@((item.Packages.IndexOf(package)+1)%5)">
                                    <div class="item">
                                        @if(package.Title != ""){
                                            <p style="font-size: 35px;color:#FFFF00;">@package.Name @package.Title 折</p>
                                        } else {
                                            <p style="font-size: 35px;color:#FFFF00;">@package.Name 9 折</p>
                                        }
                                        <p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
                                        <p>@package.Profile</p>
                                    </div>
                                    <div class="item">
                                        <p>¥<span>@package.Price</span></p> 
                                        <p style="color: #FF9900;text-decoration: line-through">原价：@package.LinePrice 元</p>
                                    </div>
                                </div>
                            </a>

                            
                        }
                        else {
                            <a asp-action="buy" id="@("package-"+package.Id)" asp-controller="product" asp-route-id="@package.Id">
                                <div class="card color_@((item.Packages.IndexOf(package)+1)%5)">
                                    <div class="item">
                                        @if(package.Title != ""){
                                            <p style="font-size: 35px;color:#FFFF00;">@package.Name @package.Title 折</p>
                                        } else {
                                            <p style="font-size: 35px;color:#FFFF00;">@package.Name 8 折</p>
                                        }
                                        <p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
                                        <p>@package.Profile</p>
                                    </div>
                                    <div class="item">
                                        
                                        @if((package.Id == 64||package.Id == 1004)&&package.Price<60){
                                            <p>¥<span>60.00</span></p> 
                                        } else {
                                            <p>¥<span>@package.Price</span></p> 
                                        }
                                        <p style="color: #FF9900;text-decoration: line-through">原价：@package.LinePrice 元</p>
                                    </div>
                                </div>
                            </a>
                        }
                    }
                }
            </div>
            }
        </div>
    </div>
</div>