form.html 4.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <style>
  2. </style>
  3. <div class="think-box-shadow">
  4. <form class="layui-form layui-card" action="{:request()->url()}" data-auto="true" method="post" autocomplete="off">
  5. <div class="layui-card-body">
  6. <div class="layui-form-item">
  7. <label class="layui-form-label label-required">分类名称</label>
  8. <div class="layui-input-block">
  9. <input name="title" maxlength="20" value='{$vo.title|default=""}' placeholder="请输入分类名称" class="layui-input">
  10. </div>
  11. </div>
  12. <div class="layui-form-item">
  13. <label class="layui-form-label label-required">LOGO</label>
  14. <div class="layui-input-block">
  15. <input name="logo" type="hidden" value="{$vo.logo|default=''}">
  16. </div>
  17. </div>
  18. <div class="layui-form-item">
  19. <label class="layui-form-label">价格设置</label>
  20. <div class="layui-input-block">
  21. <table class="layui-table param">
  22. <thead>
  23. <tr>
  24. <th class="text-left" width="40%">标题</th>
  25. <th class="text-center" width="40%">价格(元)</th>
  26. <th class="text-center">
  27. <a class="layui-btn layui-btn-sm layui-btn-normal" onclick="add_param()">添 加</a>
  28. </th>
  29. </tr>
  30. </thead>
  31. <!--{foreach $ladder_set as $param}-->
  32. <tr class="param_index">
  33. <td class="padding-0" >
  34. <input class="layui-input border-0" name="title[]" value="{$param.title|default=''}">
  35. </td>
  36. <td class="padding-0">
  37. <input class="layui-input border-0" type="number" step="1" name="price[]" value="{$param.price|default=''}">
  38. </td>
  39. <td class="padding-0 text-center">
  40. <a class="layui-btn layui-btn-sm layui-btn-danger del">删 除</a>
  41. </td>
  42. </tr>
  43. <!--{/foreach}-->
  44. </table>
  45. </div>
  46. </div>
  47. <div class="layui-form-item">
  48. <label class="layui-form-label label-required">排序</label>
  49. <div class="layui-input-block">
  50. <input type="number" name="sort" value='{$vo.sort|default=""}' placeholder="请输入排序号" class="layui-input">
  51. </div>
  52. </div>
  53. {notempty name='vo.id'}<input type='hidden' value='{$vo.id}' name='id'>{/notempty}
  54. <div class="layui-form-item text-center">
  55. <button class="layui-btn" type='submit'>保 存</button>
  56. <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定取消编辑吗?" data-close>取消编辑</button>
  57. </div>
  58. </div>
  59. </form>
  60. <script>
  61. window.form.render();
  62. $('[name="logo"]').uploadOneImage();
  63. var html = '<tr class="param_index">\n' +
  64. ' <td class="padding-0" >\n' +
  65. ' <input class="layui-input border-0" name="title[]" value="">\n' +
  66. ' </td>\n' +
  67. ' <td class="padding-0">\n' +
  68. ' <input class="layui-input border-0" name="price[]" value="">\n' +
  69. ' </td>\n' +
  70. ' <td class="padding-0 text-center">\n' +
  71. ' <a class="layui-btn layui-btn-sm layui-btn-danger del" >删 除</a>\n' +
  72. ' </td>\n' +
  73. ' </tr>';
  74. function add_param() {
  75. $(".param").append(html);
  76. layer.render();
  77. }
  78. // 删除设置
  79. $(document).on('click',".del",function (){
  80. var index= $(".del").index(this);
  81. $(".param_index").eq(index).remove();
  82. layer.render();
  83. })
  84. </script>
  85. </div>