bug提交

svr/svr-manage/src/main/resources/webapp/html/index/index.html

@@ -95,7 +95,6 @@
            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header"><a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i
                        class="fa fa-bars"></i> </a>
                    <form role="search" class="navbar-form-custom" method="post" action="search_results.html">
                        <div class="form-group">
                            <input type="text" placeholder="请输入您需要查找的内容 …" class="form-control" name="top-search"
@@ -115,9 +114,11 @@
            </nav>
            <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i>
            </button>
            <button class="roll-nav roll-right dropdown J_tabClose"><span class="dropdown-toggle"
                                                                          data-toggle="dropdown">关闭操作<span
                    class="caret"></span></span>
            <button class="roll-nav roll-right dropdown J_tabClose">
                <span class="dropdown-toggle" data-toggle="dropdown">
                    关闭操作
                    <span class="caret"></span>
                </span>
                <ul role="menu" class="dropdown-menu dropdown-menu-right">
                    <li class="J_tabShowActive"><a>定位当前选项卡</a>
                    </li>
@@ -160,359 +161,7 @@
                    </a>
                </li>
            </ul>
            <div class="tab-content">
                <div id="tab-1" class="tab-pane active">
                    <div class="sidebar-title">
                        <h3><i class="fa fa-comments-o"></i> 最新通知</h3>
                        <small><i class="fa fa-tim"></i> 您当前有10条未读信息</small>
                    </div>
                    <div>
                        <div class="sidebar-message">
                            <a href="#">
                                <div class="pull-left text-center">
                                    <img alt="image" class="img-circle message-avatar" src="img/a1.jpg">
                                    <div class="m-t-xs">
                                        <i class="fa fa-star text-warning"></i>
                                        <i class="fa fa-star text-warning"></i>
                                    </div>
                                </div>
                                <div class="media-body">
                                    据天津日报报道：瑞海公司董事长于学伟，副董事长董社轩等10人在13日上午已被控制。
                                    <br>
                                    <small class="text-muted">今天 4:21</small>
                                </div>
                            </a>
                        </div>
                        <div class="sidebar-message">
                            <a href="#">
                                <div class="pull-left text-center">
                                    <img alt="image" class="img-circle message-avatar" src="img/a2.jpg">
                                </div>
                                <div class="media-body">
                                    HCY48之音乐大魔王会员专属皮肤已上线，快来一键换装拥有他，宣告你对华晨宇的爱吧！
                                    <br>
                                    <small class="text-muted">昨天 2:45</small>
                                </div>
                            </a>
                        </div>
                        <div class="sidebar-message">
                            <a href="#">
                                <div class="pull-left text-center">
                                    <img alt="image" class="img-circle message-avatar" src="img/a3.jpg">
                                    <div class="m-t-xs">
                                        <i class="fa fa-star text-warning"></i>
                                        <i class="fa fa-star text-warning"></i>
                                        <i class="fa fa-star text-warning"></i>
                                    </div>
                                </div>
                                <div class="media-body">
                                    写的好！与您分享
                                    <br>
                                    <small class="text-muted">昨天 1:10</small>
                                </div>
                            </a>
                        </div>
                        <div class="sidebar-message">
                            <a href="#">
                                <div class="pull-left text-center">
                                    <img alt="image" class="img-circle message-avatar" src="img/a4.jpg">
                                </div>
                                <div class="media-body">
                                    国外极限小子的炼成！这还是亲生的吗！！
                                    <br>
                                    <small class="text-muted">昨天 8:37</small>
                                </div>
                            </a>
                        </div>
                        <div class="sidebar-message">
                            <a href="#">
                                <div class="pull-left text-center">
                                    <img alt="image" class="img-circle message-avatar" src="img/a8.jpg">
                                </div>
                                <div class="media-body">
                                    一只流浪狗被收留后，为了减轻主人的负担，坚持自己觅食，甚至......有些东西，可能她比我们更懂。
                                    <br>
                                    <small class="text-muted">今天 4:21</small>
                                </div>
                            </a>
                        </div>
                        <div class="sidebar-message">
                            <a href="#">
                                <div class="pull-left text-center">
                                    <img alt="image" class="img-circle message-avatar" src="img/a7.jpg">
                                </div>
                                <div class="media-body">
                                    这哥们的新视频又来了，创意杠杠滴，帅炸了！
                                    <br>
                                    <small class="text-muted">昨天 2:45</small>
                                </div>
                            </a>
                        </div>
                        <div class="sidebar-message">
                            <a href="#">
                                <div class="pull-left text-center">
                                    <img alt="image" class="img-circle message-avatar" src="img/a3.jpg">
                                    <div class="m-t-xs">
                                        <i class="fa fa-star text-warning"></i>
                                        <i class="fa fa-star text-warning"></i>
                                        <i class="fa fa-star text-warning"></i>
                                    </div>
                                </div>
                                <div class="media-body">
                                    最近在补追此剧，特别喜欢这段表白。
                                    <br>
                                    <small class="text-muted">昨天 1:10</small>
                                </div>
                            </a>
                        </div>
                        <div class="sidebar-message">
                            <a href="#">
                                <div class="pull-left text-center">
                                    <img alt="image" class="img-circle message-avatar" src="img/a4.jpg">
                                </div>
                                <div class="media-body">
                                    我发起了一个投票 【你认为下午大盘会翻红吗？】
                                    <br>
                                    <small class="text-muted">星期一 8:37</small>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="tab-2" class="tab-pane">
                    <div class="sidebar-title">
                        <h3><i class="fa fa-cube"></i> 最新任务</h3>
                        <small><i class="fa fa-tim"></i> 您当前有14个任务，10个已完成</small>
                    </div>
                    <ul class="sidebar-list">
                        <li>
                            <a href="#">
                                <div class="small pull-right m-t-xs">9小时以后</div>
                                <h4>市场调研</h4> 按要求接收教材；
                                <div class="small">已完成： 22%</div>
                                <div class="progress progress-mini">
                                    <div style="width: 22%;" class="progress-bar progress-bar-warning"></div>
                                </div>
                                <div class="small text-muted m-t-xs">项目截止： 4:00 - 2015.10.01</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="small pull-right m-t-xs">9小时以后</div>
                                <h4>可行性报告研究报上级批准 </h4> 编写目的编写本项目进度报告的目的在于更好的控制软件开发的时间,对团队成员的 开发进度作出一个合理的比对
                                <div class="small">已完成： 48%</div>
                                <div class="progress progress-mini">
                                    <div style="width: 48%;" class="progress-bar"></div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="small pull-right m-t-xs">9小时以后</div>
                                <h4>立项阶段</h4> 东风商用车公司 采购综合综合查询分析系统项目进度阶段性报告武汉斯迪克科技有限公司
                                <div class="small">已完成： 14%</div>
                                <div class="progress progress-mini">
                                    <div style="width: 14%;" class="progress-bar progress-bar-info"></div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="label label-primary pull-right">NEW</span>
                                <h4>设计阶段</h4>
                                <!--<div class="small pull-right m-t-xs">9小时以后</div>-->
                                项目进度报告(Project Progress Report)
                                <div class="small">已完成： 22%</div>
                                <div class="small text-muted m-t-xs">项目截止： 4:00 - 2015.10.01</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="small pull-right m-t-xs">9小时以后</div>
                                <h4>拆迁阶段</h4> 科研项目研究进展报告 项目编号: 项目名称: 项目负责人:
                                <div class="small">已完成： 22%</div>
                                <div class="progress progress-mini">
                                    <div style="width: 22%;" class="progress-bar progress-bar-warning"></div>
                                </div>
                                <div class="small text-muted m-t-xs">项目截止： 4:00 - 2015.10.01</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="small pull-right m-t-xs">9小时以后</div>
                                <h4>建设阶段 </h4> 编写目的编写本项目进度报告的目的在于更好的控制软件开发的时间,对团队成员的 开发进度作出一个合理的比对
                                <div class="small">已完成： 48%</div>
                                <div class="progress progress-mini">
                                    <div style="width: 48%;" class="progress-bar"></div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="small pull-right m-t-xs">9小时以后</div>
                                <h4>获证开盘</h4> 编写目的编写本项目进度报告的目的在于更好的控制软件开发的时间,对团队成员的 开发进度作出一个合理的比对
                                <div class="small">已完成： 14%</div>
                                <div class="progress progress-mini">
                                    <div style="width: 14%;" class="progress-bar progress-bar-info"></div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div id="tab-3" class="tab-pane">
                    <div class="sidebar-title">
                        <h3><i class="fa fa-gears"></i> 设置</h3>
                    </div>
                    <div class="setings-item">
                            <span>
                        显示通知
                    </span>
                        <div class="switch">
                            <div class="onoffswitch">
                                <input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="example">
                                <label class="onoffswitch-label" for="example">
                                    <span class="onoffswitch-inner"></span>
                                    <span class="onoffswitch-switch"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="setings-item">
                            <span>
                        隐藏聊天窗口
                    </span>
                        <div class="switch">
                            <div class="onoffswitch">
                                <input type="checkbox" name="collapsemenu" checked class="onoffswitch-checkbox"
                                       id="example2">
                                <label class="onoffswitch-label" for="example2">
                                    <span class="onoffswitch-inner"></span>
                                    <span class="onoffswitch-switch"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="setings-item">
                            <span>
                        清空历史记录
                    </span>
                        <div class="switch">
                            <div class="onoffswitch">
                                <input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="example3">
                                <label class="onoffswitch-label" for="example3">
                                    <span class="onoffswitch-inner"></span>
                                    <span class="onoffswitch-switch"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="setings-item">
                            <span>
                        显示聊天窗口
                    </span>
                        <div class="switch">
                            <div class="onoffswitch">
                                <input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="example4">
                                <label class="onoffswitch-label" for="example4">
                                    <span class="onoffswitch-inner"></span>
                                    <span class="onoffswitch-switch"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="setings-item">
                            <span>
                        显示在线用户
                    </span>
                        <div class="switch">
                            <div class="onoffswitch">
                                <input type="checkbox" checked name="collapsemenu" class="onoffswitch-checkbox"
                                       id="example5">
                                <label class="onoffswitch-label" for="example5">
                                    <span class="onoffswitch-inner"></span>
                                    <span class="onoffswitch-switch"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="setings-item">
                            <span>
                        全局搜索
                    </span>
                        <div class="switch">
                            <div class="onoffswitch">
                                <input type="checkbox" checked name="collapsemenu" class="onoffswitch-checkbox"
                                       id="example6">
                                <label class="onoffswitch-label" for="example6">
                                    <span class="onoffswitch-inner"></span>
                                    <span class="onoffswitch-switch"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="setings-item">
                            <span>
                        每日更新
                    </span>
                        <div class="switch">
                            <div class="onoffswitch">
                                <input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="example7">
                                <label class="onoffswitch-label" for="example7">
                                    <span class="onoffswitch-inner"></span>
                                    <span class="onoffswitch-switch"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="sidebar-content">
                        <h4>设置</h4>
                        <div class="small">
                            你可以从这里设置一些常用选项，当然啦，这个只是个演示的示例。
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--mini聊天窗口结束-->
</div>
@@ -611,95 +260,6 @@
        </div>
    </div>
