vip.html 12 KB

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