index.jsp 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  3. <html lang="en">
  4. <head>
  5. <meta charset="utf-8" />
  6. <title>淘淘商城后台管理系统 </title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  8. <link href="/assets/css/bootstrap.min.css" rel="stylesheet" />
  9. <link rel="stylesheet" href="/assets/css/font-awesome.min.css" />
  10. <link rel="stylesheet" href="/assets/css/ace.min.css" />
  11. <link rel="stylesheet" href="/assets/css/ace-rtl.min.css" />
  12. <link rel="stylesheet" href="/assets/css/ace-skins.min.css" />
  13. <link rel="stylesheet" href="/css/style.css"/>
  14. <script src="/assets/js/ace-extra.min.js"></script>
  15. <script src="/js/jquery-1.9.1.min.js"></script>
  16. <script type="text/javascript">
  17. if("ontouchend" in document) document.write("<script src='/assets/js/jquery.mobile.custom.min.js'>"+"<"+"script>");
  18. </script>
  19. <script src="/assets/js/bootstrap.min.js"></script>
  20. <script src="/assets/js/typeahead-bs2.min.js"></script>
  21. <!--[if lte IE 8]>
  22. <script src="assets/js/excanvas.min.js"></script>
  23. <![endif]-->
  24. <script src="/assets/js/ace-elements.min.js"></script>
  25. <script src="/assets/js/ace.min.js"></script>
  26. <script src="/assets/layer/layer.js" type="text/javascript"></script>
  27. <script src="/assets/laydate/laydate.js" type="text/javascript"></script>
  28. <script type="text/javascript">
  29. $(function(){
  30. var cid = $('#nav_list> li>.submenu');
  31. cid.each(function(i){
  32. $(this).attr('id',"Sort_link_"+i);
  33. })
  34. })
  35. jQuery(document).ready(function(){
  36. $.each($(".submenu"),function(){
  37. var $aobjs=$(this).children("li");
  38. var rowCount=$aobjs.size();
  39. var divHeigth=$(this).height();
  40. $aobjs.height(divHeigth/rowCount);
  41. });
  42. //初始化宽度、高度
  43. $("#main-container").height($(window).height()-76);
  44. $("#iframe").height($(window).height()-140);
  45. $(".sidebar").height($(window).height()-99);
  46. var thisHeight = $("#nav_list").height($(window).outerHeight()-173);
  47. $(".submenu").height();
  48. $("#nav_list").children(".submenu").css("height",thisHeight);
  49. //当文档窗口发生改变时 触发
  50. $(window).resize(function(){
  51. $("#main-container").height($(window).height()-76);
  52. $("#iframe").height($(window).height()-140);
  53. $(".sidebar").height($(window).height()-99);
  54. var thisHeight = $("#nav_list").height($(window).outerHeight()-173);
  55. $(".submenu").height();
  56. $("#nav_list").children(".submenu").css("height",thisHeight);
  57. });
  58. $(".iframeurl").click(function(){
  59. var cid = $(this).attr("name");
  60. var cname = $(this).attr("title");
  61. $("#iframe").attr("src",cid).ready();
  62. $("#Bcrumbs").attr("href",cid).ready();
  63. $(".Current_page a").attr('href',cid).ready();
  64. $(".Current_page").attr('name',cid);
  65. $(".Current_page").html(cname).css({"color":"#333333","cursor":"default"}).ready();
  66. $("#parentIframe").html('<span class="parentIframe iframeurl"> </span>').css("display","none").ready();
  67. $("#parentIfour").html(''). css("display","none").ready();
  68. });
  69. });
  70. /*********************点击事件*********************/
  71. $( document).ready(function(){
  72. $('#nav_list').find('li.home').click(function(){
  73. $('#nav_list').find('li.home').removeClass('active');
  74. $(this).addClass('active');
  75. });
  76. //时间设置
  77. function currentTime(){
  78. var d=new Date(),str='';
  79. str+=d.getFullYear()+'年';
  80. str+=d.getMonth() + 1+'月';
  81. str+=d.getDate()+'日';
  82. str+=d.getHours()+'时';
  83. str+=d.getMinutes()+'分';
  84. str+= d.getSeconds()+'秒';
  85. return str;
  86. }
  87. setInterval(function(){$('#time').html(currentTime)},1000);
  88. //修改密码
  89. $('.change_Password').on('click', function(){
  90. layer.open({
  91. type: 1,
  92. title:'修改密码',
  93. area: ['300px','300px'],
  94. shadeClose: true,
  95. content: $('#change_Pass'),
  96. btn:['确认修改'],
  97. yes:function(index, layero){
  98. if ($("#password").val()==""){
  99. layer.alert('原密码不能为空!',{
  100. title: '提示框',
  101. icon:0,
  102. });
  103. return false;
  104. }
  105. if ($("#Nes_pas").val()==""){
  106. layer.alert('新密码不能为空!',{
  107. title: '提示框',
  108. icon:0,
  109. });
  110. return false;
  111. }
  112. if ($("#c_mew_pas").val()==""){
  113. layer.alert('确认新密码不能为空!',{
  114. title: '提示框',
  115. icon:0,
  116. });
  117. return false;
  118. }
  119. if(!$("#c_mew_pas").val || $("#c_mew_pas").val() != $("#Nes_pas").val() )
  120. {
  121. layer.alert('密码不一致!',{
  122. title: '提示框',
  123. icon:0,
  124. });
  125. return false;
  126. }
  127. else{
  128. layer.alert('修改成功!',{
  129. title: '提示框',
  130. icon:1,
  131. });
  132. layer.close(index);
  133. }
  134. }
  135. });
  136. });
  137. $('#Exit_system').on('click', function(){
  138. layer.confirm('是否确定退出系统?', {
  139. btn: ['是','否'] ,//按钮
  140. icon:2,
  141. },
  142. function(){
  143. // location.href="login.html";
  144. location.href="http://www.baidu.com"
  145. });
  146. });
  147. })
  148. </script>
  149. </head>
  150. <body>
  151. <div class="navbar navbar-default" id="navbar">
  152. <script type="text/javascript">
  153. try{ace.settings.check('navbar' , 'fixed')}catch(e){}
  154. </script>
  155. <div class="navbar-container" id="navbar-container">
  156. <div class="navbar-header pull-left">
  157. <a href="#" class="navbar-brand">
  158. <small>
  159. <img src="/images/logo.png">
  160. </small>
  161. </a><!-- /.brand -->
  162. </div><!-- /.navbar-header -->
  163. <div class="navbar-header pull-right" role="navigation">
  164. <ul class="nav ace-nav">
  165. <li class="light-blue">
  166. <a data-toggle="dropdown" href="#" class="dropdown-toggle">
  167. <span class="time"><em id="time"></em></span><span class="user-info"><small>欢迎光临,</small>${username}</span>
  168. <i class="icon-caret-down"></i>
  169. </a>
  170. <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
  171. <li><a href="#"><i class="icon-cog"></i>设置</a></li>
  172. <li><a href="#"><i class="icon-user"></i>个人资料</a></li>
  173. <li class="divider"></li>
  174. <li><a href="javascript:ovid(0)" id="Exit_system"><i class="icon-off"></i>退出</a></li>
  175. </ul>
  176. </li>
  177. <li class="purple">
  178. <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="icon-bell-alt"></i><span class="badge badge-important">8</span></a>
  179. <ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
  180. <li class="dropdown-header"><i class="icon-warning-sign"></i>8条通知</li>
  181. <li>
  182. <a href="#">
  183. <div class="clearfix">
  184. <span class="pull-left">
  185. <i class="btn btn-xs no-hover btn-pink icon-comment"></i>
  186. 新闻评论
  187. </span>
  188. <span class="pull-right badge badge-info">+12</span>
  189. </div>
  190. </a>
  191. </li>
  192. <li>
  193. <a href="#">
  194. <i class="btn btn-xs btn-primary icon-user"></i>
  195. 切换为编辑登录..
  196. </a>
  197. </li>
  198. <li>
  199. <a href="#">
  200. <div class="clearfix">
  201. <span class="pull-left">
  202. <i class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>
  203. 新订单
  204. </span>
  205. <span class="pull-right badge badge-success">+8</span>
  206. </div>
  207. </a>
  208. </li>
  209. <li>
  210. <a href="#">
  211. <div class="clearfix">
  212. <span class="pull-left">
  213. <i class="btn btn-xs no-hover btn-info icon-twitter"></i>
  214. 粉丝
  215. </span>
  216. <span class="pull-right badge badge-info">+11</span>
  217. </div>
  218. </a>
  219. </li>
  220. <li>
  221. <a href="#">
  222. 查看所有通知
  223. <i class="icon-arrow-right"></i>
  224. </a>
  225. </li>
  226. </ul>
  227. </li>
  228. </ul>
  229. <!-- <div class="right_info">
  230. <div class="get_time" ><span id="time" class="time"></span>欢迎光临,管理员</span></div>
  231. <ul class="nav ace-nav">
  232. <li><a href="javascript:ovid(0)" class="change_Password">修改密码</a></li>
  233. <li><a href="javascript:ovid(0)" id="Exit_system">退出系统</a></li>
  234. </ul>
  235. </div>-->
  236. </div>
  237. </div>
  238. </div>
  239. <div class="main-container" id="main-container">
  240. <script type="text/javascript">
  241. try{ace.settings.check('main-container' , 'fixed')}catch(e){}
  242. </script>
  243. <div class="main-container-inner">
  244. <a class="menu-toggler" id="menu-toggler" href="#">
  245. <span class="menu-text"></span>
  246. </a>
  247. <div class="sidebar" id="sidebar">
  248. <script type="text/javascript">
  249. try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
  250. </script>
  251. <div class="sidebar-shortcuts" id="sidebar-shortcuts">
  252. <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
  253. 淘淘商城后台管理系统
  254. </div>
  255. <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
  256. <span class="btn btn-success"></span>
  257. <span class="btn btn-info"></span>
  258. <span class="btn btn-warning"></span>
  259. <span class="btn btn-danger"></span>
  260. </div>
  261. </div><!-- #sidebar-shortcuts -->
  262. <ul class="nav nav-list" id="nav_list">
  263. <li class="home"><a href="javascript:void(0)" name="home" class="iframeurl" title=""><i class="icon-dashboard"></i><span class="menu-text"> 系统首页 </span></a></li>
  264. <li><a href="#" class="dropdown-toggle"><i class="icon-desktop"></i><span class="menu-text"> 商品管理 </span><b class="arrow icon-angle-down"></b></a>
  265. <ul class="submenu">
  266. <li class="home"><a href="javascript:void(0)" name="item-add" title="新增商品" class="iframeurl"><i class="icon-double-angle-right"></i>新增商品</a></li>
  267. <li class="home"><a href="javascript:void(0)" name="item-list" title="商品列表" class="iframeurl"><i class="icon-double-angle-right"></i>商品列表</a></li>
  268. <li class="home"><a href="javascript:void(0)" name="" title="品牌管理" class="iframeurl"><i class="icon-double-angle-right"></i>品牌管理</a></li>
  269. </ul>
  270. </li>
  271. <li>
  272. <a href="#" class="dropdown-toggle"><i class="icon-picture "></i><span class="menu-text"> 内容管理 </span><b class="arrow icon-angle-down"></b></a>
  273. <ul class="submenu">
  274. <li class="home"><a href="javascript:void(0)" name="content-category" title="内容分类管理" class="iframeurl"><i class="icon-double-angle-right"></i>内容分类管理</a></li>
  275. <li class="home"><a href="javascript:void(0)" name="content" title="内容管理" class="iframeurl"><i class="icon-double-angle-right"></i>内容管理</a></li>
  276. </ul>
  277. </li>
  278. <li>
  279. <a href="#" class="dropdown-toggle"><i class="icon-list"></i><span class="menu-text"> 交易管理 </span><b class="arrow icon-angle-down"></b></a>
  280. <ul class="submenu">
  281. <li class="home"><a href="javascript:void(0)" name="" title="交易信息" class="iframeurl"><i class="icon-double-angle-right"></i>交易信息</a></li>
  282. <li class="home"><a href="javascript:void(0)" name="" title="订单管理" class="iframeurl"><i class="icon-double-angle-right"></i>订单管理</a></li>
  283. <li class="home"><a href="javascript:void(0)" name="" title="交易金额" class="iframeurl"><i class="icon-double-angle-right"></i>交易金额</a></li>
  284. <li class="home"><a href="javascript:void(0)" name="" title="订单处理" class="iframeurl"><i class="icon-double-angle-right"></i>订单处理</a></li>
  285. <li class="home"><a href="javascript:void(0)" name="" title="支付管理" class="iframeurl"><i class="icon-double-angle-right"></i>支付管理</a></li>
  286. </ul>
  287. </li>
  288. <li>
  289. <a href="#" class="dropdown-toggle"><i class="icon-user"></i><span class="menu-text"> 会员管理 </span><b class="arrow icon-angle-down"></b></a>
  290. <ul class="submenu">
  291. <li class="home"><a href="javascript:void(0)" name="" title="会员列表" class="iframeurl"><i class="icon-double-angle-right"></i>会员列表</a></li>
  292. <li class="home"><a href="javascript:void(0)" name="" title="等级管理" class="iframeurl"><i class="icon-double-angle-right"></i>等级管理</a></li>
  293. <li class="home"><a href="javascript:void(0)" name="" title="会员记录管理" class="iframeurl"><i class="icon-double-angle-right"></i>会员记录管理</a></li>
  294. </ul>
  295. </li>
  296. <li><a href="#" class="dropdown-toggle"><i class="icon-edit"></i><span class="menu-text"> 消息管理 </span><b class="arrow icon-angle-down"></b></a>
  297. <ul class="submenu">
  298. <li class="home"><a href="javascript:void(0)" name="" title="留言列表" class="iframeurl"><i class="icon-double-angle-right"></i>留言列表</a></li>
  299. <li class="home"><a href="javascript:void(0)" name="" title="意见反馈" class="iframeurl"><i class="icon-double-angle-right"></i>意见反馈</a></li>
  300. </ul>
  301. </li>
  302. <li><a href="#" class="dropdown-toggle"><i class="icon-edit"></i><span class="menu-text"> 文章管理 </span><b class="arrow icon-angle-down"></b></a>
  303. <ul class="submenu">
  304. <li class="home"><a href="javascript:void(0)" name="" title="文章列表" class="iframeurl"><i class="icon-double-angle-right"></i>文章列表</a></li>
  305. <li class="home"><a href="javascript:void(0)" name="" title="分类分类" class="iframeurl"><i class="icon-double-angle-right"></i>分类分类</a></li>
  306. </ul>
  307. </li>
  308. <li><a href="#" class="dropdown-toggle"><i class="icon-cogs"></i><span class="menu-text"> 系统管理 </span><b class="arrow icon-angle-down"></b></a>
  309. <ul class="submenu">
  310. <li class="home"><a href="javascript:void(0)" name="" title="系统设置" class="iframeurl"><i class="icon-double-angle-right"></i>系统设置</a></li>
  311. <li class="home"><a href="javascript:void(0)" name="" title="栏目管理" class="iframeurl"><i class="icon-double-angle-right"></i>栏目管理</a></li>
  312. <li class="home"><a href="javascript:void(0)" name="" title="系统日志" class="iframeurl"><i class="icon-double-angle-right"></i>系统日志</a></li>
  313. </ul>
  314. </li>
  315. <li><a href="#" class="dropdown-toggle"><i class="icon-group"></i><span class="menu-text"> 管理员管理 </span><b class="arrow icon-angle-down"></b></a>
  316. <ul class="submenu">
  317. <li class="home"><a href="javascript:void(0)" name="" title="权限管理" class="iframeurl"><i class="icon-double-angle-right"></i>权限管理</a></li>
  318. <li class="home"><a href="javascript:void(0)" name="" title="管理员列表" class="iframeurl"><i class="icon-double-angle-right"></i>管理员列表</a></li>
  319. <li class="home"><a href="javascript:void(0)" name="" title="个人信息" class="iframeurl"><i class="icon-double-angle-right"></i>个人信息</a></li>
  320. </ul>
  321. </li>
  322. </ul>
  323. <div class="sidebar-collapse" id="sidebar-collapse">
  324. <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
  325. </div>
  326. <script type="text/javascript">
  327. try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
  328. </script>
  329. </div>
  330. <div class="main-content">
  331. <script type="text/javascript">
  332. try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
  333. </script>
  334. <div class="breadcrumbs" id="breadcrumbs">
  335. <ul class="breadcrumb">
  336. <li>
  337. <i class="icon-home home-icon"></i>
  338. <a href="index.html">首页</a>
  339. </li>
  340. <li class="active"><span class="Current_page iframeurl"></span></li>
  341. <li class="active" id="parentIframe"><span class="parentIframe iframeurl"></span></li>
  342. <li class="active" id="parentIfour"><span class="parentIfour iframeurl"></span></li>
  343. </ul>
  344. </div>
  345. <iframe id="iframe" style="border:0; width:100%; background-color:#FFF;"name="iframe" frameborder="0" src="home"> </iframe>
  346. <!-- /.page-content -->
  347. </div><!-- /.main-content -->
  348. <div class="ace-settings-container" id="ace-settings-container">
  349. <div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
  350. <i class="icon-cog bigger-150"></i>
  351. </div>
  352. <div class="ace-settings-box" id="ace-settings-box">
  353. <div>
  354. <div class="pull-left">
  355. <select id="skin-colorpicker" class="hide">
  356. <option data-skin="default" value="#438EB9">#438EB9</option>
  357. <option data-skin="skin-1" value="#222A2D">#222A2D</option>
  358. <option data-skin="skin-2" value="#C6487E">#C6487E</option>
  359. <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
  360. </select>
  361. </div>
  362. <span>&nbsp; 选择皮肤</span>
  363. </div>
  364. <div>
  365. <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
  366. <label class="lbl" for="ace-settings-sidebar"> 固定滑动条</label>
  367. </div>
  368. <div>
  369. <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
  370. <label class="lbl" for="ace-settings-rtl">切换到左边</label>
  371. </div>
  372. <div>
  373. <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
  374. <label class="lbl" for="ace-settings-add-container">
  375. 切换窄屏
  376. <b></b>
  377. </label>
  378. </div>
  379. </div>
  380. </div><!-- /#ace-settings-container -->
  381. </div><!-- /.main-container-inner -->
  382. </div>
  383. <!--修改密码样式-->
  384. <div class="change_Pass_style" id="change_Pass">
  385. <ul class="xg_style">
  386. <li><label class="label_name">原&nbsp;&nbsp;密&nbsp;码</label><input name="原密码" type="password" class="" id="password"></li>
  387. <li><label class="label_name">新&nbsp;&nbsp;密&nbsp;码</label><input name="新密码" type="password" class="" id="Nes_pas"></li>
  388. <li><label class="label_name">确认密码</label><input name="再次确认密码" type="password" class="" id="c_mew_pas"></li>
  389. </ul>
  390. <!-- <div class="center"> <button class="btn btn-primary" type="button" id="submit">确认修改</button></div>-->
  391. </div>
  392. <!-- /.main-container -->
  393. <!-- basic scripts -->
  394. </body>
  395. </html>