form.html 3.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  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 id ="specifica">
  11. {if isset($vo.id)}
  12. {foreach $vo.detail as $k=>$d}
  13. <div class="layui-form-item">
  14. {if $k==0} <label class="layui-form-label label-required">规格详情</label>{/if}
  15. <div class="layui-input-block">
  16. <div class="layui-input-inline" style="width: 90%" >
  17. <input name="spe_info[]" maxlength="30" value='{$d|default=""}' placeholder="请填写规格" class="layui-input">
  18. </div>
  19. {if $k==0}<div class="layui-form-mid layui-word-aux add_spe">添 加</div>{/if}
  20. </div>
  21. </div>
  22. {/foreach}
  23. {else}
  24. <div class="layui-form-item">
  25. <label class="layui-form-label label-required">规格详情</label>
  26. <div class="layui-input-block">
  27. <div class="layui-input-inline" style="width: 90%" >
  28. <input name="spe_info[]" maxlength="30" value='{$vo.title|default=""}' placeholder="请填写规格" class="layui-input">
  29. </div>
  30. <div class="layui-form-mid layui-word-aux add_spe">添 加</div>
  31. </div>
  32. </div>
  33. {/if}
  34. </div>
  35. {notempty name='vo.id'}<input type='hidden' value='{$vo.id}' name='id'>{/notempty}
  36. <div class="layui-form-item text-center">
  37. <button class="layui-btn" type='submit'>保 存</button>
  38. <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定取消编辑吗?" data-close>取消编辑</button>
  39. </div>
  40. </div>
  41. </form>
  42. <script>
  43. window.form.render();
  44. $(document).on('click','.add_spe',function () {
  45. window.form.render();
  46. var spe_html = '';
  47. spe_html += '<div class="layui-form-item can_del" >';
  48. spe_html += '<div class="layui-input-block" >'
  49. spe_html += '<div class="layui-input-inline" style="width: 90%" >'
  50. spe_html += '<input name="spe_info[]" maxlength="30" value="" placeholder="请填写规格" class="layui-input">'
  51. spe_html += '</div>'
  52. spe_html += ' <div class="layui-form-mid layui-word-aux del_spe">删 除</div>'
  53. spe_html += '</div>' +
  54. '</div>';
  55. console.log(spe_html);
  56. $("#specifica").append(spe_html);
  57. })
  58. $(document).on('click','.del_spe',function () {
  59. window.form.render();
  60. var index= $(".del_spe").index(this);
  61. $("#specifica .can_del").eq(index).remove();
  62. })
  63. function sub_check() {
  64. var is_check = true;
  65. $.each($("input[name='spe_info[]']"),function (k,v) {
  66. if(!$("input[name='spe_info[]']").eq(k).val())is_check = false;
  67. })
  68. console.log(is_check)
  69. return is_check;
  70. }
  71. /* $('[name="poster"]').uploadOneImage();
  72. $('[name="cover"]').uploadOneImage();
  73. $('[name="video"]').uploadOneVideo()*/
  74. </script>
  75. </div>