index.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
  7. <title>工作台</title>
  8. <meta name="description" content="">
  9. <meta name="author" content="">
  10. <link rel="icon" href="/favicon.ico">
  11. <link rel="stylesheet" href="../public/css/vendor/bootstrap/dist/bootstrap.css">
  12. <link rel="stylesheet" href="../public/css/vendor/Animate.css">
  13. <link rel="stylesheet" href="../public/css/basic.css">
  14. <link rel="stylesheet" href="../public/css/vendor/font_awesome/css/font-awesome.css">
  15. <!--[if lt IE 9]>
  16. <script src="../public/js/vendor/html5shiv.min.js"></script>
  17. <script src="../public/js/vendor/respond.min.js"></script>
  18. <![endif]-->
  19. <script>
  20. window.common_conf = {
  21. defaultHash: 'page/desktop.html',
  22. baseURL: './',
  23. navJSON: '../server/nav.json'
  24. };
  25. </script>
  26. </head>
  27. <body>
  28. <header id="page_header">
  29. <div class="logow animated fadeInLeft"><a href="#"><img src="../logo.png" width="56"></a></div>
  30. <div class="right_side">
  31. <!--<span class="fullScreen_btn"><i class="fa fa-arrows-alt"></i></span>-->
  32. <span class="logout_btn J_confirm_modal" data-target="../server/logout.json" data-tip="确认退出吗?"><i class="fa fa-sign-out"></i></span>
  33. <span class="toggleMenu_btn"><i class="fa fa-bars"></i></span>
  34. </div>
  35. </header>
  36. <aside id="left_panel">
  37. <div class="login_info">
  38. <span>
  39. <div>
  40. <a href="#" data-toggle="dropdown">
  41. <i class="fa fa-user"></i><span class="name">admin</span><span class="caret"></span>
  42. </a>
  43. <ul class="dropdown-menu">
  44. <li><a tabindex="-1" href="#">个人资料</a></li>
  45. <li><a tabindex="-1" href="#" class="J_confirm_modal" data-target="../server/logout.json" data-tip="确认退出吗?">退出</a></li>
  46. </ul>
  47. </div>
  48. </span>
  49. </div>
  50. <script id="nav_tpl" type="text/html">
  51. <ul>
  52. {{foreach nav as bigMenu i}}
  53. <li><a href="#{{bigMenu.url}}"><i class="fa fa-lg fa-fw fa-file-text"></i><span>{{bigMenu.t}}</span>{{if bigMenu.child && bigMenu.child.length >= 1}}<b><i class="fa fa-plus-square-o"></i></b>{{/if}}</a>
  54. {{if bigMenu.child && bigMenu.child.length >= 1}}
  55. <ul>
  56. {{foreach bigMenu.child as medMenu j}}
  57. <li><a href="#{{medMenu.url}}"><i class="fa fa-fw fa-file"></i><span>{{medMenu.t}}</span>{{if medMenu.child && medMenu.child.length >= 1}}<b><i class="fa fa-plus-square-o"></i></b>{{/if}}</a>
  58. {{if medMenu.child && medMenu.child.length >= 1}}
  59. <ul>
  60. {{foreach medMenu.child as minMenu k}}
  61. <li><a href="#{{minMenu.url}}"><i class="fa fa-fw fa-file"></i><span>{{minMenu.t}}</span></a></li>
  62. {{/foreach}}
  63. </ul>
  64. {{/if}}
  65. </li>
  66. {{/foreach}}
  67. </ul>
  68. {{/if}}
  69. </li>
  70. {{/foreach}}
  71. </ul>
  72. </script>
  73. <nav></nav>
  74. <span class="minifyBtn"><i class="fa fa-arrow-circle-left"></i></span>
  75. </aside>
  76. <div id="main">
  77. <div id="ribbon"><ol class="breadcrumb"></ol></div>
  78. <div id="content"></div>
  79. </div>
  80. <footer id="page_footer">
  81. <div class="inside"><i class="fa fa-copyright"></i><a href="https://github.com/liyu365">liyu</a></div>
  82. </footer>
  83. <!--Common Modal -->
  84. <div class="modal fade" id="modal_ajax_content" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  85. <div class="modal-dialog"><div class="modal-content"></div></div>
  86. </div>
  87. <div class="modal fade" id="modal_confirm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  88. <div class="modal-dialog modal-sm">
  89. <div class="modal-content">
  90. <div class="modal-body"></div>
  91. <div class="modal-footer" style="text-align:center;">
  92. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  93. <button type="button" class="btn btn-danger J_confirm_btn"><i class="fa fa-refresh fa-spin"></i> 确定</button>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. <script src="../public/js/vendor/jquery.min.js"></script>
  99. <script src="../public/js/vendor/bootstrap/dist/bootstrap.js"></script>
  100. <script src="../public/js/vendor/catpl.js"></script>
  101. <script src="../public/js/vendor/ie10-viewport-bug-workaround.js"></script>
  102. <script src="../public/js/ajaxForm.js"></script>
  103. <script src="../public/js/basic.js"></script>
  104. </body>
  105. </html>