stock.html 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <div class="layuimini-container">
  2. <form id="app-form" class="layui-form layuimini-form">
  3. <table class="layui-table">
  4. <colgroup>
  5. <col width="150">
  6. <col width="200">
  7. <col>
  8. </colgroup>
  9. <thead>
  10. <tr>
  11. <th>规格</th>
  12. <th>库存 <a class="layui-btn layui-btn-normal layui-btn-sm stockAll">批量设置</a></th>
  13. </tr>
  14. </thead>
  15. <tbody>
  16. {foreach $sku as $v}
  17. <tr>
  18. <td>{$v.spec_text}</td>
  19. <td><input type="text" name="s_{$v.goods_spec_id}" class="layui-input stock" lay-verify="required"
  20. placeholder="请输入商品名称" value="{$v.stock}"></td>
  21. </tr>
  22. {/foreach}
  23. </tbody>
  24. </table>
  25. <div class="hr-line"></div>
  26. <div class="layui-form-item text-center">
  27. <input type="hidden" name="goods_id" value="{:input('id')}">
  28. <button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit>确认</button>
  29. <button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">重置</button>
  30. </div>
  31. </form>
  32. </div>
  33. <script>
  34. layui.use(['jquery', 'layer'], function () {
  35. var $ = layui.$ //重点处
  36. , layer = layui.layer
  37. , form = layui.form
  38. $('.stockAll').click(function () {
  39. layer.open({
  40. id: 1,
  41. type: 1,
  42. title: '批量设置',
  43. style: 'width:80%;height:auto;',
  44. content: "<div style='display:flex;justify-content:center;'><input type='text' class='layui-input allStockInput'></div>",
  45. btn: ['确定', '取消'],
  46. yes: function (index, layero) {
  47. //获取输入框里面的值
  48. var allStockInput = $('.allStockInput').val();
  49. if (!allStockInput) {
  50. layer.msg('请填写库存');
  51. return;
  52. }
  53. layer.close(index);
  54. $('.stock').val(allStockInput)
  55. },
  56. no: function (index, layero) {
  57. layer.close(index);
  58. }
  59. });
  60. })
  61. })
  62. </script>