@{
    ViewBag.Title = "自定义结构";
    ViewBag.Menu = "系统管理-自定义结构";

    Layout = "~/Views/Shared/_MainLayout.cshtml";
    var pageObj = new
    {
        ColumnTypes = ViewBag.ColumnTypes,
        SummaryType = "黑箱交易"
    };
}
@section CSS{
    @*<link rel="stylesheet" href="~/Style/Css/FinancialSummary.css" />*@
    <link href="~/Statics/libs/zTree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
    <style>
        .ui-jqgrid {
            margin: 0 !important;
        }

        .inblock {
            margin: 10px 15px
        }

        .title {
            display: block;
            text-align: center;
        }

        #infoTree {
            width: 300px;
        }

        #detailTree {
            width: 620px;
        }

        .ztree li span.switch {
            display: none;
        }

        .ztree * {
            font-size: 15px;
        }

        .ztree li {
            line-height: 30px;
        }

        #infoTree li a input.rename {
            height: 28px;
            width: 100%;
            font-size: 15px;
        }

        #detailTree li a input.rename {
            height: 28px;
            width: 120px;
            font-size: 15px;
        }

        .ztree li span.button.edit, .ztree li span.button.remove {
            margin: 7px 3px;
        }

        .ztree li a.curSelectedNode, .ztree li a, .ztree li a.curSelectedNode_Edit {
            height: 30px;
            width: 100%;
            /*border: 1px solid #333;*/
            border-color: #d3d3d3;
            box-shadow: 0 0 0 0.1rem rgb(200 200 200 / 50%);
        }

        .ztree li:first-child a {
            text-align: center;
            text-decoration: none;
            color: black;
        }

        .ztree li:last-child a {
            text-align: center;
            text-decoration: underline;
            color: blue;
        }

        .columnInfo {
            width: 150px;
            height: 100%;
            display: inline-block;
            text-align: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            /*border: 1px solid black;*/
        }

        .wentiEdit {
            height: auto !important;
            margin: 5px 10px;
        }
        /*.ztree li span {
                display: inherit;
                width: 150px;
            }*/
    </style>
}

@section JS{
    <script>
        const pageObj = @Json.Serialize(pageObj);
    </script>
    <script src="~/Scripts/app/Structure/StructureInfo.js?v=@HtmlUtil.JsVersion"></script>
    <script src="~/Statics/libs/zTree/js/jquery.ztree.all-3.5.min.js?v=@(HtmlUtil.JsVersion)"></script>
}

<ul id="myTab" class="nav nav-tabs nav-main">
    <li class="nav-item">
        <a class="nav-link" href="javascript:void(0)" value="BALCK_TRADE">黑箱交易</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="javascript:void(0)" value="CUSTOM_TRADE">自定义交易</a>
    </li>
</ul>
<div id="riskContent" class="yc-panel my-0 p-0">
    <div class="searchbtn mx-2" tag="黑箱交易 自定义交易">
    </div>
    <div style="display:flex">
        <div class="inblock">
            <span class="h3 title">结构信息</span>
            <ul id="infoTree" class="ztree yc-panel"></ul>
        </div>
        <div class="inblock">
            <span class="h3 title">字段信息</span>
            <ul id="detailTree" class="ztree yc-panel"></ul>
        </div>
    </div>
</div>