</div>
<script type="text/javascript">
    $("#fixednavbar").click(function () {
        if ($("#fixednavbar").is(":checked")) {
            $(".navbar-static-top").removeClass("navbar-static-top").addClass("navbar-fixed-top");
            $("body").removeClass("boxed-layout");
            $("body").addClass("fixed-nav");
            $("#boxedlayout").prop("checked", false);
            if (localStorageSupport) {
                localStorage.setItem("boxedlayout", "off")
            }
            if (localStorageSupport) {
                localStorage.setItem("fixednavbar", "on")
            }
        } else {
            $(".navbar-fixed-top").removeClass("navbar-fixed-top").addClass("navbar-static-top");
            $("body").removeClass("fixed-nav");
            if (localStorageSupport) {
                localStorage.setItem("fixednavbar", "off")
            }
        }
    });
    $("#collapsemenu").click(function () {
        if ($("#collapsemenu").is(":checked")) {
            $("body").addClass("mini-navbar");
            SmoothlyMenu();
            if (localStorageSupport) {
                localStorage.setItem("collapse_menu", "on")
            }
        } else {
            $("body").removeClass("mini-navbar");
            SmoothlyMenu();
            if (localStorageSupport) {
                localStorage.setItem("collapse_menu", "off")
            }
        }
    });
    $("#boxedlayout").click(function () {
        if ($("#boxedlayout").is(":checked")) {
            $("body").addClass("boxed-layout");
            $("#fixednavbar").prop("checked", false);
            $(".navbar-fixed-top").removeClass("navbar-fixed-top").addClass("navbar-static-top");
            $("body").removeClass("fixed-nav");
            if (localStorageSupport) {
                localStorage.setItem("fixednavbar", "off")
            }
            if (localStorageSupport) {
                localStorage.setItem("boxedlayout", "on")
            }
        } else {
            $("body").removeClass("boxed-layout");
            if (localStorageSupport) {
                localStorage.setItem("boxedlayout", "off")
            }
        }
    });
    $(".spin-icon").click(function () {
        $(".theme-config-box").toggleClass("show")
    });
    $(".s-skin-0").click(function () {
        $("body").removeClass("skin-1");
        $("body").removeClass("skin-2");
        $("body").removeClass("skin-3")
    });
    $(".s-skin-1").click(function () {
        $("body").removeClass("skin-2");
        $("body").removeClass("skin-3");
        $("body").addClass("skin-1")
    });
    $(".s-skin-3").click(function () {
        $("body").removeClass("skin-1");
        $("body").removeClass("skin-2");
        $("body").addClass("skin-3")
    });
    if (localStorageSupport) {
        var collapse = localStorage.getItem("collapse_menu");
        var fixednavbar = localStorage.getItem("fixednavbar");
        var boxedlayout = localStorage.getItem("boxedlayout");
        if (collapse == "on") {
            $("#collapsemenu").prop("checked", "checked")
        }
        if (fixednavbar == "on") {
            $("#fixednavbar").prop("checked", "checked")
        }
        if (boxedlayout == "on") {
            $("#boxedlayout").prop("checked", "checked")
        }
    }
