add.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>添加页面</title>
  6. </head>
  7. <body>
  8. <form class="layui-form" lay-filter="layui-form">
  9. <div class="mainBox">
  10. <div class="main-container">
  11. <div class="main-container">
  12. <div class="layui-form-item">
  13. <label class="layui-form-label" title="卡名"><text title="必填项" style="color:red;">*</text>卡名</label>
  14. <div class="layui-input-block">
  15. <input autocomplete="off" type="text" name="title" id="title" placeholder="请输入卡名" class="layui-input" lay-verify="required">
  16. </div>
  17. </div>
  18. <div class="layui-form-item">
  19. <label class="layui-form-label" title="类型"><text title="必填项" style="color:red;">*</text>类型</label>
  20. <div class="layui-input-block">
  21. <input type="radio" name="type" id="type-1" value="1" lay-filter="type" title="次数卡" checked="checked" />
  22. <input type="radio" name="type" id="type-2" value="2" lay-filter="type" title="会员卡" />
  23. </div>
  24. </div>
  25. <div class="layui-form-item type1">
  26. <label class="layui-form-label" title="次数"><text title="必填项" style="color:red;">*</text> 次数</label>
  27. <div class="layui-input-block">
  28. <input autocomplete="off" type="text" name="coin" id="coin" placeholder="请输入积分" value="0" class="layui-input" lay-verify="number">
  29. </div>
  30. </div>
  31. <div class="layui-form-item type2" style="display:none;">
  32. <label class="layui-form-label" title="时长"><text title="必填项" style="color:red;">*</text> 时长</label>
  33. <div class="layui-input-block">
  34. <input autocomplete="off" type="text" name="day" id="day" placeholder="请输入时长天数,以天为单位" value="0" class="layui-input" lay-verify="number">
  35. <div class="layui-form-mid layui-word-aux">单位:天;9999代表永久会员,请不要设置大于9999的数字</div>
  36. </div>
  37. </div>
  38. <div class="layui-form-item type2" style="display:none ">
  39. <label class="layui-form-label" title="套餐内容"><text title="必填项" style="color:red;">*</text>套餐内容</label>
  40. <div class="layui-input-block">
  41. <div class="layui-tab">
  42. <ul class="layui-tab-title">
  43. <li class="layui-this">GPT-3.5</li>
  44. <li>GPT-4</li>
  45. <li>SD绘画</li>
  46. <li>MJ绘画</li>
  47. </ul>
  48. <div class="layui-tab-content">
  49. <div class="layui-tab-item layui-show">
  50. <div class="layui-form-item">
  51. <label class="layui-form-label" title="限制类型"><text title="必填项" style="color:red;">*</text>限制类型</label>
  52. <div class="layui-input-block">
  53. <input type="radio" name="gpt35_type" id="gpt35_type-1" value="time" title="按天限制" checked="checked" />
  54. <input type="radio" name="gpt35_type" id="gpt35_type-2" value="total" title="按总数限制"/>
  55. </div>
  56. </div>
  57. <div class="layui-form-item type2" style=" {{# if(d.type==1){ }}display:none;{{# } }} ">
  58. <label class="layui-form-label" title="套餐内GPT35使用次数"><text title="必填项" style="color:red;">*</text>GPT35使用次数</label>
  59. <div class="layui-input-block">
  60. <input autocomplete="off" type="text" name="gpt35_times" id="gpt35_times" placeholder="请输入套餐内GPT35使用次数" value="0" class="layui-input" lay-verify="number" lay-verify="required">
  61. <div class="layui-form-mid layui-word-aux">套餐内GPT35使用次数,-1代表无限</div>
  62. </div>
  63. </div>
  64. </div>
  65. <div class="layui-tab-item">
  66. <div class="layui-form-item">
  67. <label class="layui-form-label" title="限制类型"><text title="必填项" style="color:red;">*</text>限制类型</label>
  68. <div class="layui-input-block">
  69. <input type="radio" name="gpt4_type" id="gpt4_type-1" value="time" title="按天限制" checked="checked" />
  70. <input type="radio" name="gpt4_type" id="gpt4_type-2" value="total" title="按总数限制" />
  71. </div>
  72. </div>
  73. <div class="layui-form-item type2" style=" {{# if(d.type==1){ }}display:none;{{# } }} ">
  74. <label class="layui-form-label" title="套餐内GPT4使用次数"><text title="必填项" style="color:red;">*</text>GPT4使用次数</label>
  75. <div class="layui-input-block">
  76. <input autocomplete="off" type="text" name="gpt4_times" id="gpt4_times" placeholder="请输入套餐内GPT4使用次数" value="0" class="layui-input" lay-verify="number" lay-verify="required">
  77. <div class="layui-form-mid layui-word-aux">套餐内GPT4使用次数,-1代表无限</div>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="layui-tab-item">
  82. <div class="layui-form-item">
  83. <label class="layui-form-label" title="限制类型"><text title="必填项" style="color:red;">*</text>限制类型</label>
  84. <div class="layui-input-block">
  85. <input type="radio" name="sd_type" id="sd_type-1" value="time" title="按天限制" checked="checked" />
  86. <input type="radio" name="sd_type" id="sd_type-2" value="total" title="按总数限制" />
  87. </div>
  88. </div>
  89. <div class="layui-form-item type2" style=" {{# if(d.type==1){ }}display:none;{{# } }} ">
  90. <label class="layui-form-label" title="套餐内SD绘画使用次数"><text title="必填项" style="color:red;">*</text>SD绘画使用次数</label>
  91. <div class="layui-input-block">
  92. <input autocomplete="off" type="text" name="sd_times" id="sd_times" placeholder="请输入套餐内SD绘画使用次数" value="0" class="layui-input" lay-verify="number" lay-verify="required">
  93. <div class="layui-form-mid layui-word-aux">套餐内SD绘画使用次数,-1代表无限</div>
  94. </div>
  95. </div>
  96. </div>
  97. <div class="layui-tab-item">
  98. <div class="layui-form-item">
  99. <label class="layui-form-label" title="限制类型"><text title="必填项" style="color:red;">*</text>限制类型</label>
  100. <div class="layui-input-block">
  101. <input type="radio" name="mj_type" id="mj_type-1" value="time" title="按天限制" checked="checked" />
  102. <input type="radio" name="mj_type" id="mj_type-2" value="total" title="按总数限制" />
  103. </div>
  104. </div>
  105. <div class="layui-form-item type2" style=" {{# if(d.type==1){ }}display:none;{{# } }} ">
  106. <label class="layui-form-label" title="套餐内MJ绘画使用次数"><text title="必填项" style="color:red;">*</text>MJ绘画使用次数</label>
  107. <div class="layui-input-block">
  108. <input autocomplete="off" type="text" name="mj_times" id="mj_times" placeholder="请输入套餐内MJ绘画使用次数" value="0" class="layui-input" lay-verify="number" lay-verify="required">
  109. <div class="layui-form-mid layui-word-aux">套餐内MJ绘画使用次数,-1代表无限</div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. <hr />
  118. <div class="layui-form-item">
  119. <label class="layui-form-label" title="价格"> <text title="必填项" style="color:red;">*</text> 价格</label>
  120. <div class="layui-input-block">
  121. <input autocomplete="off" type="text" name="price" id="price" placeholder="请输入价格" value="0" class="layui-input" lay-verify="required">
  122. </div>
  123. </div>
  124. <div class="layui-form-item">
  125. <label class="layui-form-label" title="原价">原价</label>
  126. <div class="layui-input-block">
  127. <input autocomplete="off" type="text" name="original_price" id="original_price" placeholder="请输入原价" value="0" class="layui-input" lay-verify="">
  128. </div>
  129. </div>
  130. <div class="layui-form-item">
  131. <label class="layui-form-label" title="状态">状态</label>
  132. <div class="layui-input-block">
  133. <input type="radio" name="status" id="status-1" value="1" title="开启" checked="checked" />
  134. <input type="radio" name="status" id="status-2" value="2" title="关闭" />
  135. </div>
  136. </div>
  137. <div class="layui-form-item">
  138. <label class="layui-form-label" title="排序">排序</label>
  139. <div class="layui-input-block">
  140. <input autocomplete="off" type="text" name="sort" id="sort" placeholder="请输入排序" value="0" class="layui-input" lay-verify="number">
  141. </div>
  142. </div>
  143. <div class="layui-form-item">
  144. <label class="layui-form-label" title="限时特价"> 限时特价</label>
  145. <div class="layui-input-block">
  146. <input type="radio" name="is_preferential" id="is_preferential-1" value="1" title="是" checked="checked" />
  147. <input type="radio" name="is_preferential" id="is_preferential-2" value="2" title="否" />
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. <div class="bottom">
  154. <div class="button-container">
  155. <button type="submit" class="laytp-btn laytp-btn-primary laytp-btn-sm" lay-submit="" lay-filter="add">
  156. <i class="layui-icon layui-icon-ok"></i>
  157. 提交
  158. </button>
  159. <button type="reset" class="laytp-btn laytp-btn-sm">
  160. <i class="layui-icon layui-icon-refresh"></i>
  161. 重置
  162. </button>
  163. </div>
  164. </div>
  165. </form>
  166. <script>
  167. if(localStorage.getItem("staticDomain")){
  168. document.write("<link rel='stylesheet' href='" + localStorage.getItem("staticDomain") + "/component/layui/css/layui.css?v=" + localStorage.getItem("version") + "'>");
  169. document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/layui/layui.js?v="+localStorage.getItem("version")+"'><\/script>");
  170. document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/laytp/layuiConfig.js?v="+localStorage.getItem("version")+"'><\/script>");
  171. }else{
  172. document.write("<link rel='stylesheet' href='/static/component/layui/css/layui.css?v=" + localStorage.getItem("version") + "'>");
  173. document.write("<script src='/static/component/layui/layui.js?v="+localStorage.getItem("version")+"'><\/script>");
  174. document.write("<script src='/static/component/laytp/layuiConfig.js?v="+localStorage.getItem("version")+"'><\/script>");
  175. }
  176. </script>
  177. <script>
  178. layui.use(['laytp'],function(){
  179. layui.form.on('submit(add)', function(data){
  180. var btnAnim = layui.button.load({elem:$(this)});
  181. try{
  182. data = facade.setEditorField(data);
  183. }catch (e) {
  184. facade.error(e);
  185. return false;
  186. }
  187. facade.ajax({
  188. route:'/admin.member/add',
  189. data : data.field
  190. }).done(function(res){
  191. if(res.code === 0){
  192. parent.layui.layer.close(parent.layui.layer.getFrameIndex(window.name));//关闭当前页
  193. parent.layui.table.reload("laytp-table");
  194. }
  195. btnAnim.stop();
  196. }).fail(function(){
  197. btnAnim.stop();
  198. });
  199. return false;
  200. });
  201. layui.form.on("radio(type)", function (data) {
  202. var val = data.value;
  203. if(val == 1){
  204. $('.type1').show()
  205. $('.type2').hide()
  206. }else {
  207. $('.type1').hide()
  208. $('.type2').show()
  209. }
  210. });
  211. })
  212. </script>
  213. </body>
  214. </html>