param.html 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <form class="layui-form layui-card" action="{:request()->url()}" data-auto="true" method="post" autocomplete="off">
  2. <div class="layui-card-body">
  3. <div class="layui-form-item">
  4. <label class="layui-form-label">商品名称</label>
  5. <div class="layui-input-block">
  6. <div class="layui-input layui-bg-gray">{$goods_info.name}</div>
  7. <input type="hidden" name="goods_id" value="{$goods_info.id|default='0'}"/>
  8. </div>
  9. </div>
  10. <div class="layui-form-item">
  11. <label class="layui-form-label">参数详情</label>
  12. <div class="layui-input-block">
  13. <table class="layui-table param">
  14. <thead>
  15. <tr>
  16. <th class="text-left" width="15%">参数名</th>
  17. <th class="text-center" width="60%">参数值</th>
  18. <th class="text-center">
  19. <a class="layui-btn layui-btn-sm layui-btn-normal" onclick="add_param()">添 加</a>
  20. </th>
  21. </tr>
  22. </thead>
  23. <!--{foreach $param_set as $param}-->
  24. <tr class="param_index">
  25. <td class="padding-0" >
  26. <input class="layui-input border-0" name="title[]" value="{$param.title|default=''}">
  27. </td>
  28. <td class="padding-0">
  29. <input class="layui-input border-0" name="value[]" value="{$param.value|default=''}">
  30. </td>
  31. <td class="padding-0 text-center">
  32. <a class="layui-btn layui-btn-sm layui-btn-danger del">删 除</a>
  33. </td>
  34. </tr>
  35. <!--{/foreach}-->
  36. </table>
  37. </div>
  38. </div>
  39. </div>
  40. <div class="hr-line-dashed"></div>
  41. <div class="layui-form-item text-center">
  42. <button class="layui-btn" type='submit'>确 定</button>
  43. <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定要取消吗?" data-close>取 消</button>
  44. </div>
  45. </form>
  46. <script>
  47. var html = '<tr class="param_index">\n' +
  48. ' <td class="padding-0" >\n' +
  49. ' <input class="layui-input border-0" name="title[]" value="">\n' +
  50. ' </td>\n' +
  51. ' <td class="padding-0">\n' +
  52. ' <input class="layui-input border-0" name="value[]" value="">\n' +
  53. ' </td>\n' +
  54. ' <td class="padding-0 text-center">\n' +
  55. ' <a class="layui-btn layui-btn-sm layui-btn-danger del" >删 除</a>\n' +
  56. ' </td>\n' +
  57. ' </tr>';
  58. function add_param() {
  59. $(".param").append(html);
  60. layer.render();
  61. }
  62. // 删除设置
  63. $(document).on('click',".del",function (){
  64. var index= $(".del").index(this);
  65. $(".param_index").eq(index).remove();
  66. layer.render();
  67. })
  68. </script>