coupon-edit.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>layui</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9. <link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
  10. <link rel="stylesheet" href="../../css/public.css" media="all">
  11. <style>
  12. body {
  13. background-color: #ffffff;
  14. }
  15. </style>
  16. </head>
  17. <body>
  18. <div class="layui-form layuimini-form" lay-filter="goods-form">
  19. <div class="layui-form-item">
  20. <label class="layui-form-label required">优惠券名称</label>
  21. <div class="layui-input-inline">
  22. <input type="text" name="couponName" lay-verify="required" lay-reqtext="优惠券不能为空" placeholder="请输入商品名称" value="" class="layui-input">
  23. <!-- <tip>填写自己管理账号的名称。</tip> -->
  24. </div>
  25. </div>
  26. <div class="layui-form-item">
  27. <label class="layui-form-label">用户群体</label>
  28. <div class="layui-input-inline">
  29. <select name="userType" disabled lay-verify="required" lay-reqtext="请选择类型" lay-search="">
  30. <option value="">请选择分类</option>
  31. <option value="0">会员专享</option>
  32. <option value="1">新用户专享</option>
  33. <option value="2">老用户专享</option>
  34. </select>
  35. </div>
  36. </div>
  37. <div class="layui-form-item">
  38. <label class="layui-form-label">满(元)</label>
  39. <div class="layui-input-inline">
  40. <input type="number" disabled name="reach" lay-verify="required" lay-reqtext="" placeholder="" value="" class="layui-input">
  41. </div>
  42. <label class="layui-form-label">减(元)</label>
  43. <div class="layui-input-inline">
  44. <input type="number" disabled name="reduce" lay-verify="required" lay-reqtext="" placeholder="" value="" class="layui-input">
  45. </div>
  46. </div>
  47. <div class="layui-form-item">
  48. <label class="layui-form-label required">数量</label>
  49. <div class="layui-input-inline">
  50. <input type="number" name="number" lay-verify="required" lay-reqtext="请输入数量" placeholder="" value="" class="layui-input">
  51. </div>
  52. </div>
  53. <div class="layui-form-item">
  54. <div class="layui-input-block">
  55. <button id="save" class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认修改</button>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
  61. <script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
  62. <script src="../../js/myjs/utils.js"></script>
  63. <script src="../../js/myjs/goods-edit.js" charset="utf-8"></script>
  64. <script>
  65. layui.use(['form','upload'], function () {
  66. var form = layui.form,
  67. layer = layui.layer,
  68. $ = layui.$,
  69. upload = layui.upload;
  70. var coupon=layui.sessionData('coupon-update')
  71. coupon=coupon.coupon
  72. //监听提交
  73. form.on('submit(saveBtn)', function (data) {
  74. //点击保存
  75. var data=data.field;
  76. data.id=coupon.id
  77. postData('/coupon/update',JSON.stringify(data));
  78. layer.msg('修改成功')
  79. setTimeout(function(){
  80. var iframeIndex = parent.layer.getFrameIndex(window.name);
  81. parent.layer.close(iframeIndex);
  82. },1000)
  83. return false;
  84. });
  85. //数据回显
  86. $.ajax({
  87. url: getRootUrl() + '/coupon/get',
  88. type: 'GET',
  89. headers: {
  90. token: getToken()
  91. },
  92. data:{
  93. couponId:coupon.id
  94. },
  95. dataType: 'json',
  96. success(e) {
  97. if(e.success){
  98. var data=e.data
  99. //表达数据回显,用Ajax请求,成功后回调回显
  100. form.val("goods-form",{
  101. "couponName":data.couponName,
  102. "userType":data.userType,
  103. "reach":data.reach,
  104. "reduce":data.reduce,
  105. "number":data.number
  106. })
  107. }
  108. },
  109. error(e) {
  110. layer.msg('连接超时')
  111. setTimeout(function(){
  112. var iframeIndex = parent.layer.getFrameIndex(window.name);
  113. parent.layer.close(iframeIndex);
  114. },1000)
  115. }
  116. })
  117. });
  118. </script>
  119. </body>
  120. </html>