edit.blade.php 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>layuiAdmin 网站用户</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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  9. <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
  10. <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
  11. </head>
  12. <body>
  13. <div class="layui-form" lay-filter="form" id="form" style="padding: 20px 30px 0 0;">
  14. <div class="layui-form-item">
  15. <label class="layui-form-label">奖品</label>
  16. <div class="layui-input-inline">
  17. <input type="hidden" name="id" value="0"/>
  18. <input type="hidden" name="type" value=""/>
  19. <input type="text" name="goodsName" lay-verify="required" maxlength="32" autocomplete="off" class="layui-input">
  20. </div>
  21. </div>
  22. <div class="layui-form-item">
  23. <label class="layui-form-label">权重</label>
  24. <div class="layui-input-inline">
  25. <input type="text" name="probability" lay-verify="required|probability" autocomplete="off" class="layui-input">
  26. </div>
  27. </div>
  28. <div class="layui-form-item">
  29. <label class="layui-form-label">中奖</label>
  30. <div class="layui-input-inline">
  31. <input type="checkbox" lay-verify="required" name="isPrize" lay-skin="switch" lay-text="是|否">
  32. </div>
  33. </div>
  34. <div class="layui-form-item">
  35. <label class="layui-form-label">图片</label>
  36. <div class="layui-input-inline">
  37. <img id="cover" src="data:image/png;base64,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" style="cursor: pointer;max-width:60px;max-height: 60px;"/>
  38. <input type="text" name="cover" lay-verify="required" lay-reqtext="请上传图片" autocomplete="off" class="layui-input layui-hide"/>
  39. </div>
  40. </div>
  41. <div class="layui-form-item layui-hide">
  42. <input type="button" lay-submit lay-filter="layuiadmin-app-form-submit" id="layuiadmin-app-form-submit" value="确认添加">
  43. <input type="button" lay-submit lay-filter="layuiadmin-app-form-edit" id="layuiadmin-app-form-edit" value="确认编辑">
  44. </div>
  45. </div>
  46. <script src="/layuiadmin/layui/layui.js"></script>
  47. <script>
  48. layui.config({
  49. base: '/layuiadmin/'
  50. }).extend({
  51. index: 'lib/index'
  52. }).use(['index', 'form', 'table', 'layer', 'upload'], function () {
  53. const $ = layui.$, form = layui.form, table = layui.table, layer = layui.layer, upload = layui.upload;
  54. let loadIndex;
  55. upload.render({
  56. elem: "#cover",
  57. url: '/upload-image',
  58. field: "image",
  59. data: {
  60. _token: "{{ csrf_token() }}",
  61. },
  62. choose: (obj) => {
  63. loadIndex = layer.load(0, {time: 10*1000});
  64. },
  65. done: function (res) {
  66. layer.close(loadIndex);
  67. if (res.code === 0) {
  68. $('#cover').attr('src', res.data.path);
  69. form.val('form', {
  70. cover: res.data.path
  71. });
  72. } else if (res.code === 101009) {
  73. let msg = "";
  74. Object.keys(res.data).forEach(key => {
  75. res.data[key].forEach(m => {
  76. msg += m;
  77. });
  78. });
  79. layer.alert(msg, {
  80. title: res.msg
  81. });
  82. } else {
  83. layer.msg(res.msg, {icon: 5});
  84. }
  85. }
  86. });
  87. form.verify({
  88. probability: function (value, elem) {
  89. let test = /^(0|[1-9]\d*)$/;
  90. if (!test.test(value)) return '请输入正确的数值';
  91. if (value > 1000) return '最大1000';
  92. }
  93. });
  94. form.on('submit(layuiadmin-app-form-submit)', function (obj) {
  95. let data = obj.field;
  96. $.ajax({
  97. url: "{{ route('goods.setData') }}",
  98. method: 'post',
  99. headers: {
  100. 'X-CSRF-TOKEN': "{{ csrf_token() }}",
  101. },
  102. data,
  103. success(res) {
  104. if (res.code === 0) {
  105. parent.layer.close(parent.layer.index);
  106. } else if (res.code === 101009) {
  107. let msg = "";
  108. Object.keys(res.data).forEach(key => res.data[key].forEach(m => msg += m));
  109. layer.alert(msg, {
  110. title: res.msg
  111. });
  112. } else {
  113. layer.msg(res.msg, {icon: 5});
  114. }
  115. }
  116. });
  117. });
  118. });
  119. </script>
  120. </body>
  121. </html>