GBRSGB/CZKJ.GBRS2.WebMVC/Views/Position/Detail.cshtml

@model PositionEntity
@section style{
    <!-- private css -->
    <link rel="stylesheet" href="@ConfigHelper.GetCDNPrefix()/assets/plugins/share/share.min.css">
    <link rel="stylesheet" href="@ConfigHelper.GetCDNPrefix()/assets/plugins/swiper/idangerous.swiper.css">
    <link rel="stylesheet" href="@ConfigHelper.GetCDNPrefix()/assets/css/detail.css">
    <style>
        @@media(min-width:768px) {
            .m-header {
                height: 84px;
                display: block !important;
            }
        }
    </style>
}
<div class="container detail-box">
    <p class="back-tip">
        <a class="back-nav" href="@Url.Action("List","Position",new { typeId= Model.TypeId})">
            <i></i> 返回 @Model.TypeName
        </a> | @Model.TypeName
    </p>
    <div class="recurit-con">
        <div class="title">
            <h2>@Model.Name</h2>
            <p>
                地点：
                <span>@Model.Address</span>
            </p>
            <p>
                部门：
                <span>@Model.Department</span>
            </p>
        </div>
        <div class="recurit-html">
            <div class="job-detail">
                <h4>岗位职责</h4>
                <p>@Html.Raw(Model.Respons)</p>
                <h4>岗位要求</h4>
                <p>@Html.Raw(Model.Requirement)</p>
            </div>
            <p class="recurit-mail">有意者可投简历到：<a href="mailto:recruit@guobaojinrong.com">recruit@guobaojinrong.com</a></p>
        </div>
    </div>
</div>

<!-- 推荐 -->
<div class="recommend">
    <div class="container detail-box">
        <div class="index-tit">
            <h2>
                相似工作岗位
            </h2>
            <p>发现与您的求职相匹配的相关工作机会</p>
        </div>
        <div class="swiper-container" id="job">
            <div class="swiper-wrapper">
                @foreach (var item in ViewBag.RelevantList as IList<PositionEntity>)
                {
                    <div class="swiper-slide">
                        <a href="@Url.Action("Detail","Position",new { id = item.Id})">
                            <div class="txt">
                                <h2>@item.Name</h2>
                                <p>部门：@item.Department</p>
                                <p>地点：@item.Address</p>
                            </div>
                            <span>
                                阅读详情
                                <i></i>
                            </span>
                        </a>
                    </div>
                }
            </div>
            <div class="swiper-pagination"></div>
        </div>

        <span class="arrow-left arrow disabled visible-lg-block"></span>
        <span class="arrow-right arrow visible-lg-block"></span>
    </div>
</div>
@section script{
    <!-- private js -->
    <script src="/assets/plugins/swiper/idangerous.swiper.min.js"></script>
    <script>
        window.dataMark = "0$15231983314041342$$15231983915221104$";
        $(function () {
            //相似工作
            var jobSwiper = new Swiper('#job', {
                pagination: '#job .swiper-pagination',
                slidesPerView: 1,
                speed: 800,
                onSlideChangeStart: function (swiper) {
                    isFirstFast();
                    isLastFast();
                }
            })
            $('.arrow-left').on('click', function (e) {
                e.preventDefault();
                jobSwiper.swipePrev();
                isFirstFast();
                $('.arrow-right').removeClass("disabled");
            })
            $('.arrow-right').on('click', function (e) {
                e.preventDefault();
                jobSwiper.swipeNext();
                isLastFast();
                $('.arrow-left').removeClass("disabled")
            })

            function isFirstFast() {
                if (jobSwiper.activeIndex == 0) {
                    $('.arrow-left').addClass("disabled");
                } else {
                    $('.arrow-left').removeClass("disabled");
                }
            }

            function isLastFast() {
                if (jobSwiper.activeIndex == jobSwiper.slides.length - 3) {
                    $('.arrow-right').addClass("disabled");
                } else {
                    $('.arrow-right').removeClass("disabled");
                }
            }

            fastRWD();
            $(window).on("resize", function () {
                fastRWD();
            })
            //fast track style response
            function fastRWD() {
                if (innerWidth < 768) {
                    jobSwiper.params.slidesPerView = 1;
                    jobSwiper.reInit();
                } else {
                    jobSwiper.params.slidesPerView = 3;
                    jobSwiper.reInit();
                }
            }
        })
    </script>
}