edit.blade.php 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  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="text" name="name" lay-verify="required" maxlength="32" autocomplete="off" class="layui-input">
  19. </div>
  20. </div>
  21. <div class="layui-form-item">
  22. <label class="layui-form-label">描述</label>
  23. <div class="layui-input-inline">
  24. <input type="text" name="description" lay-verify="required" autocomplete="off" class="layui-input">
  25. </div>
  26. </div>
  27. <div class="layui-form-item">
  28. <label class="layui-form-label">次数</label>
  29. <div class="layui-input-inline">
  30. <input type="text" name="maxUses" lay-verify="required|probability" autocomplete="off" class="layui-input">
  31. </div>
  32. </div>
  33. <div class="layui-form-item">
  34. <label class="layui-form-label">原价</label>
  35. <div class="layui-input-inline">
  36. <input type="text" name="originalPrice" lay-verify="required|validatePrice" autocomplete="off" class="layui-input">
  37. </div>
  38. </div>
  39. <div class="layui-form-item">
  40. <label class="layui-form-label">优惠价</label>
  41. <div class="layui-input-inline">
  42. <input type="text" name="price" lay-verify="required|validatePrice" autocomplete="off" class="layui-input">
  43. </div>
  44. </div>
  45. <div class="layui-form-item">
  46. <label class="layui-form-label">状态</label>
  47. <div class="layui-input-inline">
  48. <input type="checkbox" lay-verify="required" name="status" lay-skin="switch" lay-text="上架|下架">
  49. </div>
  50. </div>
  51. <div class="layui-form-item layui-hide">
  52. <input type="button" lay-submit lay-filter="layuiadmin-app-form-submit" id="layuiadmin-app-form-submit" value="确认添加">
  53. <input type="button" lay-submit lay-filter="layuiadmin-app-form-edit" id="layuiadmin-app-form-edit" value="确认编辑">
  54. </div>
  55. </div>
  56. <script src="/layuiadmin/layui/layui.js"></script>
  57. <script>
  58. layui.config({
  59. base: '/layuiadmin/'
  60. }).extend({
  61. index: 'lib/index'
  62. }).use(['index', 'form', 'table', 'layer', 'upload'], function () {
  63. const $ = layui.$, form = layui.form, table = layui.table, layer = layui.layer, upload = layui.upload;
  64. form.verify({
  65. probability: function (value, elem) {
  66. let test = /^(0|[1-9]\d*)$/;
  67. if (!test.test(value)) return true;
  68. if (parseInt(value) > 999999) return true;
  69. },
  70. validatePrice: function (price) {
  71. const priceRegex = /^\d+(\.\d{1,2})?$/;
  72. if (!priceRegex.test(price)) return true;
  73. }
  74. });
  75. form.on('submit(layuiadmin-app-form-submit)', function (obj) {
  76. let data = obj.field;
  77. data.lang = 'zh-CN';
  78. $.ajax({
  79. url: "{{ route('plan.setData') }}",
  80. method: 'post',
  81. headers: {
  82. 'X-CSRF-TOKEN': "{{ csrf_token() }}",
  83. },
  84. data,
  85. success(res) {
  86. if (res.code === 0) {
  87. parent.layer.close(parent.layer.index);
  88. } else if (res.code === 101009) {
  89. let msg = "";
  90. Object.keys(res.data).forEach(key => res.data[key].forEach(m => msg += m));
  91. layer.alert(msg, {
  92. title: res.msg
  93. });
  94. } else {
  95. layer.msg(res.msg, {icon: 5});
  96. }
  97. }
  98. });
  99. });
  100. });
  101. </script>
  102. </body>
  103. </html>