src/ZKEACMS.WebHost/Views/Layout/SelectZone.cshtml

微信扫码关注公众号，代码整理好后第一时间通知你。

@model LayoutEntity
@{
    Layout = Layouts.PopUp;
    if (Model == null)
    {
        return;
    }
}
<style>
    .panel {
        cursor: pointer;
    }

        .panel.active {
            background: #337ab7;
            color: #fff;
        }
</style>
<div>
    @for (int i = 0; i < Model.Html.Count; i++)
    {
        var itemHtml = Model.Html[i];
        if (itemHtml.Html == ZoneEntity.ZoneTag)
        {
            i++;
            itemHtml = Model.Html[i];
            foreach (var item in Model.Zones.Where(m => m.HeadingCode == itemHtml.Html))
            {
                <div class="panel panel-default @(item.HeadingCode == ViewBag.ZoneId ? "active" : "")" style="margin: 5px; text-align: center;" data-zoneid="@item.HeadingCode">
                    <div class="panel-body">
                        @item.ZoneName
                    </div>
                </div>
            }
            i++;
            continue;
        }
        @Html.Raw(itemHtml.NoStyleHtml)
    }

</div>
@using (Script.AtFoot())
{
    <script type="text/javascript">
        $(document).on("click", ".panel", function () {
            $(".panel").removeClass("active");
            $(this).addClass("active");
            Set($(this).data("zoneid"));
        });
    </script>
}