Calculation/app/view/contract/tender.ejs

<div class="panel-content">
    <div class="panel-title fluid">
        <div class="title-main d-flex justify-content-between">
            <div id="show-level"></div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="sjs-height-0" style="background-color: #fff">
            <style>
                .c-body .table thead th {
                    border: none;
                    outline-width: 1px;
                    outline-style: solid;
                    outline-color: #dee2e6;
                }
            </style>
            <div class="c-body">
            </div>
        </div>
    </div>
</div>
<script>
    const tenders = JSON.parse(unescape('<%- escape(JSON.stringify(tenderList)) %>'));
    console.log(tenders);
    const category = JSON.parse(unescape('<%- escape(JSON.stringify(categoryData)) %>'));
    const selfCategoryLevel = JSON.parse(unescape('<%- escape(JSON.stringify(selfCategoryLevel)) %>'));
    const uid = '<%- uid %>';
    const pid = '<%- pid %>';
    const is_admin = <%- ctx.session.sessionUser.is_admin %>;

    const uphlname = 'user_' + uid + '_pro_' + pid + '_category_hide_contract_list';

    // $.subMenu({
    //     menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
    //     toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
    //     key: 'list.menu.1.0.0',
    //     miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
    //     callback: function (info) {
    //         if (info.mini) {
    //             $('.panel-title').addClass('fluid');
    //             $('#sub-menu').removeClass('panel-sidebar');
    //             $('.c-body table thead').css('left', '56px');
    //         } else {
    //             $('.panel-title').removeClass('fluid');
    //             $('#sub-menu').addClass('panel-sidebar');
    //             $('.c-body table thead').css('left', '176px');
    //         }
    //         autoFlashHeight();
    //     }
    // });
</script>