form.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  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.title}</option>
  17. {else}
  18. <option value="{$ck}">{$cv.title}</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 $datum_url as $pk=>$param}-->
  40. <!--{/foreach}-->
  41. </tbody>
  42. </table>
  43. </div>
  44. </div>
  45. {notempty name='vo.id'}<input type='hidden' value='{$vo.id}' name='id'>{/notempty}
  46. <div class="layui-form-item text-center">
  47. <button class="layui-btn" type='submit'>保 存</button>
  48. <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定取消编辑吗?" data-close>取消编辑</button>
  49. </div>
  50. </div>
  51. </form>
  52. <script src="/static/plugs/layui/layui.all.js" charset="utf-8"></script>
  53. <script>
  54. window.form.render();
  55. layui.use(['upload', 'element', 'layer'], function(){
  56. var $ = layui.jquery
  57. ,upload = layui.upload
  58. ,element = layui.element
  59. ,layer = layui.layer;
  60. upload.render({
  61. elem: '#test3',
  62. url: '/api/upload/upload', //此处用的是第三方的 http 请求演示,实际使用时改成您自己的上传接口即可。,accept: 'file', //普通文件,
  63. accept: 'file', //普通文件,
  64. done: function(res){
  65. console.log(res)
  66. $("input[name='datum_url']").val(res.data);
  67. layer.msg(re.msg);
  68. }
  69. });
  70. });
  71. function get_ht(k) {
  72. var html = '<tr class="param_index">\n' +
  73. ' <td class="padding-0" >\n' +
  74. ' <input class="layui-input border-0" name="item_title[]" value="">\n' +
  75. ' <input type="hidden" class="layui-input border-0" name="item_id[]" value="">\n' +
  76. ' </td>\n' +
  77. ' <td class="padding-0">\n' +
  78. "<input class ='item_url up_"+k+"' name='item_url[]' type='hidden' value=''>"+
  79. ' </td>\n' +
  80. ' <td class="padding-0">\n' +
  81. '<select style="border: 0px" class="layui-select border-0" name="item_is_vip[]">' +
  82. '<option value="0">否</option>'+
  83. '<option value="1">是</option>'+
  84. '</select>'+
  85. ' </td>\n' +
  86. ' <td class="padding-0" >\n' +
  87. ' <input class="layui-input border-0" name="item_sort[]" value="">\n' +
  88. ' </td>\n' +
  89. ' <td class="padding-0 text-center">\n' +
  90. ' <a class="layui-btn layui-btn-sm layui-btn-danger del" >删 除</a>\n' +
  91. ' </td>\n' +
  92. ' </tr>';
  93. return html;
  94. }
  95. function add_param() {
  96. var knum = $('.no_html tr').length;
  97. var no_html = get_ht(knum);
  98. $(".no_html").append(no_html);
  99. window.form.render();
  100. }
  101. // 删除设置
  102. $(document).on('click',".del",function (){
  103. var index= $(".del").index(this);
  104. $(".param_index").eq(index).remove();
  105. window.form.render();
  106. })
  107. </script>
  108. </div>