juipnet/Host/Views/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 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"];
    Func<string, string> P = (path) => $"{baseUrl}{path}";
}
<!-- ad -->
<div class="container-fluid ad">
    <a asp-action="taobao" asp-controller="article">   <img src="~/img/acBanner.png"></a>
</div>
<!-- con -->
<div class="container">
    <p class="text-center tit"><img src="~/img/titi_choose.png"></p>
    <div class="cpshow">

        @foreach (var item in Model)
        {
            <div class="item" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id" a-pkg-id="@(item.Packages.FirstOrDefault(m=>m.Status==1).Id)">
                <p class="cpimg"><img src="@P(item.Product.Image)" /></p>
                <p>@item.Product.Name</p>
                <img src="~/img/check.png" class="check">
            </div>
        }

    </div>
</div>
<!-- form -->

@foreach (var item in Model)
{
<div class="container stepOne packagebox" id="@("box"+item.Product.Id)">
    <div class="container bg_taocan">
        <div class="row">
            <div class="col-lg-3 text-center photo">
                <div class="photoK">
                    <img src="/@item.Product.Image">
                    <p>@item.Product.Name</p>
                </div>
            </div>
            <div class="col-lg-6 intro">
                <p>@item.Product.Name</p>
                @foreach (var str in item.Product.ContentLine)
                {
                    <p>·@str</p>
                }
                @*<p>·不限速，网速最高可达50兆</p>
                    <p>·支持手机，电脑，模拟器</p>
                    <p>·200多个城市+全国混波量ip千万级</p>
                    <p>·带宽6-10兆</p>
                    <p>·断开再链接换ip</p>*@
            </div>
            <div class="col-lg-3 text-center twoButton">
                @if (user == null)
                {
                    <p><button type="button" class="btn btn-warning testLogin" a-productId="@item.Product.Id">免费试用</button></p>
                    <p><button type="button" class="btn btn-warning reBuy">续费通道</button></p>
                }
                else
                {
                    <p>
                        <a asp-action="test" asp-controller="product" asp-route-id="@item.Product.Id"><button type="button" class="btn btn-warning">免费试用</button></a>
                    </p>
                    <p>
                        <a asp-action="myaccounts" asp-controller="user"><button type="button" class="btn btn-warning">续费通道</button></a>
                    </p>
                }


            </div>
        </div>
    </div>
    <p class="text-center nameSmall">—<span>@item.Product.Name</span>—</p>
    <div class="card">
        @foreach (var package in item.Packages.Where(m => m.IsTest == 0 && m.Status == 1))
        {
            <div class="item packageitem" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
                <p class="tianka">@package.Name</p>
                <p><span class="price">@package.Price</span>元</p>
                <p class="yuanjia">原价：<span>@package.LinePrice</span>元</p>
                <p>@(package.DayPrice)元/天</p>
                <p class="qixian">@package.Profile</p>
                <img src="~/img/check.png" class="cardCheck">
            </div>
        }
    </div>
    <p class="youhui">需求5个以上，可以联系客服设置优惠价</p>
    <p class="youhui">温馨提示：若您之前享优惠价，请联系客服帮你改价哦</p>
    
    @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>
}

@section Scripts{
    <script type="text/javascript">
        var currentPkgId = 0;
        var testProductId = 0;
        function select(id) {
            var el = "#p" + id;
            var el_box = "#box" + id;
            $(".packagebox").hide();
            $(el_box).show()
            $(el).addClass("kuang");
            $(el).siblings().removeClass("kuang");
            $(el).find(".check").show();
            $(el).siblings().find(".check").hide();
            var pkgid = $(el).attr("a-pkg-id");
            selectPackage(pkgid);
        }
        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 = "Buy?id=" + currentPkgId;
        }  
        function testLoginSuccess(data) {
            window.location.href = "Test?id=" + testProductId;
        } 
        function reBuyLoginSuccess(data) {
            window.location.href = "/User/MyAccounts";
        } 
    $(function () {
        $(".cpshow .item").click(function () {
            $(this).addClass("kuang");
            $(this).siblings().removeClass("kuang");
            $(this).find(".check").show();
            $(this).siblings().find(".check").hide();
            var pid = $(this).attr('a-pid');
            select(pid);
        });
        $(".card .item").click(function () {
            currentPkgId = $(this).attr('a-pkg-id');
            selectPackage(currentPkgId)
            //$(this).addClass("kuang");
            //$(this).siblings().removeClass("kuang");
            //$(this).find(".cardCheck").show();
            //$(this).siblings().find(".cardCheck").hide();

        })
        $(".btn-submit").click(function () {
            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>
}