form.html 3.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <div class="think-box-shadow">
  2. <form class="layui-form layui-card" action="{:request()->url()}" data-auto="true" method="post" autocomplete="off">
  3. <div class="layui-card-body">
  4. <div class="layui-form-item">
  5. <label class="layui-form-label label-required">系列</label>
  6. <div class="layui-input-block">
  7. <input name="datum_id" type="hidden" value='{$datum_info.id|default=""}' class="layui-input">
  8. <input readonly maxlength="20" value='{$datum_info.title|default=""}' class="layui-input">
  9. </div>
  10. </div>
  11. <div class="layui-form-item">
  12. <label class="layui-form-label label-required">目录</label>
  13. <div class="layui-input-block">
  14. <input readonly maxlength="20" value='{$cate_name|default=""}' class="layui-input">
  15. </div>
  16. </div>
  17. <div class="layui-form-item">
  18. <label class="layui-form-label label-required">标题</label>
  19. <div class="layui-input-block">
  20. <input name="title" maxlength="20" value='{$vo.title|default=""}' class="layui-input">
  21. </div>
  22. </div>
  23. <div class="layui-form-item">
  24. <label class="layui-form-label label-required">文件</label>
  25. <label class="layui-col-xs10 relative">
  26. <label class="layui-col-xs9 think-form-group-left">
  27. <input name="url" value='{$vo.url|default=""}' readonly placeholder="请上传" class="layui-input">
  28. </label>
  29. <button type="button" class="layui-btn" id="test3"><i class="layui-icon"></i>上传文件</button>
  30. </label>
  31. </div>
  32. <div class="layui-form-item">
  33. <label class="layui-form-label label-required">是否VIP</label>
  34. <div class="layui-input-block">
  35. <select class="layui-select" name="is_vip">
  36. <option value="0">否</option>
  37. <option {if !empty($vo.is_vip) && $vo.is_vip == 1 }selected{/if} value="1">是</option>
  38. </select>
  39. </div>
  40. </div>
  41. <div class="layui-form-item">
  42. <label class="layui-form-label label-required">排序</label>
  43. <div class="layui-input-block">
  44. <input name="sort" readonly maxlength="20" value='{$vo.sort|default=""}' class="layui-input">
  45. </div>
  46. </div>
  47. {notempty name='vo.id'}<input type='hidden' value='{$vo.id}' name='id'>{/notempty}
  48. <div class="layui-form-item text-center">
  49. <button class="layui-btn" type='submit'>保 存</button>
  50. <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定取消编辑吗?" data-close>取消编辑</button>
  51. </div>
  52. </div>
  53. </form>
  54. <script src="/static/plugs/layui/layui.all.js" charset="utf-8"></script>
  55. <script>
  56. window.form.render();
  57. layui.use(['upload', 'element', 'layer'], function(){
  58. var $ = layui.jquery
  59. ,upload = layui.upload
  60. ,element = layui.element
  61. ,layer = layui.layer;
  62. upload.render({
  63. elem: '#test3',
  64. url: '/api/upload/pdfUpload', //此处用的是第三方的 http 请求演示,实际使用时改成您自己的上传接口即可。,accept: 'file', //普通文件,
  65. accept: 'file', //普通文件,
  66. done: function(res){
  67. if(res.code == 1){
  68. $("input[name='datum_url']").val(res.data);
  69. }
  70. layer.msg(res.msg);
  71. }
  72. });
  73. });
  74. </script>
  75. </div>