@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>HomePage</title>
    <link href="~/jquery-easyui-1.5.2/themes/default/easyui.css" rel="stylesheet" />
    <link href="~/jquery-easyui-1.5.2/themes/icon.css" rel="stylesheet" />  

    <script src="~/jquery-easyui-1.5.2/jquery.min.js"></script>
    <script src="~/jquery-easyui-1.5.2/jquery.easyui.min.js"></script>
    <script src="~/jquery-easyui-1.5.2/locale/easyui-lang-zh_CN.js"></script>

    <style>
        .txt{
            font-size:20px;
            color:blue;
            margin-top:15px;
            margin-left:100px;
            float:left;
        }
    </style>

    <script>
        function bindClickEvent() {
            $('.detailLink').click(function () {
                var title = $(this).text();
                var url = $(this).attr('url');
                var isExist = $('#tt').tabs('exists', title);
                if (!isExist) {
                    $('#tt').tabs('add', {
                        title: title,
                        content: showContent(url),
                        closable: true
                    });
                } else {
                    $('#tt').tabs('select', title);
                }
                
            });
        }

        function showContent(url) {
            return '<iframe src='+url+' width="100%" height="100%" frameborder="0"></iframe>';
        }

        $(function () {
            bindClickEvent();
           
        })

    </script>
</head>
<body class="easyui-layout">
    <div data-options="region:'north',border:false" style="height: 80px; background: #B3DFDA; padding: 10px; 
background-image: url('../../Content/Images/bg.png');">
        <img src="~/Content/Images/logo.gif" style="float:left"/>
        <span class="txt" >OA办公系统</span>
    </div>

    <div data-options="region:'west',split:true,title:'West'" style="width:150px;padding:3px">
        <div class="easyui-accordion" style="width:auto;height:auto;">
            <div title="用户管理" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:5px;">
               <a href="javascript:void(0)" class="detailLink" url="/UserInfo/Index">用户管理</a>
            </div>
            <div title="角色管理" data-options="iconCls:'icon-help'" style="padding:5px;">
                <a href="javascript:void(0)" class="detailLink" url="/RoleInfo/Index">角色管理</a>
            </div>
        </div>

    </div>
    <div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div>
    <div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">south region</div>
    <div data-options="region:'center',title:'Center'">
        <div id="tt" class="easyui-tabs" style="width:700px;height:250px" fit="true">
                     
        </div>

       
    </div>

</body>
</html>

最新文章

  1. Redis初识
  2. github push时,要求密码的问题
  3. 帆软报表FineReport中数据连接之Tomcat配置JNDI连接
  4. .net 创建计划任务开机后自动以管理员身份启动运行 win7 ~ win10
  5. 每天一个linux命令（22）：find 命令的参数详解
  6. CentOS下mysql默认安装位置
  7. 画廊插件baguetteBox
  8. CodeForces 742B Batch Sort
  9. 构造函数和:this()的应用
  10. Office Word 2013发布带数学公式的博客
  11. ch1：python3 查看版本号、安装目录和工作空间目录
  12. 我的格斗梦——张龙海（R.J）谈游戏动画师职业（转）
  13. [改善Java代码]适当设置阻塞队列长度
  14. MinHash算法-复杂度待整理
  15. x86、i386、i486、i586、i686和x86_64
  16. UBI(unsorted block image )块管理
  17. 我的第一个Servlet
  18. (92) Is there a better crawler than Scrapy? - Quora
  19. c 围圈报数
  20. Neuron：Neural activities in V1 create a bottom-up saliency map

热门文章

  1. 【C++竞赛 G】Lines
  2. Unity3D资源管理架构
  3. Codeforces Round #315 (Div. 2)——C. Primes or Palindromes?
  4. mac nginx php-fpm
  5. 基于 Android NDK 的学习之旅-----JNI 数据类型
  6. Mybatis中sql语句中的in查询，一定要判断null的情况
  7. Java 之 assert （断言）
  8. PatentTips – CoAP Segment size determination
  9. Tools：downloading and Building EDK II工具篇：安装/使用EDKII源代码获取/编译工具[2.3]
  10. python 单向循环列表