form.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  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="title" maxlength="20" value='{$vo.title|default=""}' placeholder="请输入标题" class="layui-input">
  8. </div>
  9. </div>
  10. <div class="layui-form-item">
  11. <label class="layui-form-label label-required">目录</label>
  12. <div class="layui-input-inline">
  13. <select name="is_top" lay-filter ="is_top">
  14. {foreach $datum_cate as $ck=>$cv}
  15. {if !empty($vo.datum_cate) && $vo.datum_cate == $ck}
  16. <option selected value="{$ck}">{$cv}</option>
  17. {else}
  18. <option value="{$ck}">{$cv}</option>
  19. {/if}
  20. {/foreach}
  21. </select>
  22. </div>
  23. </div>
  24. <input type="hidden" name="type" value="{$type}">
  25. <div class="layui-form-item">
  26. <label class="layui-form-label">资料</label>
  27. <div class="layui-input-block">
  28. <table class="layui-table param">
  29. <thead>
  30. <tr>
  31. <th class="text-left" width="25%">标题</th>
  32. <th class="text-left" width="25%">文件</th>
  33. <th class="text-center" width="10%">是否VIP</th>
  34. <th class="text-center" width="10%">排序</th>
  35. <th class="text-center"><a class="layui-btn layui-btn-sm layui-btn-normal" onclick="add_param()">添 加</a></th>
  36. </tr>
  37. </thead>
  38. <tbody class="no_html">
  39. <!--{foreach $video_url as $pk=>$param}-->
  40. <tr class="param_index">
  41. <td class="padding-0" >
  42. <input class="layui-input border-0" name="item_title[]" value="{$param.title|default=''}">
  43. <input type="hidden" name="item_id[]" value="{$param.id|default=''}">
  44. </td>
  45. <td class="padding-0">
  46. <input class ='up_{$pk} item_url' name='item_url[]' type='hidden' value="{$param.url|default=''}">
  47. <div style="float: left" id='v_{$pk}' class='up_img'>
  48. <img class ='si_{$pk}' src="{$param.cover|default=''}" alt='' style='width:60px; height: 40px'>
  49. </div>
  50. <input style="display: none" type="file" accept="mp4" name="file" onchange="upload_img(this,{$pk})">
  51. </td>
  52. <td class="padding-0">
  53. <select class="layui-select " name="item_is_vip[]">
  54. <option {if $param.is_vip == 0}selected{/if} value="0">否</option>
  55. <option {if $param.is_vip == 1}selected{/if} value="1">是</option>
  56. </select>
  57. </td>
  58. <td class="padding-0" >
  59. <input class="layui-input border-0" name="item_sort[]" value="{$param.sort|default=''}">
  60. </td>
  61. <td class="padding-0 text-center">
  62. <a class="layui-btn layui-btn-sm layui-btn-danger del">删 除</a>
  63. <a class="layui-btn layui-btn-sm video_player">预 览</a>
  64. </td>
  65. </tr>
  66. <!--{/foreach}-->
  67. </tbody>
  68. </table>
  69. </div>
  70. </div>
  71. {notempty name='vo.id'}<input type='hidden' value='{$vo.id}' name='id'>{/notempty}
  72. <div class="layui-form-item text-center">
  73. <button class="layui-btn" type='submit'>保 存</button>
  74. <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定取消编辑吗?" data-close>取消编辑</button>
  75. </div>
  76. </div>
  77. </form>
  78. <script src="/static/plugs/layui/layui.all.js" charset="utf-8"></script>
  79. <script>
  80. window.form.render();
  81. layui.use(['upload', 'element', 'layer'], function(){
  82. var $ = layui.jquery
  83. ,upload = layui.upload
  84. ,element = layui.element
  85. ,layer = layui.layer;
  86. upload.render({
  87. elem: '#test3',
  88. url: '/api/upload/upload', //此处用的是第三方的 http 请求演示,实际使用时改成您自己的上传接口即可。,accept: 'file', //普通文件,
  89. accept: 'file', //普通文件,
  90. done: function(res){
  91. console.log(res)
  92. $("input[name='datum_url']").val(res.data);
  93. layer.msg(re.msg);
  94. }
  95. });
  96. });
  97. </script>
  98. </div>