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. });
  145. });
  146. })
  147. </script>
  148. </head>
  149. <body>
  150. <div class="navbar navbar-default" id="navbar">
  151. <script type="text/javascript">
  152. try{ace.settings.check('navbar' , 'fixed')}catch(e){}
  153. </script>
  154. <div class="navbar-container" id="navbar-container">
  155. <div class="navbar-header pull-left">
  156. <a href="#" class="navbar-brand">
  157. <small>
  158. <img src="/images/logo.png">
  159. </small>
  160. </a><!-- /.brand -->
  161. </div><!-- /.navbar-header -->
  162. <div class="navbar-header pull-right" role="navigation">
  163. <ul class="nav ace-nav">
  164. <li class="light-blue">
  165. <a data-toggle="dropdown" href="#" class="dropdown-toggle">
  166. <span class="time"><em id="time"></em></span><span class="user-info"><small>欢迎光临,</small>张三</span>
  167. <i class="icon-caret-down"></i>
  168. </a>
  169. <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
  170. <li><a href="#"><i class="icon-cog"></i>设置</a></li>
  171. <li><a href="#"><i class="icon-user"></i>个人资料</a></li>
  172. <li class="divider"></li>
  173. <li><a href="javascript:ovid(0)" id="Exit_system"><i class="icon-off"></i>退出</a></li>
  174. </ul>
  175. </li>
  176. <li class="purple">
  177. <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="icon-bell-alt"></i><span class="badge badge-important">8</span></a>
  178. <ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
  179. <li class="dropdown-header"><i class="icon-warning-sign"></i>8条通知</li>
  180. <li>
  181. <a href="#">
  182. <div class="clearfix">
  183. <span class="pull-left">
  184. <i class="btn btn-xs no-hover btn-pink icon-comment"></i>
  185. 新闻评论
  186. </span>
  187. <span class="pull-right badge badge-info">+12</span>
  188. </div>
  189. </a>
  190. </li>
  191. <li>
  192. <a href="#">
  193. <i class="btn btn-xs btn-primary icon-user"></i>
  194. 切换为编辑登录..
  195. </a>
  196. </li>
  197. <li>
  198. <a href="#">
  199. <div class="clearfix">
  200. <span class="pull-left">
  201. <i class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>
  202. 新订单
  203. </span>
  204. <span class="pull-right badge badge-success">+8</span>
  205. </div>
  206. </a>
  207. </li>
  208. <li>
  209. <a href="#">
  210. <div class="clearfix">
  211. <span class="pull-left">
  212. <i class="btn btn-xs no-hover btn-info icon-twitter"></i>
  213. 粉丝
  214. </span>
  215. <span class="pull-right badge badge-info">+11</span>
  216. </div>
  217. </a>
  218. </li>
  219. <li>
  220. <a href="#">
  221. 查看所有通知
  222. <i class="icon-arrow-right"></i>
  223. </a>
  224. </li>
  225. </ul>
  226. </li>
  227. </ul>
  228. <!-- <div class="right_info">
  229. <div class="get_time" ><span id="time" class="time"></span>欢迎光临,管理员</span></div>
  230. <ul class="nav ace-nav">
  231. <li><a href="javascript:ovid(0)" class="change_Password">修改密码</a></li>
  232. <li><a href="javascript:ovid(0)" id="Exit_system">退出系统</a></li>
  233. </ul>
  234. </div>-->
  235. </div>
  236. </div>
  237. </div>
  238. <div class="main-container" id="main-container">
  239. <script type="text/javascript">
  240. try{ace.settings.check('main-container' , 'fixed')}catch(e){}
  241. </script>
  242. <div class="main-container-inner">
  243. <a class="menu-toggler" id="menu-toggler" href="#">
  244. <span class="menu-text"></span>
  245. </a>
  246. <div class="sidebar" id="sidebar">
  247. <script type="text/javascript">
  248. try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
  249. </script>
  250. <div class="sidebar-shortcuts" id="sidebar-shortcuts">
  251. <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
  252. 淘淘商城后台管理系统
  253. </div>
  254. <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
  255. <span class="btn btn-success"></span>
  256. <span class="btn btn-info"></span>
  257. <span class="btn btn-warning"></span>
  258. <span class="btn btn-danger"></span>
  259. </div>
  260. </div><!-- #sidebar-shortcuts -->
  261. <ul class="nav nav-list" id="nav_list">
  262. <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>
  263. <li><a href="#" class="dropdown-toggle"><i class="icon-desktop"></i><span class="menu-text"> 商品管理 </span><b class="arrow icon-angle-down"></b></a>
  264. <ul class="submenu">
  265. <li class="home"><a href="javascript:void(0)" name="item-add" title="新增商品" class="iframeurl"><i class="icon-double-angle-right"></i>新增商品</a></li>
  266. <li class="home"><a href="javascript:void(0)" name="item-list" title="商品列表" class="iframeurl"><i class="icon-double-angle-right"></i>商品列表</a></li>
  267. <li class="home"><a href="javascript:void(0)" name="" title="品牌管理" class="iframeurl"><i class="icon-double-angle-right"></i>品牌管理</a></li>
  268. </ul>
  269. </li>
  270. <li>
  271. <a href="#" class="dropdown-toggle"><i class="icon-picture "></i><span class="menu-text"> 内容管理 </span><b class="arrow icon-angle-down"></b></a>
  272. <ul class="submenu">
  273. <li class="home"><a href="javascript:void(0)" name="content-category" title="内容分类管理" class="iframeurl"><i class="icon-double-angle-right"></i>内容分类管理</a></li>
  274. <li class="home"><a href="javascript:void(0)" name="content" title="内容管理" class="iframeurl"><i class="icon-double-angle-right"></i>内容管理</a></li>
  275. </ul>
  276. </li>
  277. <li>
  278. <a href="#" class="dropdown-toggle"><i class="icon-list"></i><span class="menu-text"> 交易管理 </span><b class="arrow icon-angle-down"></b></a>
  279. <ul class="submenu">
  280. <li class="home"><a href="javascript:void(0)" name="" title="交易信息" class="iframeurl"><i class="icon-double-angle-right"></i>交易信息</a></li>
  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. </ul>
  286. </li>
  287. <li>
  288. <a href="#" class="dropdown-toggle"><i class="icon-user"></i><span class="menu-text"> 会员管理 </span><b class="arrow icon-angle-down"></b></a>
  289. <ul class="submenu">
  290. <li class="home"><a href="javascript:void(0)" name="" title="会员列表" class="iframeurl"><i class="icon-double-angle-right"></i>会员列表</a></li>
  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. </ul>
  294. </li>
  295. <li><a href="#" class="dropdown-toggle"><i class="icon-edit"></i><span class="menu-text"> 消息管理 </span><b class="arrow icon-angle-down"></b></a>
  296. <ul class="submenu">
  297. <li class="home"><a href="javascript:void(0)" name="" title="留言列表" class="iframeurl"><i class="icon-double-angle-right"></i>留言列表</a></li>
  298. <li class="home"><a href="javascript:void(0)" name="" title="意见反馈" class="iframeurl"><i class="icon-double-angle-right"></i>意见反馈</a></li>
  299. </ul>
  300. </li>
  301. <li><a href="#" class="dropdown-toggle"><i class="icon-edit"></i><span class="menu-text"> 文章管理 </span><b class="arrow icon-angle-down"></b></a>
  302. <ul class="submenu">
  303. <li class="home"><a href="javascript:void(0)" name="" title="文章列表" class="iframeurl"><i class="icon-double-angle-right"></i>文章列表</a></li>
  304. <li class="home"><a href="javascript:void(0)" name="" title="分类分类" class="iframeurl"><i class="icon-double-angle-right"></i>分类分类</a></li>
  305. </ul>
  306. </li>
  307. <li><a href="#" class="dropdown-toggle"><i class="icon-cogs"></i><span class="menu-text"> 系统管理 </span><b class="arrow icon-angle-down"></b></a>
  308. <ul class="submenu">
  309. <li class="home"><a href="javascript:void(0)" name="" title="系统设置" class="iframeurl"><i class="icon-double-angle-right"></i>系统设置</a></li>
  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. </ul>
  313. </li>
  314. <li><a href="#" class="dropdown-toggle"><i class="icon-group"></i><span class="menu-text"> 管理员管理 </span><b class="arrow icon-angle-down"></b></a>
  315. <ul class="submenu">
  316. <li class="home"><a href="javascript:void(0)" name="" title="权限管理" class="iframeurl"><i class="icon-double-angle-right"></i>权限管理</a></li>
  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. </ul>
  320. </li>
  321. </ul>
  322. <div class="sidebar-collapse" id="sidebar-collapse">
  323. <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
  324. </div>
  325. <script type="text/javascript">
  326. try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
  327. </script>
  328. </div>
  329. <div class="main-content">
  330. <script type="text/javascript">
  331. try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
  332. </script>
  333. <div class="breadcrumbs" id="breadcrumbs">
  334. <ul class="breadcrumb">
  335. <li>
  336. <i class="icon-home home-icon"></i>
  337. <a href="index.html">首页</a>
  338. </li>
  339. <li class="active"><span class="Current_page iframeurl"></span></li>
  340. <li class="active" id="parentIframe"><span class="parentIframe iframeurl"></span></li>
  341. <li class="active" id="parentIfour"><span class="parentIfour iframeurl"></span></li>
  342. </ul>
  343. </div>
  344. <iframe id="iframe" style="border:0; width:100%; background-color:#FFF;"name="iframe" frameborder="0" src="home.html"> </iframe>
  345. <!-- /.page-content -->
  346. </div><!-- /.main-content -->
  347. <div class="ace-settings-container" id="ace-settings-container">
  348. <div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
  349. <i class="icon-cog bigger-150"></i>
  350. </div>
  351. <div class="ace-settings-box" id="ace-settings-box">
  352. <div>
  353. <div class="pull-left">
  354. <select id="skin-colorpicker" class="hide">
  355. <option data-skin="default" value="#438EB9">#438EB9</option>
  356. <option data-skin="skin-1" value="#222A2D">#222A2D</option>
  357. <option data-skin="skin-2" value="#C6487E">#C6487E</option>
  358. <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
  359. </select>
  360. </div>
  361. <span>&nbsp; 选择皮肤</span>
  362. </div>
  363. <div>
  364. <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
  365. <label class="lbl" for="ace-settings-sidebar"> 固定滑动条</label>
  366. </div>
  367. <div>
  368. <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
  369. <label class="lbl" for="ace-settings-rtl">切换到左边</label>
  370. </div>
  371. <div>
  372. <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
  373. <label class="lbl" for="ace-settings-add-container">
  374. 切换窄屏
  375. <b></b>
  376. </label>
  377. </div>
  378. </div>
  379. </div><!-- /#ace-settings-container -->
  380. </div><!-- /.main-container-inner -->
  381. </div>
  382. <!--修改密码样式-->
  383. <div class="change_Pass_style" id="change_Pass">
  384. <ul class="xg_style">
  385. <li><label class="label_name">原&nbsp;&nbsp;密&nbsp;码</label><input name="原密码" type="password" class="" id="password"></li>
  386. <li><label class="label_name">新&nbsp;&nbsp;密&nbsp;码</label><input name="新密码" type="password" class="" id="Nes_pas"></li>
  387. <li><label class="label_name">确认密码</label><input name="再次确认密码" type="password" class="" id="c_mew_pas"></li>
  388. </ul>
  389. <!-- <div class="center"> <button class="btn btn-primary" type="button" id="submit">确认修改</button></div>-->
  390. </div>
  391. <!-- /.main-container -->
  392. <!-- basic scripts -->
  393. </body>
  394. </html>