index.js 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. require("../css/index.less");
  2. const $ = require('jquery');
  3. require('jquery-templates');
  4. const md5 = require('js-md5');
  5. require("./modal.js")
  6. const {api,post,pageMap,delCookie} = require('./utils.js');
  7. $(function(){
  8. getMenu();
  9. //菜单展开收起
  10. sureChangeWord()
  11. $(".main").css({
  12. height:$(window).height()-70+'px'
  13. })
  14. $("body").on('focus',".modalAction input",function(){
  15. $(this).attr("type","password")
  16. })
  17. // $(window).click(function(e){
  18. // $(".userAction").css("display","none")
  19. // })
  20. });
  21. // function userActionHide(e){
  22. // $(".userAction").css("display","none")
  23. // }
  24. // window.userActionHide = userActionHide
  25. function initMenu(data,userInfo){
  26. //菜单数据填充
  27. $("#menuTmpl").tmpl(data).appendTo(".menu ul");
  28. //用户数据填充
  29. $("#userName").text(userInfo.linkman);
  30. //菜单收起展开
  31. $(".menu .page").eq(0).addClass("active")
  32. $(".list-1").on("click",function(){
  33. // $(".list-1 .slide-up").removeClass('slide-up');
  34. // $(this).toggleClass('slide-up');
  35. $(this).find("ul").slideToggle();
  36. });
  37. $(".list-1 li").on("click",function(e){
  38. e.stopPropagation();
  39. });
  40. //右侧页面切换
  41. $(".page").on("click",function(){
  42. $(".menu .active").removeClass('active');
  43. $(this).addClass("active");
  44. const code = $(this).attr("code");
  45. const url = './'+pageMap[code];
  46. $("#contentIframe").attr("src",url);
  47. });
  48. }
  49. function getMenu(){
  50. post(api.getMenu).then(function(res){
  51. if(res.data.code==='0'){
  52. const data = res.data.data;
  53. initMenu(data.menuWrappers,data.userLoginDTO);
  54. }
  55. });
  56. };
  57. function sureChangeWord(){
  58. $(document).on('click','.sureChange',function(){
  59. let oldword = $(".oldword").val().trim()
  60. let newword = $(".newword").val().trim()
  61. let sureword = $(".sureword").val().trim()
  62. if(!oldword){
  63. $(".modalAction .waring i").html('请输入原密码')
  64. return
  65. }else if(!newword){
  66. $(".modalAction .waring i").html('请输入新密码')
  67. return
  68. }else if(!sureword){
  69. $(".modalAction .waring i").html('请确认新密码')
  70. return
  71. }else if(newword != sureword){
  72. $(".modalAction .waring i").html('两次密码不一致')
  73. return
  74. }
  75. $(".modalAction .waring i").html('')
  76. changeWord(oldword,newword)
  77. })
  78. }
  79. function changeWord(oldword,newword){
  80. post(api.midifyPassword,{
  81. "modifyPassword": md5(newword),
  82. "password": md5(oldword)
  83. }).then(function(res){
  84. const data = res.data;
  85. if(data.code==='0'){
  86. window.location.href = './login.html'
  87. }else{
  88. $(".oldWaring").html(data.msg)
  89. return
  90. }
  91. });
  92. }
  93. //用户信息下拉事件
  94. $(".login").click(function(e){
  95. e.stopPropagation()
  96. $(".userAction").slideToggle();
  97. })
  98. //点击修改密码
  99. $("#changeWord").click(function(e){
  100. e.stopPropagation()
  101. const status = $(".modalAction").css("display")
  102. $.alerModal({
  103. title:"修改密码",
  104. type:"modal",
  105. width:'450',
  106. time:'1000',
  107. sureText:'保存',
  108. message:`
  109. <div class="modalAction">
  110. <p><span>原密码:</span><input type="text" placeholder="请输入原密码" class="oldword" autocomplete="off"><i class="oldWaring"></i></p>
  111. <p><span>新密码:</span><input type="text" placeholder="请输入新密码" class="newword" autocomplete="off"></p>
  112. <p><span>确认新密码:</span><input type="text" placeholder="请输入新密码" class="sureword" autocomplete="off"></p>
  113. <p class="waring"><span></span><i></i></p>
  114. </div>
  115. `});
  116. $(".userAction").hide();
  117. })
  118. //推出登录
  119. $(".login-out").click(function(){
  120. delCookie('accessToken')
  121. })