m.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <title>m</title>
  6. <link rel="stylesheet" href="assets/libs/layui/css/layui.css"/>
  7. </head>
  8. <body style="margin: 20px;">
  9. <fieldset class="layui-elem-field layui-field-title">
  10. <legend>菜单添加</legend>
  11. </fieldset>
  12. accountType:<select name="accountType" id="accountType" onchange="s();">
  13. <option value="1">通用</option>
  14. <option value="2">监管</option>
  15. <option value="3" selected>企业</option>
  16. <option value="4">集团</option>
  17. </select><br>
  18. 父级:<select name="menuId" id="menuId"></select><br>
  19. 名称:<input type="text" id="menuTitle" name="menuTitle"><br>
  20. 地址:<input type="text" id="url" name="url"><br>
  21. <input type="button" onclick="add()" value="添加">
  22. </body>
  23. <!-- js部分 -->
  24. <script src="assets/libs/jquery/jquery-3.2.1.min.js"></script>
  25. <script src="assets/libs/layui/layui.js"></script>
  26. <script>
  27. // s();
  28. function s() {
  29. $.ajax({
  30. type: "post",
  31. url: "http://127.0.0.1:8899/3rd/extension/getMenu",
  32. data: {accountType: $("#accountType").val()},
  33. success: function (res) {
  34. var data = res.data;
  35. var html = '<option value="0">最高级别</option>';
  36. $.each(res.data, function (i, v) {
  37. html += '<option value="' + v.menuId + '">' + v.menuLevel + '~' + v.menuText + '</option>';
  38. });
  39. $("#menuId").html('');
  40. $("#menuId").html(html);
  41. }
  42. });
  43. }
  44. function add() {
  45. $.ajax({
  46. type: "post",
  47. url: "http://127.0.0.1:8899/3rd/extension/addMenu",
  48. data: {
  49. menuId: $("#menuId").val(),
  50. menuTitle: $("#menuTitle").val(),
  51. accountType: $("#accountType").val(),
  52. url: $("#url").val()
  53. },
  54. success: function (res) {
  55. window.location.reload();
  56. }
  57. });
  58. }
  59. </script>
  60. </html>