form.html 4.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. {extend name="layout:home" /}
  2. {block name="container"}
  3. <form class="layui-form layui-form-pane" method="post" enctype="multipart/form-data">
  4. <div class="layui-tab layui-tab-card">
  5. <div class="layui-tab-content page-tab-content">
  6. <div class="layui-tab-item layui-show ">
  7. <div class="layui-form-item">
  8. <label class="layui-form-label">{$Think.lang.admin_name}</label>
  9. <div class="layui-input-inline">
  10. <input type="text" class="layui-input field-name" name="service_name" id="service_name" value="{$admin.service_name|default=''}" lay-verify="required|service_name" autocomplete="off" placeholder="{:lang('ds_please_enter')}{:lang('admin_name')}" required />
  11. </div>
  12. <div class="layui-form-mid layui-word-aux"><p><span class="required-cloum">*</span>必填项</p></div>
  13. </div>
  14. <div class="layui-form-item">
  15. <label class="layui-form-label">昵称</label>
  16. <div class="layui-input-inline">
  17. <input type="text" class="layui-input field-name" name="service_nickname" id="service_nickname" value="{$admin.service_nickname|default=''}" lay-verify="required|service_nickname" autocomplete="off" placeholder="{:lang('ds_please_enter')}昵称" required />
  18. </div>
  19. <div class="layui-form-mid layui-word-aux"><p><span class="required-cloum">*</span>必填项</p></div>
  20. </div>
  21. <div class="layui-form-item">
  22. <label class="layui-form-label">{$Think.lang.admin_password}</label>
  23. <div class="layui-input-block">
  24. <input type="password" class="layui-input field-name" name="service_password" id="service_password" value="" placeholder="{if $admin.add eq '1'} {:lang('ds_please_enter')}{:lang('admin_password')}{else}{:lang('admin_edit_password_keep')}{/if} " />
  25. </div>
  26. </div>
  27. <div class="layui-form-item">
  28. <label class="layui-form-label">上传头像</label>
  29. <div class="layui-input-inline">
  30. <input type="file" name="service_imgurl" id="service_imgurl" value=""/>
  31. </div>
  32. </div>
  33. <div class="layui-form-item">
  34. <label class="layui-form-label">{$Think.lang.admin_qxzmz}</label>
  35. <div class="layui-input-inline">
  36. <select name="service_group_id" id="service_group_id" lay-verify="required" lay-filter="groups" lay-search>
  37. <option value="{$onlyz.group_id}">{if $onlyz}{$onlyz.group_name}{else}请选择权限组{/if}</option>
  38. {foreach name="admin_group" item="v"}
  39. <option value="{$v.group_id}">{$v.group_name}</option>
  40. {/foreach}
  41. </select>
  42. </div>
  43. <div class="layui-form-mid layui-word-aux"><p style="color:red"><span class="required-cloum">*</span>必选所属分组,未添加权限组先添加权限组</p></div>
  44. </div>
  45. <div class="layui-form-item">
  46. <label class="layui-form-label">是否启用</label>
  47. <div class="layui-input-inline">
  48. <input type="checkbox" name="service_status" lay-skin="switch" lay-text="{$Think.lang.ds_yes}|{$Think.lang.ds_no}" value="1" {if condition="$admin.service_status eq '1'"}checked{/if}>
  49. </div>
  50. </div>
  51. <div class="layui-form-item">
  52. <div class="layui-input-block">
  53. <input type="submit" class="layui-btn layui-btn-normal" lay-submit value="{:lang('ds_submit')}" />
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. </form>
  60. <script>
  61. layui.use('form', function() {
  62. var form = layui.form;
  63. form.on('select(groups)',function(data){
  64. });
  65. //监听提交
  66. form.on('submit(formDemo)', function(data) {
  67. layer.msg(JSON.stringify(data.field));
  68. return false;
  69. });
  70. });
  71. </script>
  72. {/block}