GBRSWN/CZKJ.GBRS2.WebMVC/Views/PriceAnnouncement/Detail.cshtml

@model PriceAnnouncementIndexModel
@section style{
    <link rel="stylesheet" href="@ConfigHelper.GetCDNPrefix()/assets/css/info.css">
    <link href="@ConfigHelper.GetCDNPrefix()/assets/css/rate.css" rel="stylesheet" />
    <style>
        .filterInp .d-close {
            position: absolute;
            right: 25px;
            top: 0;
            z-index: 10;
            padding: 0 5px;
            color: #b0b0b0;
        }

            .filterInp .d-close.d-hide {
                display: none;
            }

        @@media(max-width:768px) {
            .mobilemargintop {
                margin-top: 40px !important;
            }
        }
    </style>
}
<div class="container info mobilemargintop" style="margin-top:120px;">
    <div class="row">
        <h2 class="title visible-xs-inline-block open-mask">
            价格公告
            <i></i>
        </h2>
        <div class="left">
            <h2 class="title close-mask">
                <em class="visible-xs-inline-block">
                    <img src="/assets/image/arrow-color-left.png" alt="">
                </em>价格公告
            </h2>
            <div class="ul-box">
                <ul>
                    @foreach (var item in Model.ArticleList)
                    {
                        <li class="@(item.Id == Model.Detail.Id?"cur":"")">
                            <a href="@(Url.Action("Detail","PriceAnnouncement",new { id = item.Id}))">@item.Title</a>
                        </li>
                    }
                    <li>
                        <a href="@Url.Action("Index","PriceAnnouncement")">万能险结算利率公告</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="right">
            <h2>@Model.Detail.Title</h2>
            <!--dd  -->
            <div class="info-detail">
                <div class="con">
                    @Html.Raw(Model.Detail.Detail)
                </div>
            </div>
        </div>
    </div>
</div>
@section script{
    <script>
        window.dataMark = "0$15231983314041342$$15231983721956102$";
        $(function () {
            $(".open-mask").click(function () {
                $(".left").addClass("showIn")
            })
            $(".close-mask").click(function () {
                $(".left").removeClass("showIn")
            })
            $(".ul-box a").has("i").on("click", function () {
                if ($(this).hasClass("cur")) {
                    $(this).removeClass("cur").siblings("ul").slideUp().find("a").removeClass("cur")
                        .siblings(
                            "ul").slideUp();
                } else {
                    $(this).addClass("cur").siblings("ul").slideDown();
                    $(this).closest("li").siblings("li").find("a").removeClass("cur").siblings("ul")
                        .slideUp();
                }
            });
            var data = {
                "title": "根节点",
                "children": [{
                    "title": "基本信息",
                    "children": [{
                        "title": "基本信息二级",
                        "children": [{
                            "title": "基本信息三级"
                        }]
                    }, {
                        "title": "基本信息二级"
                    }]
                }, {
                    "title": "临时信息"
                }, {
                    "title": "其他信息",
                    "children": [{
                        "title": "其他信息二级"
                    }]
                }]
            };
            var res = "";

            $(".ul-test").append(dataText(data));

            function dataText(item) {
                if (item.children && item.children.length > 0) {
                    for (var i = 0; i < item.children.length; i++) {
                        res += "<li><a>" + item.children[i].title + "</a>";
                        if (item.children[i].children && item.children[i].children.length > 0) {
                            res += "<i></i><ul>"
                        }
                        dataText(item.children[i]);
                        if (item.children[i].children && item.children[i].children.length > 0) {
                            res += "</ul>"
                        }
                        res += "</li>"
                    }
                }
                return res;
            }
        })
    </script>

}