add.php 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <div class="row-content am-cf">
  2. <div class="row">
  3. <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
  4. <div class="widget am-cf">
  5. <form id="my-form" class="am-form tpl-form-line-form" method="post">
  6. <div class="widget-body">
  7. <fieldset>
  8. <div class="widget-head am-cf">
  9. <div class="widget-title am-fl">添加文件分组</div>
  10. </div>
  11. <div class="am-form-group">
  12. <label class="am-u-sm-3 am-u-lg-2 am-form-label form-require">分组名称 </label>
  13. <div class="am-u-sm-9 am-u-end">
  14. <input type="text" class="tpl-form-input" name="group[group_name]"
  15. value="" required>
  16. </div>
  17. </div>
  18. <div class="am-form-group">
  19. <label class="am-u-sm-3 am-u-lg-2 am-form-label form-require">文件组类型 </label>
  20. <div class="am-u-sm-9 am-u-end">
  21. <label class="am-radio-inline">
  22. <input type="radio" name="group[group_type]" value="image" data-am-ucheck
  23. checked>
  24. 图片文件
  25. </label>
  26. </div>
  27. </div>
  28. <div class="am-form-group">
  29. <label class="am-u-sm-3 am-u-lg-2 am-form-label form-require">分组排序 </label>
  30. <div class="am-u-sm-9 am-u-end">
  31. <input type="number" class="tpl-form-input" name="group[sort]"
  32. value="100" required>
  33. <small>数字越小越靠前</small>
  34. </div>
  35. </div>
  36. <div class="am-form-group">
  37. <div class="am-u-sm-9 am-u-sm-push-3 am-margin-top-lg">
  38. <button type="submit" class="j-submit am-btn am-btn-secondary">提交
  39. </button>
  40. </div>
  41. </div>
  42. </fieldset>
  43. </div>
  44. </form>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. <!-- 图片文件列表模板 -->
  50. {{include file="layouts/_template/tpl_file_item" /}}
  51. <!-- 文件库弹窗 -->
  52. {{include file="layouts/_template/file_library" /}}
  53. <script>
  54. $(function () {
  55. // 选择图片
  56. $('.upload-file').selectImages({
  57. name: 'group[image_id]'
  58. });
  59. /**
  60. * 表单验证提交
  61. * @type {*}
  62. */
  63. $('#my-form').superForm();
  64. });
  65. </script>