GBRSWN/CZKJ.GBRS2.WebMVC/Views/Home/Search.cshtml

@model HomeSearchModel
@section style{
    <link rel="stylesheet" href="@ConfigHelper.GetCDNPrefix()/assets/plugins/page/paging.css">
    <link rel="stylesheet" href="@ConfigHelper.GetCDNPrefix()/assets/css/search.css">
    <style>
        @@media(min-width:768px) {
            .m-header {
                height: 84px;
                display: block !important;
            }
        }
    </style>
}
<div class="search-wrap">
    <div class="search-box">
        <div class="input">
            <input type="text" placeholder="关键字" value="@Model.Keywords">
            <i></i>
        </div>
        <a href="javascript:void(0);">搜索</a>
    </div>
</div>
<div class="search-tab">
    <div class="search-wrap">
        <a href="javascript:void(0);" class="cur">新闻中心（@Model.aRowsCount）</a>
        <a href="javascript:void(0);">产品（@Model.pRowsCount）</a>
    </div>
</div>
<div class="search-wrap">
    <div class="search-tab-con">

        @if (Model.aRowsCount > 0)
        {
            <ul>
                @foreach (var item in Model.ArticleList)
                {
                    <li>
                        <a href="@Url.Action("Detail", "Article", new { id = item.Id })" target="_blank">
                            <span>@item.TypeName</span>
                            <h2>
                                @item.Title
                            </h2>
                            <span>@item.PublishTime.ToString("yyyy年MM月dd日")</span>
                        </a>
                    </li>
                }
            </ul>
            <div class="pageDiv pageDiv1"></div>
        }
        else
        {
            <p style="padding:50px 0">暂无 @Model.Keywords 相关搜索结果~</p>
        }


    </div>
    <div class="search-tab-con" style="display:none">

        @if (Model.pRowsCount > 0)
        {
            <ul>
                @foreach (var item in Model.ProductList)
                {
                    <li>
                        <a href="@Url.Action("Detail", "Product", new { id = item.Id })" target="_blank">
                            <span>@item.TypeName</span>
                            <h2>
                                @item.Title
                            </h2>
                            <span>@item.PublishTime.ToString("yyyy年MM月dd日")</span>
                        </a>
                    </li>
                }
            </ul>
            <div class="pageDiv pageDiv2"></div>
        }
        else
        {
            <p style="padding:50px 0">暂无 @Model.Keywords 相关搜索结果~</p>
        }

    </div>
</div>
<div class="foot-h"></div>
@section script{
    <script src="/assets/plugins/page/jquery.page.js"></script>
    <script>
        $(function () {
            //搜索
            var $input = $(".search-box input");
            var $close = $(".search-box .input i");
            var $searchBtn = $(".search-box a");
            $input.on("keyup", function () {
                var val = $(this).val();
                val ? $close.show() : $close.hide();
            });
            if ($input.val()) {
                $close.show();
            }
            $close.on("click", function () {
                $input.val("");
                $(this).hide();
            })
            $searchBtn.click(function () {
                searchSkip();
            });
            $(document).on("keyup.search", function (e) {
                if (e.keyCode == 13) {
                    searchSkip();
                }
            })
            function searchSkip() {
                var val = $input.val().trim();
                if (val) {
                    location.href = "/home/search?keywords=" + val;
                }
            }
            //切换
            $(".search-tab a").click(function () {
                var index = $(this).index();
                $(this).addClass("cur").siblings().removeClass("cur");
                $(".search-tab-con").eq(index).show().siblings().hide();
            })

            //新闻分页
            var apageSize = 10;
            var arowsCount = @(Model.aRowsCount);
            var apageIndex = @(Model.aPageIndex);
            $(".pageDiv1").createPage({
                pageCount: Math.ceil(arowsCount / apageSize), //总页数
                current: apageIndex, //当前页
                turndown: 'false',
                backFn: function (p) {
                    apageIndex = p;
                    location.href = "/home/search?keywords=" + $input.val() + "&apageIndex=" + apageIndex + "&apageSize=" + apageSize;
                }
            });

            //产品分页
            var ppageSize = 10;
            var prowsCount = @(Model.pRowsCount);
            var ppageIndex = @(Model.pPageIndex);
            $(".pageDiv2").createPage({
                pageCount: Math.ceil(prowsCount / ppageSize), //总页数
                current: ppageIndex, //当前页
                turndown: 'false',
                backFn: function (p) {
                    ppageIndex = p;
                    location.href = "/home/search?keywords=" + $input.val() + "&ppageIndex=" + ppageIndex + "&ppageSize=" + ppageSize;
                }
            });

        })
    </script>
}