addAdmin.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  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" maxlength="32"
  29. lay-verType="tips" lay-verify="accountName|required" required/>
  30. </div>
  31. </div>
  32. <div class="layui-form-item">
  33. <label class="layui-form-label">密码</label>
  34. <div class="layui-input-block">
  35. <input type="password" id="password" name="password" placeholder="请输入密码" class="layui-input"
  36. maxlength="32" lay-verify="required" required/>
  37. </div>
  38. </div>
  39. <div class="layui-form-item">
  40. <label class="layui-form-label">手机号</label>
  41. <div class="layui-input-block">
  42. <input type="text" id="accountTel" name="accountTel" placeholder="请输入11位有效手机号!" class="layui-input"
  43. maxlength="16" lay-verify="accountTel|required" required/>
  44. </div>
  45. </div>
  46. <div class="layui-form-item text-right">
  47. <button class="layui-btn layui-btn-primary" type="button" id="btnCancel">取消</button>
  48. <button class="layui-btn" lay-filter="modelSubmit" lay-submit>保存</button>
  49. </div>
  50. </form>
  51. </div>
  52. <!-- js部分 -->
  53. <script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
  54. <script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
  55. <script>
  56. layui.use(['layer' ,'element' ,'form' ,'admin' ,'uParas'], function () {
  57. var $ = layui.jquery;
  58. var layer = layui.layer;
  59. var form = layui.form;
  60. var admin = layui.admin;
  61. var uParas = layui.uParas;
  62. var companyId = uParas.getUrlParam("companyId");
  63. form.val('adminForm', {"companyOrOrgId": companyId}); //回显数据
  64. form.verify({
  65. accountName: function(value){
  66. if (value.length < 4){
  67. return '帐号名称至少4个字符!'
  68. }
  69. var reg = /^[a-zA-z][a-zA-Z0-9_]{2,16}$/;
  70. if (!reg.test(value)){
  71. return "请输入正确的帐号名称";
  72. }
  73. var url = "/org/company/checkAdminNameExist/" + value;
  74. admin.req(url ,{} ,function(resp) {
  75. if (resp.code == 1) {
  76. return "用户名已存在";
  77. }
  78. },'GET');
  79. },
  80. accountTel: function(value){
  81. if (value.length <= 0){
  82. return "手机号码不能为空!"
  83. }
  84. var reg = /^1\d{10}$/;
  85. if (!reg.test(value)){
  86. return "请输入正确的手机号码";
  87. }
  88. var url = "/org/company/checkAdminTelExist/" + value;
  89. admin.req(url ,{} ,function(resp) {
  90. if (resp.code == 1) {
  91. return "手机号已存在,请更换手机号";
  92. }
  93. },'GET');
  94. },
  95. });
  96. // 保存处理
  97. form.on('submit(modelSubmit)', function(data) {
  98. var url = uParas.baseUrl + '/org/company/saveAdmin';
  99. layer.load();
  100. admin.req(url ,data.field, function(resp) {
  101. layer.closeAll('loading');
  102. if (resp.code == 1) {
  103. parent.layer.closeAll(); //再执行关闭
  104. } else {
  105. layer.msg(resp.msg);
  106. }
  107. },'POST');
  108. return false;
  109. });
  110. $("#btnCancel").click(function(){
  111. parent.layer.closeAll(); //再执行关闭
  112. });
  113. });
  114. </script>
  115. </body>
  116. </html>