add_dh.html 4.1 KB

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