edit.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. {extend name="public/layout" /} {block name="title"}素材库{/block}
  2. {block name="body"}
  3. <style>
  4. html {
  5. background-color: #ffffff;
  6. }
  7. .content {
  8. padding-top: 10px;
  9. padding-right: 30px;
  10. display: block;
  11. background-color: #ffffff;
  12. height: 240px;
  13. }
  14. </style>
  15. <body layadmin-themealias="default">
  16. <div class="content">
  17. <form class="layui-form" lay-filter="edit">
  18. {if empty($info)}
  19. <div class="layui-form-item">
  20. <label class="layui-form-label"><i style="color:red;">*</i>姓名</label>
  21. <div class="layui-input-inline">
  22. <input type="text" name="name" lay-verify="required" placeholder="请输入姓名" autocomplete="off"
  23. class="layui-input">
  24. </div>
  25. </div>
  26. <div class="layui-form-item">
  27. <label class="layui-form-label"><i style="color:red;">*</i>手机号</label>
  28. <div class="layui-input-inline">
  29. <input type="number" name="phone" lay-verify="required|mobile" placeholder="请输入手机号" autocomplete="off"
  30. class="layui-input" id="phone-check">
  31. </div>
  32. </div>
  33. <div class="layui-form-item">
  34. <label class="layui-form-label"><i style="color:red;">*</i>权限</label>
  35. <div class="layui-input-inline">
  36. <select name="grant_id" lay-verify="required">
  37. <option value="">请选择权限</option>
  38. {volist name="grant" id="vo"}
  39. <option value="{$vo.id}">{$vo.name}</option>
  40. {/volist}
  41. </select>
  42. </div>
  43. </div>
  44. {else /}
  45. <input type="hidden" name="id" value="{$info['id']}" >
  46. <div class="layui-form-item">
  47. <label class="layui-form-label"><i style="color:red;">*</i>姓名</label>
  48. <div class="layui-input-inline">
  49. <input type="text" name="name" lay-verify="required" placeholder="请输入姓名" autocomplete="off"
  50. class="layui-input" value="{$info['opt_name']}">
  51. </div>
  52. </div>
  53. <div class="layui-form-item">
  54. <label class="layui-form-label"><i style="color:red;">*</i>手机号</label>
  55. <div class="layui-input-inline">
  56. <input type="number" name="phone" lay-verify="required|mobile" placeholder="请输入手机号" autocomplete="off"
  57. class="layui-input" id="phone-check" value="{$info['phone']}">
  58. </div>
  59. </div>
  60. {if intval($info['grant_id']) neq 1}
  61. <div class="layui-form-item">
  62. <label class="layui-form-label"><i style="color:red;">*</i>权限</label>
  63. <div class="layui-input-inline">
  64. <select name="grant_id" lay-verify="required">
  65. <option value="">请选择权限</option>
  66. {volist name="grant" id="vo"}
  67. <option value="{$vo.id}" {if $info['grant_id'] eq $vo['id']}selected{/if}>{$vo.name}</option>
  68. {/volist}
  69. </select>
  70. </div>
  71. </div>
  72. {else /}
  73. <input type="hidden" name="grant_id" value="1" >
  74. {/if}
  75. {/if}
  76. <div class="layui-form-item">
  77. <div class="layui-input-inline">
  78. <input class="layui-btn" type="button" lay-submit lay-filter="form-submit" id="form-submit"
  79. value="确认">
  80. </div>
  81. </div>
  82. </form>
  83. </div>
  84. {/block}
  85. {block name="js"}
  86. <script src="__STATIC__/layui/layui/layui.js"></script>
  87. <script>
  88. layui.config({
  89. base: '__LAYUI__/',
  90. urlbase: '/sys'
  91. }).extend({
  92. index: 'lib/index' //主入口模块
  93. }).use(['index', 'form'], function () {
  94. var form = layui.form,
  95. admin = layui.admin,
  96. $ = layui.jquery;
  97. //自定义验证规则
  98. form.verify({
  99. mobile: function (value) {
  100. if (value.length != 11) {
  101. return '新手机号必须为11位合法数字';
  102. }
  103. var reg = /^1(2|3|4|5|6|7|8|9)\d{9}$/;
  104. if (reg.test(value)) {
  105. // return '手机号码格式正确';
  106. } else {
  107. return '非法手机号';
  108. }
  109. }
  110. });
  111. form.on('submit(form-submit)', function (data) {
  112. var index = parent.layer.getFrameIndex(window.name);
  113. var DISABLED = 'layui-btn-disabled';
  114. var submit = $('#form-submit');
  115. submit.addClass(DISABLED);
  116. submit.attr('disabled', 'disabled');
  117. admin.req({
  118. url: '{:url("operate/editSave")}',
  119. data: data.field,
  120. type: 'post',
  121. done: function (res) {
  122. if (res.code == 0) {
  123. layer.msg('添加成功', {
  124. offset: '15px',
  125. icon: 1,
  126. time: 2000
  127. });
  128. parent.layui.table.reload('operater');
  129. parent.layer.close(index);
  130. } else {
  131. layer.msg(res.msg, {
  132. icon: 5,
  133. anim: 6,
  134. time: 2000
  135. });
  136. }
  137. submit.removeClass(DISABLED);
  138. submit.removeAttr('disabled');
  139. }
  140. });
  141. submit.removeClass(DISABLED);
  142. submit.removeAttr('disabled');
  143. });
  144. });
  145. </script>
  146. {/block}