course_setting.html 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261
  1. {extend name="public/layout"}
  2. {block name="body"}
  3. <style>
  4. label {
  5. width: 120px !important;
  6. }
  7. .layui-input-block a {
  8. float: right;
  9. }
  10. .layui-input-block span {
  11. line-height: 38px;
  12. color: darkgray;
  13. }
  14. .layui-tab-title .layui-this {
  15. background-color: #249EFB;
  16. color: #fff;
  17. }
  18. .layui-tab-title .layui-this:after {
  19. border-bottom: none;
  20. border: none;
  21. }
  22. .layui-tab-title li {
  23. background-color: #F2F2F2;
  24. margin: 0px 5px;
  25. }
  26. </style>
  27. <body>
  28. <div class="layui-fluid">
  29. <div class="layui-row layui-col-space15">
  30. <div class="layui-col-md12" style="background-color:#ffffff">
  31. <div class="tplay-body-div">
  32. <div class="layui-tab">
  33. <ul class="layui-tab-title">
  34. <li style="margin-left: 0px;">
  35. <a href="{:url('broad/build')}">我要直播</a>
  36. </li>
  37. <li>
  38. <a href="{:url('broad/goods')}">商品管理</a>
  39. </li>
  40. <li class="layui-this">
  41. 直播设置
  42. </li>
  43. </ul>
  44. </div>
  45. <div class="layui-card-body">
  46. <!-- <div class="layui-form-item">
  47. <label class="layui-form-label" for="title">公司名:</label>
  48. <div class="layui-input-block">
  49. <span style="line-height:38px;">{$company.company_name}</span>
  50. </div>
  51. </div> -->
  52. <div class="layui-form-item">
  53. <label class="layui-form-label" for="title">引导关注公众号:</label>
  54. <div class="layui-input-block">
  55. <span>{eq name="company.subscribe" value="1"}<span style="color:#5FB878;">开启<span>{else/}关闭{/eq}</span>
  56. <a href="javascript:void(0)" id="setting" style="line-height:38px;color: blue;">设置</a>
  57. </div>
  58. </div>
  59. <div class="layui-form-item">
  60. <label class="layui-form-label" for="title">主播欢迎语:</label>
  61. <div class="layui-input-block">
  62. <span>{eq name="company.slogan_state" value="1"}<span
  63. style="color:#5FB878;">开启<span>{else/}关闭{/eq}</span>
  64. <a href="javascript:void(0)" id="hellosetting" style="line-height:38px;color: blue;">设置</a>
  65. </div>
  66. </div>
  67. <div class="layui-form-item">
  68. <label class="layui-form-label" for="title">关键词屏蔽:</label>
  69. <div class="layui-input-block">
  70. <span style="color:#5FB878;">开启中</span>
  71. <a href="javascript:void(0)" id="keyword" style="line-height:38px;color: blue;">关键词记录</a>
  72. </div>
  73. </div>
  74. <div class="layui-form-item">
  75. <label class="layui-form-label" for="title">进店礼展示:</label>
  76. <div class="layui-input-block">
  77. {eq name="company.present_show" value="1"}<span id="show" style="color:#5FB878;">开启</span>{else/}<span
  78. id="show">关闭</span>{/eq}<span>
  79. <a href="javascript:void(0)" id="gift" style="line-height:38px;color: blue;">设置</a>
  80. </div>
  81. </div>
  82. <div class="layui-form-item">
  83. <label class="layui-form-label" for="title">主持人:</label>
  84. <div class="layui-input-block">
  85. <span>{$teacherNum}个主持人</span>
  86. <a href="javascript:void(0)" id="addTeacher" style="line-height:38px;color: blue;">添加</a>
  87. <a href="javascript:void(0)" id="teachers"
  88. style="line-height:38px;color: blue;margin-right: 20px;">查看</a>
  89. </div>
  90. </div>
  91. <div class="layui-form-item">
  92. <label class="layui-form-label" for="title">白名单:</label>
  93. <div class="layui-input-block">
  94. {eq name="company.white_list_switch" value="1"}<span id="white"
  95. style="color:#5FB878;">开启</span>{else/}<span id="white">关闭</span>{/eq}<span>
  96. <a href="javascript:void(0)" id="addWhite" style="line-height:38px;color: blue;">添加</a>
  97. <a href="javascript:void(0)" id="whiteList"
  98. style="line-height:38px;color: blue;margin-right: 20px;">查看</a>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="layui-form" id="switchHtml" style="margin-top: 15px;display: none;">
  107. <div class="layui-form-item">
  108. <label class="layui-form-label">单次裂变支出:</label>
  109. <div class="layui-input-inline">
  110. <input style="width: 150px;" class="layui-input" placeholder="单次裂变支出金额" type="text" name="share" required
  111. lay-verify="required" value="{$fission.share}">
  112. </div>
  113. </div>
  114. <div class="layui-form-item">
  115. <label class="layui-form-label">状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态&nbsp;&nbsp;&nbsp;&nbsp;:</label>
  116. <div class="layui-input-block">
  117. <input type="radio" name="switch" value="0" title="关闭" {eq name="fission.switch" value="0" }checked{/eq}>
  118. <input type="radio" name="switch" value="1" title="开启" {eq name="fission.switch" value="1" }checked{/eq}>
  119. </div>
  120. </div>
  121. <div class="layui-form-item" style="text-align: center;">
  122. <button class="layui-btn" lay-submit lay-filter="switch">立即提交</button>
  123. </div>
  124. <div class="layui-form-item" style="margin: 20px;">
  125. <span style="color: red;">说明:单次0.3~1元,当营销钱包余额充足时开启裂变,B打开A分享的直播间链接,A将获得以上设置收益。</span>
  126. </div>
  127. </div>
  128. {/block}
  129. {block name="js"}
  130. <script>
  131. var indexurl = '{:url("broad/course_setting")}';
  132. var t;
  133. layui.use(['form', 'layer'], function () {
  134. var layer = layui.layer
  135. , form = layui.form
  136. , $ = layui.jquery;
  137. $('#setting').click(function () {
  138. layer.open({
  139. title: ['公众号设置', 'color:#333333;background-color:#D8E6F1;'],
  140. type: 2,
  141. area: ['550px', '330px'],
  142. resize: false,
  143. content: "{:url('broad/course_wxqrcode')}"
  144. });
  145. });
  146. $('#hellosetting').click(function () {
  147. layer.open({
  148. title: ['主播欢迎语设置', 'color:#333333;background-color:#D8E6F1;'],
  149. type: 2,
  150. area: ['700px', '500px'],
  151. resize: false,
  152. content: "{:url('broad/course_slogan')}"
  153. });
  154. });
  155. $('#log').click(function () {
  156. layer.open({
  157. title: ['裂变记录', 'color:#333333;background-color:#D8E6F1;'],
  158. type: 2,
  159. area: ['80%', '80%'],
  160. resize: false,
  161. content: "{:url('broad/fission_shareLog')}"
  162. });
  163. });
  164. $('#keyword').click(function () {
  165. layer.open({
  166. title: ['关键词屏蔽', 'color:#333333;background-color:#D8E6F1;'],
  167. type: 2,
  168. resize: false,
  169. area: ['80%', '80%'],
  170. content: "{:url('broad/keyword_index')}"
  171. });
  172. });
  173. $('#switch').click(function () {
  174. layer.open({
  175. title: ['直播裂变设置', 'color:#333333;background-color:#D8E6F1;'],
  176. type: 1,
  177. // area:['500px', '350px'],
  178. content: $('#switchHtml'),
  179. resize: false,
  180. });
  181. });
  182. $('#teachers').click(function () {
  183. layer.open({
  184. title: ['主持人', 'color:#333333;background-color:#D8E6F1;'],
  185. type: 2,
  186. area: ['80%', '80%'],
  187. resize: false,
  188. content: "{:url('broad/teacher_index')}"
  189. });
  190. });
  191. $('#addTeacher').click(function () {
  192. layer.open({
  193. title: ['添加主持人', 'color:#333333;background-color:#D8E6F1;'],
  194. type: 2,
  195. content: '{:url("broad/teacher_add")}',
  196. area: ['80%', '80%'],
  197. resize: false,
  198. });
  199. });
  200. form.on("submit(switch)", function (obj) {
  201. if (obj.field.share > 1 || obj.field.share < 0.3) {
  202. layer.msg('单次裂变支出最小0.3元,最大1元', { anim: 6 }); return false;
  203. }
  204. $(obj.elem).removeClass('layui-btn-disabled');
  205. var loading = layer.load(0, { shade: 0.3 });
  206. $.post('{:url("broad/fission_shareSwitch")}', obj.field, function (res) {
  207. if (res.code === 0) {
  208. layer.msg(res.msg, { anim: 0 }, function () {
  209. location.reload();
  210. });
  211. } else {
  212. layer.msg(res.msg, { anim: 6 });
  213. $(obj.elem).removeClass('layui-btn-disabled');
  214. layer.close(loading);
  215. }
  216. })
  217. });
  218. $('#gift').click(function () {
  219. layer.open({
  220. title: ['进店礼', 'color:#333333;background-color:#D8E6F1;'],
  221. type: 2,
  222. area: ['80%', '80%'],
  223. resize: false,
  224. content: "{:url('broad/present_index')}"
  225. });
  226. });
  227. $('#addWhite').click(function () {
  228. layer.open({
  229. title: ['白名单开启添加', 'color:#333333;background-color:#D8E6F1;'],
  230. type: 2,
  231. area: ['80%', '80%'],
  232. resize: false,
  233. content: "{:url('broad/white_list_qrcode')}"
  234. });
  235. });
  236. $('#whiteList').click(function () {
  237. layer.open({
  238. title: ['白名单列表', 'color:#333333;background-color:#D8E6F1;'],
  239. type: 2,
  240. area: ['80%', '80%'],
  241. resize: false,
  242. content: "{:url('broad/white_list_index')}"
  243. });
  244. });
  245. });
  246. </script>
  247. {/block}