menuManage.html 8.25 KB
<!--mainright内容-->
<div class="margin-top-18 ITD-common-display-flex" style="margin-left: -5px">
    <div class="menumanage-container-l margin-right-24 padding0-14 ITD-bgcolor-white ITD-border-radius ITD-box-shadow ">
        <div class="ITD-common-title ITD-common-color070">
            <span >菜单树</span>
        </div>
        <div class="framework-group-ul">
            <ul id="tree" class="ztree"></ul>
        </div>
    </div>
    <div class="menumanage-container-r ITD-bgcolor-white padding0-14 ITD-box-shadow ITD-border-radius">
        <div class="ITD-common-title ITD-common-color070 pos-rel">
            <span id="operateList">菜单列表</span>
            <div class="btn-actions pos-abs">
                <div class="btn-export float-left margin-right-10">
                    <button class="btn ITD-panelbtn-iconpl ITD-panelbtn-icon-gray add_user user_operate_s addMenu" id="devreload">
                        <i class="fa ITD-panelicon-add"></i>添加菜单
                    </button>
                </div>

            </div>
        </div>
        <div class="portlet-body">
            <table id="menuTable" class="ITD-fix-table common-tableh47"></table>
        </div>
    </div>
</div>
<!--添加修改弹窗start-->
<div id="alert_over" class="alert_over ">
    <input type="hidden" id="oldSortNum" >
    <div class="pst role_alert_con ITD-border-radius ITD-common-color070" id="role_alert_con_menu">
        <div class="role_alert_con_t">
            <span class="ITD-common-fontsize16 colorbig ITD-ztree-headername" id="role_alert_title">添加菜单</span>
            <span class="fr close_alert close ITD-model-close">×</span>
        </div>
        <div class="role_alert_error ac" id="role_alert_error"></div>
        <input type="hidden" id="menuId">
        <div class="ITD-common-display-flex margin-top-15">
            <div class="ITD-common-perflex">
                <div class="ITD-form-group margin-bottom-24 parentRes">
                    <span class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">上级菜单</span>
                    <input type="hidden" id="parentResId"/>
                    <span class="word-ellipsis parent_business" id="parentResName">跟节点,无上级</span>
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <span class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">菜单名称<span class="ITD-color-red" style="padding-left: 3px;">*</span></span>
                    <input type="text" id="resName" maxlength="60" class="ITD-input-wid180 ITD-input-bordercolor">
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <span class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">菜单图标</span>
                    <input type="text" id="resIcon" maxlength="60" class="ITD-input-wid180 ITD-input-bordercolor">
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <span class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">菜单类型<span class="ITD-color-red" style="padding-left: 3px;">*</span></span>
                    <div class='diy_select'>
                        <div class="select-text">
                            <input type='hidden' name='' id="department_select" class='diy_select_input'/>
                            <div class='diy_select_txt' id="resType">菜单<span style="display: none">1</span></div>
                            <div class='diy_select_btn'></div>
                        </div>
                        <div class="select-option">
                            <ul class='diy_select_list'>
                                <li>菜单<span style="display: none">1</span></li>
                                <li>按钮<span style="display: none">2</span></li>
                                <li>公共服务<span style="display: none">3</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <span class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">是否显示</span>
                    <div class='diy_select'>
                        <div class="select-text">
                            <input type='hidden' name='' id="department_select" class='diy_select_input'/>
                            <div class='diy_select_txt' id="ifDisplay">显示<span style="display: none">1</span></div>
                            <div class='diy_select_btn'></div>
                        </div>
                        <div class="select-option">
                            <ul class='diy_select_list'>
                                <li>显示<span style="display: none">1</span></li>
                                <li>不显示<span style="display: none">0</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ITD-common-perflex">
                <div class="ITD-form-group margin-bottom-24">
                    <span class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">菜单编码</span>
                    <input type="text" id="resCode" maxlength="128" class="ITD-input-wid180 ITD-input-bordercolor">
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <span class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">系统名称</span>
                    <input type="text" id="sysCodeNameView" maxlength="15" readonly="readonly" class="ITD-input-wid180 ITD-input-bordercolor">
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <span class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">菜单排序<span class="ITD-color-red" style="padding-left: 3px;">*</span></span>
                    <div class='diy_select'>
                        <div class="select-text">
                            <input type='hidden' name='' id="sortNum_select" class='diy_select_input'/>
                            <div class='diy_select_txt' id="sortNum"></div>
                            <div class='diy_select_btn'></div>
                        </div>
                        <div class="select-option">
                            <ul class='diy_select_list' id="sortNumData"></ul>
                        </div>
                    </div>
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <span class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">菜单地址</span>
                    <input type="text" id="resUrl" maxlength="300" class="ITD-input-wid180 ITD-input-bordercolor">
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <span class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">菜单描述<span class="ITD-color-red" style="padding-left: 3px;">*</span></span>
                    <input type="text" maxlength="120" id="resDesc" class="ITD-input-wid180 ITD-input-bordercolor">
                </div>
            </div>
        </div>
        <div class="role_alert_btn">
            <span id="alert_cancel" class="ITD-bgcolor-c2cad8">取消</span>
            <span id="alert_ok" class="ITD-bgcolor-green">保存</span>
        </div>
    </div>
</div>
<!--添加修改弹窗end-->
<!--提示弹窗 sta-->
<div class="modal fade" id="menumanage_alertmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="ITD-modal-dialog blue-modal">
        <div class="modal-content ITD-common-color070">
            <div class="modal-header ITD-model-header">
                <button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
                <span class="ITD-common-fontsize16 colorbig ITD-ztree-headername">提示</span>
            </div>
            <div class="modal-body">
                <div class="ITD-alertmodel-contentmsg">请先在左侧选中要添加子菜单的父菜单!</div>
            </div>
        </div>
    </div>
</div>
<!--提示弹窗 end-->
<script src='../../assets/syspages/js/menuallot/menuManage.js'></script>