addAdmin.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <title>设定公司管理员信息</title>
  8. <link rel="stylesheet" href="../../../assets/libs/layui/css/layui.css"/>
  9. <link rel="stylesheet" href="../../../assets/module/admin.css?v=312"/>
  10. </head>
  11. <body>
  12. <!-- 页面加载loading -->
  13. <div class="page-loading">
  14. <div class="ball-loader">
  15. <span></span><span></span><span></span><span></span>
  16. </div>
  17. </div>
  18. <!-- 正文开始 -->
  19. <div class="layui-fluid">
  20. <blockquote class="layui-elem-quote layui-text">
  21. 新增公司管理员
  22. </blockquote>
  23. <form id="adminForm" lay-filter="adminForm" class="layui-form model-form">
  24. <input type="hidden" id="companyOrOrgId" name="companyOrOrgId" class="layui-input" value=""/>
  25. <div class="layui-form-item">
  26. <label class="layui-form-label">帐号名称</label>
  27. <div class="layui-input-block">
  28. <input type="text" id="accountName" name="accountName" placeholder="请输入帐号名称" class="layui-input"
  29. maxlength="32"
  30. lay-verType="tips" lay-verify="accountName|required" required/>
  31. </div>
  32. </div>
  33. <div class="layui-form-item">
  34. <label class="layui-form-label">密码</label>
  35. <div class="layui-input-block">
  36. <input type="password" id="password" name="password" placeholder="请输入密码" class="layui-input"
  37. maxlength="32" lay-verify="required" required/>
  38. </div>
  39. </div>
  40. <div class="layui-form-item">
  41. <label class="layui-form-label">手机号</label>
  42. <div class="layui-input-block">
  43. <input type="text" id="accountTel" name="accountTel" placeholder="请输入11位有效手机号!" class="layui-input"
  44. maxlength="16" lay-verify="accountTel|required" required/>
  45. </div>
  46. </div>
  47. <div class="layui-form-item text-right">
  48. <button class="layui-btn layui-btn-primary" type="button" id="btnCancel">取消</button>
  49. <button class="layui-btn" lay-filter="modelSubmit" lay-submit>保存</button>
  50. </div>
  51. </form>
  52. </div>
  53. <!-- js部分 -->
  54. <script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
  55. <script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
  56. <script>
  57. layui.use(['layer', 'element', 'form', 'admin', 'uParas'], function () {
  58. var $ = layui.jquery;
  59. var layer = layui.layer;
  60. var form = layui.form;
  61. var admin = layui.admin;
  62. var uParas = layui.uParas;
  63. var companyId = uParas.getUrlParam("companyId");
  64. form.val('adminForm', {"companyOrOrgId": companyId}); //回显数据
  65. form.verify({
  66. accountName: function (value) {
  67. if (value.length < 4) {
  68. return '帐号名称至少4个字符!'
  69. }
  70. var reg = /^[a-zA-z][a-zA-Z0-9_]{2,16}$/;
  71. if (!reg.test(value)) {
  72. return "请输入正确的帐号名称";
  73. }
  74. var url = "/org/company/checkAdminNameExist/" + value;
  75. admin.req(url, {}, function (resp) {
  76. if (resp.code == 1) {
  77. return "用户名已存在";
  78. }
  79. }, 'GET');
  80. },
  81. accountTel: function (value) {
  82. if (value.length <= 0) {
  83. return "手机号码不能为空!"
  84. }
  85. var reg = /^1\d{10}$/;
  86. if (!reg.test(value)) {
  87. return "请输入正确的手机号码";
  88. }
  89. var url = "/org/company/checkAdminTelExist/" + value;
  90. admin.req(url, {}, function (resp) {
  91. if (resp.code == 1) {
  92. return "手机号已存在,请更换手机号";
  93. }
  94. }, 'GET');
  95. },
  96. });
  97. // 保存处理
  98. form.on('submit(modelSubmit)', function (data) {
  99. var url = uParas.baseUrl + '/org/company/saveAdmin';
  100. layer.load();
  101. admin.req(url, data.field, function (resp) {
  102. layer.closeAll('loading');
  103. if (resp.code == 1) {
  104. parent.layer.closeAll(); //再执行关闭
  105. } else {
  106. layer.msg(resp.msg);
  107. }
  108. }, 'POST');
  109. return false;
  110. });
  111. $("#btnCancel").click(function () {
  112. parent.layer.closeAll(); //再执行关闭
  113. });
  114. });
  115. </script>
  116. </body>
  117. </html>