actInfoForm.jsp 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ include file="../common/meta.jsp"%>
  4. <link rel="stylesheet"
  5. href="${base}/static/web/frame/webuploader/webuploader.css"
  6. type="text/css">
  7. <script type="text/javascript"
  8. src="${base}/static/web/frame/webuploader/webuploader.min.js"></script>
  9. <script type="text/javascript" src="${base}/static/web/frame/ueditor/ueditor.config.js"></script>
  10. <script type="text/javascript" src="${base}/static/web/frame/ueditor/ueditor.all.js"> </script>
  11. <script type="text/javascript" src="${base}/static/web/frame/ueditor/lang/zh-cn/zh-cn.js"></script>
  12. <title>商品管理</title>
  13. <style>
  14. .product-div{display: none;}
  15. </style>
  16. </head>
  17. <body>
  18. <div class="layui-container foot-mb">
  19. <form class="layui-form layui-form-horizontal" action id="form-add">
  20. <div class="layui-tab layui-tab-brief" lay-filter="tabBar">
  21. <ul class="layui-tab-title">
  22. <li class="layui-this">活动信息</li>
  23. <li>活动奖品</li>
  24. <li>分享信息</li>
  25. </ul>
  26. <div class="layui-tab-content" style="min-height: 200px;">
  27. <div class="layui-tab-item layui-show mt-10">
  28. <div class="layui-form-item layui-row">
  29. <label class="layui-form-label layui-col-xs3 layui-col-sm2"><span
  30. class="c-red">*</span>活动名称</label>
  31. <div class="layui-input-block layui-col-xs8 layui-col-sm9">
  32. <input type="text" id="act_name" name="act_name"
  33. lay-verify="required" autocomplete="off" placeholder="请输入活动名称"
  34. class="layui-input">
  35. </div>
  36. </div>
  37. <div class="layui-form-item layui-row">
  38. <label class="layui-form-label layui-col-xs3 layui-col-sm2"><span
  39. class="c-red">*</span>活动类型</label>
  40. <div class="layui-input-block layui-col-xs8 layui-col-sm9">
  41. <layui:select id="act_type" type="select" name="act_type" key="act_type" layVerify="required" layFilter="act_type"/>
  42. </div>
  43. </div>
  44. <div class="layui-form-item layui-row" id="merchant-div" style="display: none;">
  45. <label class="layui-form-label layui-col-xs3 layui-col-sm2"><span
  46. class="c-red">*</span>选择商户</label>
  47. <div class="layui-input-block layui-col-xs8 layui-col-sm9">
  48. <input type="hidden" id="merchant_id" name="merchant_id">
  49. <input type="text" id="merchant_name" name="merchant_name"
  50. autocomplete="off" placeholder="请选择商品" class="layui-input popup">
  51. </div>
  52. </div>
  53. <div class="layui-form-item layui-row">
  54. <label class="layui-form-label layui-col-xs3 layui-col-sm2"><span
  55. class="c-red">*</span>活动图片</label>
  56. <div class="layui-input-block layui-col-xs8 layui-col-sm9">
  57. <input type="hidden" id="act_img" name="act_img">
  58. <div id="list3" class="uploader-list"></div>
  59. <div id="picker3">选择图片</div>
  60. </div>
  61. </div>
  62. <div class="layui-form-item layui-row">
  63. <label class="layui-form-label layui-col-xs3 layui-col-sm2"><span
  64. class="c-red">*</span>开始日期</label>
  65. <div class="layui-input-block layui-col-xs8 layui-col-sm9">
  66. <input type="text" id="start_date" name="start_date"
  67. lay-verify="required" autocomplete="off" placeholder="请选择开始日期"
  68. class="layui-input laydate-icon">
  69. </div>
  70. </div>
  71. <div class="layui-form-item layui-row">
  72. <label class="layui-form-label layui-col-xs3 layui-col-sm2"><span
  73. class="c-red">*</span>结束日期</label>
  74. <div class="layui-input-block layui-col-xs8 layui-col-sm9">
  75. <input type="text" id="end_date" name="end_date"
  76. lay-verify="required" autocomplete="off" placeholder="请选择结束日期"
  77. class="layui-input">
  78. </div>
  79. </div>
  80. <div class="layui-form-item layui-row">
  81. <label class="layui-form-label layui-col-xs3 layui-col-sm2"><span
  82. class="c-red">*</span>限制次数</label>
  83. <div class="layui-input-block layui-col-xs4 layui-col-sm5">
  84. <input type="text" id="limit_num" name="limit_num"
  85. lay-verify="required" autocomplete="off" placeholder="限制次数"
  86. class="layui-input">
  87. </div>
  88. <div class="layui-input-block layui-col-xs4 layui-col-sm4">
  89. <layui:select id="limit_type" type="select" name="limit_type" key="limit_type" val="10"/>
  90. </div>
  91. </div>
  92. <div class="layui-form-item layui-row">
  93. <label class="layui-form-label layui-col-xs3 layui-col-sm2"><span
  94. class="c-red">*</span>预计参与人数</label>
  95. <div class="layui-input-block layui-col-xs8 layui-col-sm9">
  96. <input type="text" id="expect_users" name="expect_users"
  97. lay-verify="number" autocomplete="off" placeholder="请输入预计参与人数"
  98. class="layui-input">
  99. </div>
  100. </div>
  101. <div class="layui-form-item layui-row">
  102. <label class="layui-form-label layui-col-xs3 layui-col-sm2"><span
  103. class="c-red">*</span>是否需要关注</label>
  104. <div class="layui-input-block layui-col-xs8 layui-col-sm9">
  105. <layui:select id="need_subscribe" type="select" name="need_subscribe" key="yes_no"/>
  106. </div>
  107. </div>
  108. <div class="layui-form-item layui-row">
  109. <label class="layui-form-label layui-col-xs3 layui-col-sm2"><span
  110. class="c-red">*</span>关注二维码</label>
  111. <div class="layui-input-block layui-col-xs8 layui-col-sm9">
  112. <input type="hidden" id="subscribe_img" name="subscribe_img">
  113. <div id="list2" class="uploader-list"></div>
  114. <div id="picker2">选择图片</div>
  115. </div>
  116. </div>
  117. <div class="layui-form-item layui-row">
  118. <label class="layui-form-label layui-col-xs3 layui-col-sm2"><span
  119. class="c-red">*</span>活动说明</label>
  120. <div class="layui-input-block layui-col-xs8 layui-col-sm9">
  121. <script id="editor1" type="text/plain" style="width:100%;height:400px;"></script>
  122. </div>
  123. </div>
  124. </div>
  125. <div class="layui-tab-item mt-10">
  126. <div class="layui-form">
  127. <table id="dateTable" class="layui-table" lay-even="" width="100%" lay-skin="line">
  128. <thead>
  129. <tr>
  130. <th width="10">奖项</th>
  131. <th width="20">奖品名称</th>
  132. <th width="10">奖品类型</th>
  133. <th width="10">奖品数量</th>
  134. <th width="10">中奖限制次数</th>
  135. <th width="10">中奖概率</th>
  136. <th width="20" class="product-div">关联商品</th>
  137. </tr>
  138. </thead>
  139. <tbody>
  140. </tbody>
  141. </table>
  142. </div>
  143. </div>
  144. <div class="layui-tab-item mt-10">
  145. <div class="layui-form-item layui-row">
  146. <label class="layui-form-label layui-col-xs3 layui-col-sm2"><span
  147. class="c-red">*</span>分享标题</label>
  148. <div class="layui-input-block layui-col-xs8 layui-col-sm9">
  149. <input type="text" id="share_title" name="share_title"
  150. autocomplete="off" placeholder="请输入分享标题"
  151. class="layui-input">
  152. </div>
  153. </div>
  154. <div class="layui-form-item layui-row">
  155. <label class="layui-form-label layui-col-xs3 layui-col-sm2"><span
  156. class="c-red">*</span>分享描述</label>
  157. <div class="layui-input-block layui-col-xs8 layui-col-sm9">
  158. <input type="text" id="share_content" name="share_content"
  159. autocomplete="off" placeholder="请输入分享描述"
  160. class="layui-input">
  161. </div>
  162. </div>
  163. <div class="layui-form-item layui-row">
  164. <label class="layui-form-label layui-col-xs3 layui-col-sm2"><span
  165. class="c-red">*</span>分享图片</label>
  166. <div class="layui-input-block layui-col-xs8 layui-col-sm9">
  167. <input type="hidden" id="share_img" name="share_img">
  168. <div id="list1" class="uploader-list"></div>
  169. <div id="picker1">选择图片</div>
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. </div>
  175. <div class="foot">
  176. <button class="layui-btn layui-btn-small" lay-submit=""
  177. lay-filter="form-add">保存</button>
  178. <button class="layui-btn layui-btn-small layui-btn-primary"
  179. type="reset">重置</button>
  180. <button class="layui-btn layui-btn-small layui-btn-primary"
  181. id="btn-close">关闭</button>
  182. </div>
  183. </form>
  184. </div>
  185. <script type="text/javascript">
  186. layui.config({
  187. base : '${base}/static/web/js/act/',
  188. version : true
  189. //你的模块目录
  190. }).use('actInfoForm'); //加载入口
  191. </script>
  192. </body>
  193. </html>