</script>
<style>
    .fixed-nav .slimScrollDiv #side-menu {
        padding-bottom: 60px;

svr/svr-manage/src/main/resources/webapp/html/index/index.js

@@ -14,12 +14,13 @@ do_get(
                },
                updated: function () {
                    //渲染结束之后调用菜单初始化
                    $('#side-menu').metisMenu();
                   $('#side-menu').metisMenu();
                    //初始化原先内容
                    Hinit();
                }
            });
            contentVM.role = data.obj.role;
            contentVM.menus = data.obj.menus;
        } else {
            //判断是否登陆
            isLogin(data);
@@ -27,6 +28,7 @@ do_get(
        }
    }
)
/**
 * 退出
 */
@@ -44,3 +46,93 @@ function loginout() {
        }
    )
}
function Hinit(){
    $("#fixednavbar").click(function () {
        if ($("#fixednavbar").is(":checked")) {
            $(".navbar-static-top").removeClass("navbar-static-top").addClass("navbar-fixed-top");
            $("body").removeClass("boxed-layout");
            $("body").addClass("fixed-nav");
            $("#boxedlayout").prop("checked", false);
            if (localStorageSupport) {
                localStorage.setItem("boxedlayout", "off")
            }
            if (localStorageSupport) {
                localStorage.setItem("fixednavbar", "on")
            }
        } else {
            $(".navbar-fixed-top").removeClass("navbar-fixed-top").addClass("navbar-static-top");
            $("body").removeClass("fixed-nav");
            if (localStorageSupport) {
                localStorage.setItem("fixednavbar", "off")
            }
        }
    });
    $("#collapsemenu").click(function () {
        if ($("#collapsemenu").is(":checked")) {
            $("body").addClass("mini-navbar");
            SmoothlyMenu();
            if (localStorageSupport) {
                localStorage.setItem("collapse_menu", "on")
            }
        } else {
            $("body").removeClass("mini-navbar");
            SmoothlyMenu();
            if (localStorageSupport) {
                localStorage.setItem("collapse_menu", "off")
            }
        }
    });
    $("#boxedlayout").click(function () {
        if ($("#boxedlayout").is(":checked")) {
            $("body").addClass("boxed-layout");
            $("#fixednavbar").prop("checked", false);
            $(".navbar-fixed-top").removeClass("navbar-fixed-top").addClass("navbar-static-top");
            $("body").removeClass("fixed-nav");
            if (localStorageSupport) {
                localStorage.setItem("fixednavbar", "off")
            }
            if (localStorageSupport) {
                localStorage.setItem("boxedlayout", "on")
            }
        } else {
            $("body").removeClass("boxed-layout");
            if (localStorageSupport) {
                localStorage.setItem("boxedlayout", "off")
            }
        }
    });
    $(".spin-icon").click(function () {
        $(".theme-config-box").toggleClass("show")
    });
    $(".s-skin-0").click(function () {
        $("body").removeClass("skin-1");
        $("body").removeClass("skin-2");
        $("body").removeClass("skin-3")
    });
    $(".s-skin-1").click(function () {
        $("body").removeClass("skin-2");
        $("body").removeClass("skin-3");
        $("body").addClass("skin-1")
    });
    $(".s-skin-3").click(function () {
        $("body").removeClass("skin-1");
        $("body").removeClass("skin-2");
        $("body").addClass("skin-3")
    });
    if (localStorageSupport) {
        var collapse = localStorage.getItem("collapse_menu");
        var fixednavbar = localStorage.getItem("fixednavbar");
        var boxedlayout = localStorage.getItem("boxedlayout");
        if (collapse == "on") {
            $("#collapsemenu").prop("checked", "checked")
        }
        if (fixednavbar == "on") {
            $("#fixednavbar").prop("checked", "checked")
        }
        if (boxedlayout == "on") {
            $("#boxedlayout").prop("checked", "checked")
        }
    }
}