edit_prize.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. {extend name="public/layout" /} {block name="title"}添加奖品{/block} {block name="head"} {include file="public/head"}
  2. <style>
  3. html {
  4. background: #fff;
  5. }
  6. @media screen and (max-width: 450px){
  7. .layui-form-item{
  8. position: relative;
  9. }
  10. .layui-form-item .layui-input-inline {
  11. padding-right: 40px !important;
  12. }
  13. .adding {
  14. position: absolute;
  15. right: 10px;
  16. top: 0;
  17. }
  18. }
  19. .xm-label-block{
  20. background-color: #249efb !important;
  21. }
  22. .layui-btn-primary {
  23. color: #249EFB;
  24. border: 1px solid #249EFB;
  25. }
  26. .layui-btn-primary:hover {
  27. background-color: #E3F7FF;
  28. color: #249EFB;
  29. }
  30. .layui-form-label{width:110px !important;}
  31. </style>
  32. {/block} {block name="body"}
  33. <body>
  34. <form class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list" style="padding: 20px 30px 0 0;">
  35. <div class="layui-form-item">
  36. <label class="layui-form-label"><i style="color:red;">*</i>奖品名称:</label>
  37. <div class="layui-input-inline">
  38. <input type="text" name="name" value="{$data.good_name}" lay-verify="required" placeholder="请输入奖品名称" autocomplete="off" class="layui-input">
  39. </div>
  40. </div>
  41. <div class="layui-form-item">
  42. <label class="layui-form-label"><i style="color:red;">*</i>兑换积分:</label>
  43. <div class="layui-input-inline">
  44. <input type="number" name="integral" value="{$data.integral}" lay-verify="required" placeholder="请输入兑换积分" autocomplete="off" class="layui-input">
  45. </div>
  46. </div>
  47. <div class="layui-form-item">
  48. <label class="layui-form-label"><i style="color:red;">*</i>上传奖品图片:</label>
  49. <div class="layui-input-inline" id="upload-drag">
  50. {notempty name="data.img"}
  51. <img src="{$data.img}" style="height: 100%;width:75%;">
  52. {else/}
  53. <div class="layui-upload-drag">
  54. <i class="layui-icon">&#xe681;</i>
  55. <p>上传封面图片</p>
  56. </div>
  57. {/notempty}
  58. </div>
  59. </div>
  60. <div class="layui-form-item">
  61. <label class="layui-form-label"></label>
  62. <div><i style="color:red;margin-right: 5px;">*</i>建议上传封面图片宽高比例1:1,图片大小不超过1M</div>
  63. </div>
  64. <div class="layui-form-item ">
  65. <label class="layui-form-label"></label>
  66. <input type="hidden" name="id" value="{$data.id}"/>
  67. <input type="button" class="layui-btn btn layui-btn-primary" lay-submit lay-filter="layuiadmin-app-form-submit" id="layuiadmin-app-form-submit" value="确认修改">
  68. </div>
  69. </form>
  70. </body>
  71. {/block}
  72. {block name="js"}
  73. <script src="__STATIC__/layui/layui/layui.js"></script>
  74. <script>
  75. layui.config({
  76. base: '__LAYUI__/',
  77. urlbase: '/sys'
  78. }).extend({
  79. index: 'lib/index' //主入口模块
  80. }).use(['index', 'form', 'element', 'upload', 'layedit'], function () {
  81. var form = layui.form,
  82. layedit = layui.layedit,
  83. element = layui.element,
  84. upload = layui.upload,
  85. admin = layui.admin,
  86. $ = layui.jquery;
  87. upload.render({
  88. elem: '#upload-drag',
  89. accept: 'images',
  90. exts: 'jpg|png|bmp|jpeg|JPG|PNG|BMP|JPEG',
  91. auto: false,
  92. field: 'img',
  93. size: 1 * 1024,
  94. choose: function(obj) {
  95. obj.preview(function(index, file, result) {
  96. $('#upload-drag').html('<img src="' + result + '" style="height: 100%;width:100%;">');
  97. });
  98. },
  99. done:function(res){
  100. }
  101. });
  102. form.on('submit(layuiadmin-app-form-submit)', function(data) {
  103. // console.log(data);
  104. // return false;
  105. // if (data.field.img=="" || data.field.img==null || data.field.img==undefined) {
  106. // layer.msg('请选择封面图', {anim: 0,time: 1000,icon: 5});
  107. // return false;
  108. // }
  109. if(data.field.integral == 0 || data.field.integral == '' || data.field.integral == null){
  110. layer.msg('兑换积分不能为0', {anim: 0,time: 1000,icon: 5});
  111. return false;
  112. }
  113. var index = parent.layer.getFrameIndex(window.name);
  114. var formData = new FormData(data.form);
  115. $.ajax({
  116. url: '{:url("agents/edit_prize")}',
  117. type: 'post',
  118. data: formData,
  119. dataType: 'json',
  120. processData: false,
  121. contentType: false,
  122. success: function (res) {
  123. if (res.code === 0) {
  124. layer.msg(res.msg, {
  125. anim: 0
  126. , time: 2000
  127. }, function () {
  128. var index = parent.layer.getFrameIndex(window.name);
  129. parent.layer.close(index);
  130. parent.location.reload();
  131. });
  132. } else {
  133. layer.msg(res.msg, {
  134. anim: 6
  135. , time: 2000
  136. });
  137. }
  138. }
  139. });
  140. });
  141. });
  142. </script>
  143. {/block}