groupadd.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. {include file="common/header"/}
  2. <div class="LM-container">
  3. <div class="LM-main">
  4. <div class="admin-main layui-anim layui-anim-upbit">
  5. <fieldset class="layui-elem-field layui-field-title">
  6. <legend>{$title}</legend>
  7. </fieldset>
  8. <form class="layui-form layui-form-pane" lay-filter="form">
  9. <div class="layui-form-item">
  10. <label class="layui-form-label">{:lang('group title')}</label>
  11. <div class="layui-input-inline">
  12. <input type="text" name="title" lay-verify="required" placeholder="{:lang('pleaseEnter')}配置名" class="layui-input">
  13. </div>
  14. <div class="layui-form-mid layui-word-aux">
  15. 备注
  16. </div>
  17. </div>
  18. <div class="layui-form-item">
  19. <label class="layui-form-label">{:lang('group name')}</label>
  20. <div class="layui-input-inline">
  21. <input type="text" name="name" lay-verify="required" placeholder="{:lang('pleaseEnter')}配置名" class="layui-input">
  22. </div>
  23. <div class="layui-form-mid layui-word-aux">
  24. 英文字符。不能和当前已有的重复
  25. </div>
  26. </div>
  27. <div class="layui-form-item">
  28. <div class="layui-input-inline">
  29. <input type="hidden" name="id" >
  30. <button type="button" class="layui-btn" lay-submit="" lay-filter="submit">{:lang('submit')}</button>
  31. <a href="{:url('index')}" class="layui-btn layui-btn-primary">{:lang('back')}</a>
  32. </div>
  33. </div>
  34. </form>
  35. </div>
  36. </div>
  37. </div>
  38. {include file="common/footer"/}
  39. <script>
  40. layui.use(['form', 'layer','upload','laydate'], function () {
  41. var form = layui.form, laydate=layui.laydate,layer = layui.layer,$= layui.jquery,upload = layui.upload;
  42. var info = '';
  43. //日期范围
  44. laydate.render({
  45. elem: '#date'
  46. ,range: true
  47. });
  48. info = {:json_encode($info)};
  49. form.val("form", info);
  50. if(info){
  51. $('#addPic').attr('src',info.avatar);
  52. }
  53. form.render();
  54. form.on('submit(submit)', function (data) {
  55. loading =layer.load(1, {shade: [0.1,'#fff']});
  56. $.post("", data.field, function (res) {
  57. layer.close(loading);
  58. if (res.code > 0) {
  59. layer.msg(res.msg, {time: 1800, icon: 1}, function () {
  60. location.href = res.url;
  61. });
  62. } else {
  63. layer.msg(res.msg, {time: 1800, icon: 2});
  64. }
  65. });
  66. });
  67. //普通图片上传
  68. var uploadInt = upload.render({
  69. elem: '#addBtn'
  70. ,url: '{:url("uploads/uploads")}'
  71. ,before: function(obj){
  72. //预读本地文件示例,不支持ie8
  73. obj.preview(function(index, file, result){
  74. $('#addPic').attr('src', result); //图片链接(base64)
  75. });
  76. },
  77. done: function(res){
  78. if(res.code>0){
  79. $('#avatar').val(res.url);
  80. }else{
  81. //如果上传失败
  82. return layer.msg('上传失败');
  83. }
  84. }
  85. ,error: function(){
  86. //演示失败状态,并实现重传
  87. var notice = $('#notice');
  88. notice.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
  89. notice.find('.demo-reload').on('click', function(){
  90. uploadInt.upload();
  91. });
  92. }
  93. });
  94. });
  95. </script>