coupon-add.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  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">
  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 required">用户群体</label>
  28. <div class="layui-input-inline">
  29. <select name="userType" 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 required">满(元)</label>
  39. <div class="layui-input-inline">
  40. <input type="number" name="reach" lay-verify="required" lay-reqtext="请输入优惠券达到金额" placeholder="" value="" class="layui-input">
  41. </div>
  42. <label class="layui-form-label required">减(元)</label>
  43. <div class="layui-input-inline">
  44. <input type="number" 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. <label class="layui-form-label required">截止时间</label>
  55. <div class="layui-input-inline">
  56. <input id="deadline" type="text" name="deadline" placeholder="" autocomplete="off" class="layui-input">
  57. </div>
  58. </div>
  59. <div class="layui-form-item">
  60. <label class="layui-form-label required">优惠券有效期(天)</label>
  61. <div class="layui-input-inline">
  62. <input type="number" name="effectiveTime" lay-verify="required" lay-reqtext="请输入优惠券数量" placeholder="" value="" class="layui-input">
  63. </div>
  64. </div>
  65. <div class="layui-form-item">
  66. <div class="layui-input-block">
  67. <button id="save" class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. <script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
  73. <script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
  74. <script src="../../js/myjs/utils.js"></script>
  75. <script src="../../js/myjs/goods-add.js" charset="utf-8"></script>
  76. <script>
  77. layui.use(['form','upload','laydate'], function () {
  78. var form = layui.form,
  79. layer = layui.layer,
  80. $ = layui.$,
  81. upload = layui.upload,
  82. laydate = layui.laydate;
  83. //日期
  84. laydate.render({
  85. elem: '#deadline' ,//指定元素
  86. type: 'datetime',
  87. min:1,
  88. calendar:true,
  89. // position:'fixed'
  90. });
  91. var goodsId;
  92. //监听提交
  93. form.on('submit(saveBtn)', function (data) {
  94. // addGoods(JSON.stringify(data.field))
  95. // var goodsId=postData('/goods/add',JSON.stringify(data.field));
  96. // console.log('goodsId='+goodsId)
  97. var data=data.field;
  98. postData('/coupon/add',JSON.stringify(data));
  99. layer.msg('保存成功')
  100. setTimeout(function(){
  101. var iframeIndex = parent.layer.getFrameIndex(window.name);
  102. parent.layer.close(iframeIndex);
  103. layui.sessionData('upload',null)
  104. },1000)
  105. return false;
  106. });
  107. //文件上传
  108. var uploadInst = upload.render({
  109. elem: '#upload', //绑定元素
  110. url: getRootUrl()+'/goods/upload', //上传接口
  111. headers:{
  112. token:getToken()
  113. },
  114. // field:'goodsPics',
  115. // auto:false,
  116. accept:'images',
  117. acceptMime: 'image/*',
  118. multiple:true,
  119. number:5,
  120. // bindAction:'#save',
  121. choose:function(obj){
  122. obj.preview(function(index,file,result){
  123. layui.sessionData('upload',{key:file.name,value:result})
  124. })
  125. },
  126. error: function(){
  127. //请求异常回调
  128. layer.msg('图片上传成功')
  129. }
  130. });
  131. });
  132. </script>
  133. </body>
  134. </html>