agentheader.blade.php 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  6. <title>首页</title>
  7. <meta name="Keywords" content="" />
  8. <meta name="Description" content="" />
  9. <link href="/Public/Mobile/css/mui.min.css" rel="stylesheet"/>
  10. <link href="/Public/Agent/Mobile/css/css.css" rel="stylesheet" type="text/css" />
  11. <!--<script src="/Public/Mobile/js/zepto_1.1.3.js"></script>-->
  12. <script type="text/javascript" src="/Public/Agent/Mobile/js/jquery-3.1.1.min.js"></script>
  13. <script src="/Public/js/commons.js"></script>
  14. <!--<script src="/Public/Mobile/js/mui.min.js"></script>-->
  15. <script src="/Public/js/layer/layer.js"></script>
  16. <script src="/Public/Mobile/js/logout.js"></script>
  17. <script src="/Public/Mobile/js/mui.min.js"></script>
  18. <script src="/Public/Mobile/js/vue.js"></script>
  19. <script src="/Public/Mobile/js/vue.min.js"></script>
  20. <script src="/Public/Agent/Mobile/js/jquery.pagination.js"></script>
  21. </head>
  22. <body>
  23. <div class="qtx_head">
  24. <div class="qtx_head_top">
  25. <div class="qtx_logo"></div>
  26. <div class="qtx_head_word">
  27. <div class="qtx_head_user"><img src="/Public/Agent/Mobile/img/img14.png"><span v-text="user.agent_user"></span></div>
  28. <div class="qtx_head_grade"><span>等级:<span v-text="user.grade"></span></span></div>
  29. <div class="qtx_head_loginout" onclick="logout()">退出</div>
  30. </div>
  31. <div class="qtx_clear"></div>
  32. </div>
  33. <div class="qtx_head_nav">
  34. <div id="nav1" class="qtx_head_nav_list "><a href="/mobile-agent/index">代理首页</a></div>
  35. <div id="nav2" class="qtx_head_nav_list"><a href="/mobile-agent/userList">客户管理</a></div>
  36. <div id="nav3" class="qtx_head_nav_list"><a href="/mobile-agent/Invite">推广中心</a></div>
  37. <div id="nav4" class="qtx_head_nav_list"><a href="/Mobile-SelfCenter/Index">个人中心</a></div>
  38. <div id="nav5" class="qtx_clear"></div>
  39. </div>
  40. </div>
  41. <script src="/Public/Agent/Mobile/js/checkagent.js"></script>
  42. <script>
  43. $(function(){
  44. var Wwidth = $(window).width();
  45. var Hheight = $(window).height();
  46. //计算宽度
  47. $(".qtx_agent_amount_list").width((Wwidth-30)/2);
  48. $(".qtx_grade_name_list").height($(".qtx_grade_name_list").width());
  49. /*function initAgent(data) {
  50. // mui.alert(data.msg);
  51. if (kaiYou.Agent) {
  52. $("#zc").hide();
  53. }
  54. }*/
  55. });
  56. $(function () {
  57. $('.picname_y').on('click',function () {
  58. $(".userdetails").toggle();
  59. });
  60. apiAgentAjax('/api-agent/GetAgent',{},function(data) {
  61. console.log(data);
  62. header.user=data.data;
  63. });
  64. //高亮
  65. var id=localStorage.getItem('hightLight');
  66. $('.qtx_head_nav_list').removeClass('qtx_active');
  67. if(id){
  68. $('#'+id).addClass('qtx_active');
  69. }else{
  70. $('#nav1').addClass('qtx_active');
  71. }
  72. })
  73. var header=new Vue({
  74. el:'.qtx_head_word',
  75. data:{
  76. user:[]
  77. }
  78. });
  79. //高亮
  80. $('.qtx_head_nav_list').click(function (e) {
  81. var val=$(this).attr("id");
  82. localStorage.setItem('hightLight', val);
  83. })
  84. </script>