ZXDT_CallCenter/code/ZXDT.CallCen.../Views/WXInterFace/GetDicSelect...

<script src="/Content/js/jquery-1.8.3.min.js"></script>
<script src="/Content/layui/layui.js"></script>
<link href="/Content/layui/css/layui.css" rel="stylesheet" />
@using ZXDT.CallCenter.Model;
<link href="/Content/css/callscreen/selectform.css" rel="stylesheet" />
<div style="height:100%;width:100%;overflow-x:hidden">
    <fieldset class="layui-elem-field layui-field-title">
        <input type="hidden" id="diccode" value="@Model.diccode" />
        <span class="layui-breadcrumb" lay-separator="→">
            <a><cite id="c1" code="@Model.code1">常进站(<span>@Model.name1</span>)</cite></a>
            <a><cite id="c2" code="@Model.code2">常出站(<span>@Model.name2</span>)</cite></a>
            <a><cite id="c3" code="@Model.code3">事发车站(<span>@Model.name3</span>)</cite></a>
        </span>
        <button style="height:30px;line-height:30px;float:right;margin-right:10px;" class="layui-btn">保存</button>
    </fieldset>
    <div class="layui-collapse" lay-filter="test" lay-accordion="">


        @if (Model != null && Model.modelList != null && Model.modelList.Count > 0)
        {
            foreach (T_Sys_DictionaryValue dicvalue in Model.modelList)
            {
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">@dicvalue.F_Name</h2>
                    <div class="layui-colla-content">

                        <table class="layui-table" lay-size="sm">
                            <colgroup>
                                <col width="150">
                                <col>
                            </colgroup>
                            <tbody>
                                @if (dicvalue.DictionaryValueModelList != null && dicvalue.DictionaryValueModelList.Count > 0)
                                {
                                    foreach (T_Sys_DictionaryValue dicchild in dicvalue.DictionaryValueModelList)
                                    {
                                        <tr>
                                            <td code="@dicchild.F_DictionaryValueId">@dicchild.F_Name</td>
                                        </tr>
                                    }
                                }

                            </tbody>
                        </table>
                    </div>
                </div>
            }
        }


    </div>

</div>
<script>
    layui.use(['table', 'element', 'layer'], function () {
        var element = layui.element;
        var layer = layui.layer;


        var diccode = $("#diccode").val();

        if (diccode != "") {
            $("#" + diccode).addClass("citeselect");
        }




        //监听折叠
        element.on('collapse(test)', function (data) {
            //layer.msg('展开状态：' + data.show);
        });
    });
    $(".layui-breadcrumb a cite").on('click', function () {
        $(".layui-breadcrumb a").find("cite").removeClass("citeselect");
        $(this).addClass("citeselect");
    });
    $(".layui-table tr td").on('click', function () {
        $(".layui-breadcrumb a .citeselect").find("span").text($(this).text());
        var tihscite = $(".layui-breadcrumb a .citeselect");
        tihscite.attr("code", $(this).attr("code"));
        //第三个选项时不在切换
        if (tihscite.attr("id") != "c3") {
            var next = tihscite.parent().next().next();
            next.find("cite").addClass("citeselect");
            tihscite.removeClass("citeselect");
        }
    });

    $(".layui-btn").on('click', function () {
        var code1 = $("#c1").attr("code");
        var name1 = $("#c1").find("span").text().replace("请选择", "");

        var code2 = $("#c2").attr("code");
        var name2 = $("#c2").find("span").text().replace("请选择", "");

        var code3 = $("#c3").attr("code");
        var name3 = $("#c3").find("span").text().replace("请选择", "");
        window.parent.saveParams(code1, name1, code2, name2, code3, name3);
        var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
        parent.layer.close(index);
    });


</script>