index.html 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249
  1. <!DOCTYPE html>
  2. <html ng-app="House">
  3. <head lang="en">
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=0">
  6. <meta http-equiv="X-UA-Compitable" content="IE=edge,chrome=1">
  7. <title>靠边停</title>
  8. <link rel="stylesheet" href="css/index.css" />
  9. <link rel="stylesheet" href="css/icon.css" />
  10. <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
  11. <script type="text/javascript" src="js/bootstrap.js"></script>
  12. <link rel="stylesheet" href="css/bootstrap.css" />
  13. <link rel="stylesheet" href="css/page.css" />
  14. <script type="text/javascript" src="js/angular.js"></script>
  15. <script type="text/javascript" src="js/angular-route.js"></script>
  16. <script src="js/date2.js"></script>
  17. <script src="js/echarts.min.js"></script>
  18. <script src="js/page.js"></script>
  19. <script src="js/public.js"></script>
  20. <!-- ueditor -->
  21. <!-- <script type="text/javascript" charset="utf-8" src="backend/ueditor.all.js"></script> -->
  22. <script type="text/javascript" charset="utf-8"
  23. src="backend/ueditor.config.js"></script>
  24. <script type="text/javascript" charset="utf-8"
  25. src="backend/ueditor.all.min.js"> </script>
  26. <script type="text/javascript" charset="utf-8"
  27. src="backend/lang/zh-cn/zh-cn.js"></script>
  28. <!-- 时间段 -->
  29. <link rel="stylesheet" type="text/css" href="css/daterangepicker-bs3.css"/>
  30. <link href="http://www.jq22.com/jquery/font-awesome.4.6.0.css"rel="stylesheet">
  31. <script type="text/javascript" src="js/moment.js"></script>
  32. <script type="text/javascript" src="js/daterangepicker.js"></script>
  33. <script>
  34. $(function(){
  35. if(sessionStorage.id == null){
  36. location.href="login.html";
  37. }else{
  38. $('#uName').html("<i class=\"iconfont us\">&#xe605;</i><span>"+sessionStorage.userName+"</span><button onclick=\"exitSystem()\" class=\"btn btn-default\">退出</button>");
  39. var asideHeight = $(window).height()-100+"px";
  40. $("aside.content_left").css({"max-height":asideHeight});
  41. $(window).resize(function(){
  42. var mainHeight = $(window).height()-320+"px";
  43. $(".scrollTable").css({"max-height":mainHeight});
  44. var asideHeight = $(window).height()-100+"px";
  45. $("aside.content_left").css({"max-height":asideHeight});
  46. });
  47. }
  48. });
  49. /*页面跳转*/
  50. function jump(index){
  51. if(index == 1){
  52. location.href="#/admin";
  53. }else if(index == 2){
  54. location.href="#/park";
  55. }else if(index == 3){
  56. location.href="#/coupon";
  57. }else if(index == 4){
  58. location.href="#/record";
  59. }else if(index == 5){
  60. location.href="#/withdraw";
  61. }else if(index == 6){
  62. location.href="#/property";
  63. }else if(index == 7){
  64. location.href="#/owner";
  65. }else if(index == 8){
  66. location.href="#/fix";
  67. }else if(index == 9){
  68. location.href="#/build";
  69. }else if(index == 10){
  70. location.href="#/users";
  71. }else if(index == 11){
  72. location.href="#/financeCount";
  73. }else if(index == 12){
  74. location.href="#/financeWater";
  75. }else if(index == 13){
  76. location.href="#/financeDetail";
  77. }else if(index == 14){
  78. location.href="#/chartUser";
  79. }else if(index == 15){
  80. location.href="#/chartActive";
  81. }else if(index == 16){
  82. location.href="#/chartOrderNum";
  83. }else if(index == 17){
  84. location.href="#/chartAmt";
  85. }else if(index == 18){
  86. location.href="#/chartTimes";
  87. }
  88. }
  89. /*退出系统*/
  90. function exitSystem(){
  91. sessionStorage.removeItem('isSeller');
  92. sessionStorage.removeItem('id');
  93. location.href="login.html";
  94. }
  95. </script>
  96. </head>
  97. <body>
  98. <header>
  99. <a class="pull-left" href="#/admin.html"><img
  100. src="images/logo.png" /> <span class="headTitle">靠边停管理后台</span> </a>
  101. <div class="pull-left"></div>
  102. <div id="uName" class="pull-right"></div>
  103. </header>
  104. <div class="main_content">
  105. <aside class="content_left pull-left scrollbar">
  106. <ul>
  107. <li onclick="jump('1')"><a><i class="iconfont aside">&#xe649;</i>消息管理</a></li>
  108. <!-- <li onclick="jump('2')" class="power_count"><i class="iconfont aside">&#xe600;</i><a>数据统计</a></li> -->
  109. <!-- <li onclick="jump('3')" class="power_cust"><i class="iconfont aside">&#xe64c;</i><a>客户投诉</a></li> -->
  110. <li onclick="jump('2')" class="power_cust"><a><i
  111. class="iconfont aside">&#xe67e;</i>车位管理</a></li>
  112. <li onclick="jump('3')" class="power_cust"><a><i
  113. class="iconfont aside">&#xe633;</i>优惠券管理</a></li>
  114. <li onclick="jump('4')" class="power_cust"><a><i
  115. class="iconfont aside">&#xe618;</i>发放记录</a></li>
  116. <li onclick="jump('5')" class="power_cust"><a><i
  117. class="iconfont aside">&#xe6ba;</i>提现管理</a></li>
  118. <li onclick="jump('6')" class="power_cust"><a><i
  119. class="iconfont aside">&#xe619;</i>物业管理</a></li>
  120. <li onclick="jump('7')" class="power_cust"><a><i
  121. class="iconfont aside">&#xe614;</i>业主管理</a></li>
  122. <li onclick="jump('8')" class="power_cust"><a><i
  123. class="iconfont aside">&#xe601;</i>报修管理</a></li>
  124. <li onclick="jump('9')" class="power_cust"><a><i
  125. class="iconfont aside">&#xe788;</i>安装管理</a></li>
  126. <li onclick="jump('10')" class="power_cust"><a><i
  127. class="iconfont aside">&#xe79e;</i>用户管理</a></li>
  128. <li class="power_cust"><a><i
  129. class="iconfont aside">&#xe603;</i>统计分析</a>
  130. <ul style="display:none;">
  131. <li onclick="jump('14')"><a>用户量</a></li>
  132. <li onclick="jump('15')"><a>活跃度</a></li>
  133. <li onclick="jump('16')"><a>订单量</a></li>
  134. <li onclick="jump('17')"><a>交易额</a></li>
  135. <li onclick="jump('18')"><a>车位使用次</a></li>
  136. </ul>
  137. </li>
  138. <li class="power_cust"><a><i
  139. class="iconfont aside">&#xe616;</i>账户管理中心</a>
  140. <ul style="display:none;">
  141. <li onclick="jump('11')"><a>财务统计</a></li>
  142. <li onclick="jump('12')"><a>财务流水</a></li>
  143. <li onclick="jump('13')"><a>交易明细</a></li>
  144. </ul>
  145. </li>
  146. </ul>
  147. </aside>
  148. <div ng-view class="content_right pull-left"></div>
  149. </div>
  150. </body>
  151. <!--路由跳转-->
  152. <script>
  153. angular.module("House",['ng','ngRoute']).config(function($routeProvider){
  154. $routeProvider.when('/admin',{
  155. templateUrl:'tpl/house_admin.html'
  156. // templateUrl:'index.html'
  157. }).when('/publish',{
  158. templateUrl:'tpl/publishCoupon.html'
  159. }).when('/withdraw',{
  160. templateUrl:'tpl/house_withdraw.html'
  161. }).when('/park',{
  162. templateUrl:'tpl/house_parkpoint.html'
  163. }).when('/veryfied',{
  164. templateUrl:'tpl/house_veryfied.html'
  165. }).when('/detail',{
  166. templateUrl:'tpl/house_detail.html'
  167. }).when('/coupon',{
  168. templateUrl:'tpl/house_cuopon.html'
  169. }).when('/show',{
  170. templateUrl:'tpl/house_show.html'
  171. }).when('/record',{
  172. templateUrl:'tpl/house_record.html'
  173. }).when('/property',{
  174. templateUrl:'tpl/house_property.html'
  175. }).when('/parkSpace:param',{
  176. templateUrl:'tpl/house_parkSpace.html'
  177. }).when('/owner',{
  178. templateUrl:'tpl/house_owner.html'
  179. }).when('/fix',{
  180. templateUrl:'tpl/house_fix.html'
  181. }).when('/build',{
  182. templateUrl:'tpl/house_build.html'
  183. }).when('/useRecord:param',{
  184. templateUrl:'tpl/house_useRecord.html'
  185. }).when('/users',{
  186. templateUrl:'tpl/house_users.html'
  187. }).when('/amtDetail:param',{
  188. templateUrl:'tpl/house_amtDetail.html'
  189. }).when('/historyOrder:param',{
  190. templateUrl:'tpl/house_historyOrder.html'
  191. }).when('/active:param',{
  192. templateUrl:'tpl/house_active.html'
  193. }).when('/financeCount',{
  194. templateUrl:'tpl/house_financeCount.html'
  195. }).when('/financeWater',{
  196. templateUrl:'tpl/house_financeWater.html'
  197. }).when('/financeDetail',{
  198. templateUrl:'tpl/house_financeDetail.html'
  199. }).when('/chartUser',{
  200. templateUrl:'tpl/house_chartUser.html'
  201. }).when('/chartActive',{
  202. templateUrl:'tpl/house_chartActive.html'
  203. }).when('/chartOrderNum',{
  204. templateUrl:'tpl/house_chartOrderNum.html'
  205. }).when('/chartAmt',{
  206. templateUrl:'tpl/house_chartAmt.html'
  207. }).when('/chartTimes',{
  208. templateUrl:'tpl/house_chartTimes.html'
  209. }).otherwise({
  210. redirectTo:'/admin'
  211. })
  212. });
  213. </script>
  214. <script>
  215. // $("aside>ul>li").click(function(){
  216. // $(this).css({"background":"rgba(65, 199, 219, 0.86)"}).siblings('li').css({"background":"#fff"});
  217. // });
  218. </script>
  219. <script>
  220. $("aside ul li a").click(function(){
  221. if($(this).siblings('ul').attr('display') == "block"){
  222. $(this).siblings('ul').slideUp(100).attr("display","none")
  223. }else{
  224. $(this).siblings('ul').slideDown(100).attr("display","block")
  225. }
  226. $(this).parent().siblings().children('ul').slideUp(100).attr("display","none")
  227. })
  228. // $("aside>ul>li").hover(function(){
  229. // $(this).css({"background":"#00C1DE"}).find('ul').css({"background":"#333744"})
  230. // },function(){
  231. // $(this).css({"background":"#42485B"})
  232. // })
  233. // $("aside>ul>li>ul>li").hover(function(){
  234. // $(this).css({"background":"#4A5064"}).parents('li').css({"background":"#42485B"})
  235. // },function(){
  236. // $(this).css({"background":"#333744"})
  237. // })
  238. // $("aside>ul>li>a").hover(function(){
  239. // $(this).css({"background":"#00C1DE"})
  240. // },function(){
  241. // $(this).css({"background":"#42485B"})
  242. // })
  243. </script>
  244. </html>