index.php 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367
  1. {extend name="public/container"}
  2. {block name="content"}
  3. <div class="layui-fluid">
  4. <div class="layui-row layui-col-space15" id="app">
  5. <div class="layui-col-md12">
  6. <div class="layui-card">
  7. <div class="layui-card-body">
  8. <div class="layui-row layui-col-space15">
  9. <div class="layui-col-md12">
  10. <div class="layui-tab layui-tab-brief" lay-filter="tab">
  11. <ul class="layui-tab-title">
  12. <li lay-id="list" {eq name='type' value='1'}class="layui-this" {/eq} >
  13. <a href="{eq name='type' value='1'}javascript:;{else}{:Url('special_live',['special_type'=>4,'type'=>1])}{/eq}">直播列表</a>
  14. </li>
  15. <li lay-id="list" {eq name='type' value='2'}class="layui-this" {/eq}>
  16. <a href="{eq name='type' value='2'}javascript:;{else}{:Url('index',['special_type'=>4,'type'=>2])}{/eq}">直播间管理</a>
  17. </li>
  18. </ul>
  19. </div>
  20. </div>
  21. <div class="layui-col-md12">
  22. <form class="layui-form layui-form-pane" action="">
  23. <div class="layui-form-item">
  24. <div class="layui-inline">
  25. <label class="layui-form-label">直播间号</label>
  26. <div class="layui-input-inline">
  27. <input type="text" name="stream_name" class="layui-input" placeholder="直播标题、直播间ID">
  28. </div>
  29. </div>
  30. <div class="layui-inline">
  31. <label class="layui-form-label">所属专题</label>
  32. <div class="layui-input-inline">
  33. <select name="special_id">
  34. <option value="">全部</option>
  35. {volist name='special_list' id='item'}
  36. <option value="{$item.id}">{$item.title}</option>
  37. {/volist}
  38. </select>
  39. </div>
  40. </div>
  41. <div class="layui-inline">
  42. <label class="layui-form-label">时间范围</label>
  43. <div class="layui-input-inline" style="width: 260px;">
  44. <input type="text" name="datetime" class="layui-input" id="datetime" placeholder="时间范围">
  45. </div>
  46. </div>
  47. <div class="layui-inline">
  48. <div class="layui-input-inline">
  49. <button type="button" class="layui-btn layui-btn-sm layui-btn-normal" lay-submit="search" lay-filter="search">
  50. <i class="layui-icon">&#xe615;</i>搜索
  51. </button>
  52. <button type="button" class="layui-btn layui-btn-normal layui-btn-sm" onclick="window.location.reload()">
  53. <i class="layui-icon">&#xe669;</i>刷新
  54. </button>
  55. </div>
  56. </div>
  57. </div>
  58. </form>
  59. </div>
  60. <div class="layui-col-md12">
  61. <table class="layui-hide" id="List" lay-filter="List"></table>
  62. <script type="text/html" id="play_start_time">
  63. <div>{{d.start_play_time}}</div>
  64. </script>
  65. <script type="text/html" id="play_stop_time">
  66. <div>{{d.stop_play_time}}</div>
  67. </script>
  68. <script type="text/html" id="is_pink">
  69. {{# if(d.is_pink){ }}
  70. <span class="layui-badge layui-bg-blue">开启</span>
  71. {{# }else{ }}
  72. <span class="layui-badge">关闭</span>
  73. {{# } }}
  74. </script>
  75. <script type="text/html" id="is_play">
  76. {{# if(d.is_play){ }}
  77. <span class="layui-badge layui-bg-blue">开播中</span>
  78. {{# }else{ }}
  79. <span class="layui-badge">未直播</span>
  80. {{# } }}
  81. </script>
  82. <script type="text/html" id="is_recording">
  83. <input type='checkbox' name='id' lay-skin='switch' value="{{d.id}}" lay-filter='is_recording' lay-text='是|否' {{ d.is_recording == 1 ? 'checked' : '' }}>
  84. </script>
  85. <script type="text/html" id="image">
  86. <img width="89" height="50" lay-event='open_image' src="{{d.live_image}}">
  87. </script>
  88. <script type="text/html" id="act">
  89. <button type="button" class="layui-btn layui-btn-normal layui-btn-xs" onclick="dropdown(this)">
  90. <i class="layui-icon">&#xe625;</i>操作
  91. </button>
  92. <ul class="layui-nav-child layui-anim layui-anim-upbit">
  93. <li>
  94. <a href="javascript:;" lay-event='update'>
  95. <i class="iconfont icon-bianji"></i> 编辑直播间
  96. </a>
  97. </li>
  98. <li>
  99. <a href="javascript:;" lay-event='live_user'>
  100. <i class="iconfont icon-yonghuguanli"></i> 用户管理
  101. </a>
  102. </li>
  103. <li>
  104. <a href="javascript:;" lay-event='live_goods'>
  105. <i class="iconfont icon-kechengtuijian"></i> 课程推荐
  106. </a>
  107. </li>
  108. <li>
  109. <a href="javascript:;" lay-event='live_store'>
  110. <i class="iconfont icon-shangpintuijian"></i> 商品推荐
  111. </a>
  112. </li>
  113. <li>
  114. <a href="javascript:;" lay-event='live_remind'>
  115. <i class="iconfont icon-zhibotixing"></i> 直播提醒
  116. </a>
  117. </li>
  118. <li>
  119. <a href="javascript:;" lay-event='guest_list'>
  120. <i class="iconfont icon-jiabinshezhi"></i> 嘉宾设置
  121. </a>
  122. </li>
  123. <li>
  124. <a href="javascript:;" lay-event='live_reward'>
  125. <i class="iconfont icon-qian"></i> 查看打赏
  126. </a>
  127. </li>
  128. <li>
  129. <a href="javascript:;" lay-event='comment_list'>
  130. <i class="iconfont icon-pinglunchakan"></i> 查看评论
  131. </a>
  132. </li>
  133. </ul>
  134. </script>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. <div class="live_remind" >
  143. <div style="padding: 20px; background-color: #F2F2F2;">
  144. <div class="layui-row layui-col-space15">
  145. <div class="layui-col-md12">
  146. <div class="layui-card">
  147. <div class="layui-card-body">
  148. 内容
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  156. {/block}
  157. {block name="script"}
  158. <script>
  159. //实例化form
  160. layList.form.render();
  161. layList.date({
  162. elem: '#datetime',
  163. type: 'datetime',
  164. range: '~'
  165. });
  166. //加载列表
  167. layList.tableList({o:'List', done:function () {}},"{:Url('get_live_list')}",function (){
  168. return [
  169. {field: 'stream_name', title: '直播间ID',align: 'center',width:'8%'},
  170. {field: 'live_title', title: '直播标题',align: 'center'},
  171. {field: 'live_image', title: '封面',templet:'#image',align: 'center',minWidth:119,width:'8%'},
  172. {field: 'play_time', title: '每日开播时间',templet:'#play_start_time',align: 'center',width:'12%'},
  173. {field: 'play_time', title: '每日停播时间',templet:'#play_stop_time',align: 'center',width:'12%'},
  174. {field: 'studio_pwd', title: '直播间密码',align: 'center',width:'8%'},
  175. {field: 'online_user_num', title: '在线人数',align: 'center',width:'6%'},
  176. {field: 'online_num', title: '虚拟在线人数',edit:'online_num',align: 'center',width:'6%'},
  177. {field: 'is_recording', title: '自动录制',templet:'#is_recording',align: 'center',minWidth:77,width:'6%'},
  178. {field: 'sort', title: '排序',sort: true,event:'sort',edit:'sort',align: 'center',width:'6%'},
  179. {field: 'is_play', title: '状态',templet:'#is_play',align: 'center',width:'7%'},
  180. {field: 'right', title: '操作',align:'center',toolbar:'#act',minWidth:81,width:'8%'},
  181. ];
  182. });
  183. //下拉框
  184. $(document).click(function (e) {
  185. $('.layui-nav-child').hide();
  186. })
  187. $('.live_remind').hide();
  188. function dropdown(that){
  189. var oEvent = arguments.callee.caller.arguments[0] || event;
  190. oEvent.stopPropagation();
  191. var offset = $(that).offset();
  192. var top=offset.top-$(window).scrollTop();
  193. var index = $(that).parents('tr').data('index');
  194. $('.layui-nav-child').each(function (key) {
  195. if (key != index) {
  196. $(this).hide();
  197. }
  198. })
  199. if($(document).height() < top+$(that).next('ul').height()){
  200. $(that).next('ul').css({
  201. 'padding': 10,
  202. 'top': - ($(that).parent('td').height() / 2 + $(that).height() + $(that).next('ul').height()/2),
  203. 'min-width': 'inherit',
  204. 'position': 'absolute'
  205. }).toggle();
  206. }else{
  207. $(that).next('ul').css({
  208. 'padding': 10,
  209. 'top':$(that).parent('td').height() / 2 + $(that).height(),
  210. 'min-width': 'inherit',
  211. 'position': 'absolute'
  212. }).toggle();
  213. }
  214. }
  215. //自定义方法
  216. var action= {
  217. set_value: function (field, id, value) {
  218. layList.baseGet(layList.Url({
  219. a: 'set_live_value',
  220. q: {field: field, id: id, value: value}
  221. }), function (res) {
  222. layList.msg(res.msg);
  223. });
  224. },
  225. //直播提醒
  226. live_remind: function (data) {
  227. if (data.buy_user_num == 0) {
  228. var content = "暂无适合提醒的用户";
  229. } else {
  230. var content = "【" + data.live_title + "】" + "于" + "【" + data.start_play_time + "】" + "开始直播," + "共有" + "【" +data.buy_user_num + "位用户】适合提醒,快去通知吧!"
  231. }
  232. layList.layer.open({
  233. type: 1
  234. ,scrollbar: true
  235. ,area: ['400px', '200px']
  236. ,content: '<div style="padding: 20px 100px;">'+ content +'</div>'
  237. ,btn: '发送提醒'
  238. ,btnAlign: 'c' //按钮居中
  239. ,shade: 0 //不显示遮罩
  240. ,yes: function(){
  241. layList.baseGet(layList.U({a:'send_remind',q:{id:data.special_id}}),function(res){
  242. if (res.code == 200) {
  243. layer.closeAll();
  244. layer.msg("提醒成功", {
  245. icon: 1,
  246. time: 2000
  247. });
  248. }else{
  249. layer.closeAll();
  250. layer.msg("提醒失败", {
  251. icon: 2,
  252. time: 2000
  253. });
  254. }
  255. }, function (res) {
  256. layer.msg(res.msg, {
  257. icon: 2,
  258. time: 2000
  259. });
  260. })
  261. }
  262. ,cancel:function () {
  263. $('.live_remind').hide();
  264. }
  265. });
  266. }
  267. };
  268. //查询
  269. layList.search('search',function(where){
  270. var arr_time = [];
  271. var start_time = '';
  272. var end_time = '';
  273. if (where.datetime) {
  274. arr_time = where.datetime.split('~');
  275. start_time = arr_time[0].trim();
  276. end_time = arr_time[1].trim();
  277. }
  278. layList.reload({
  279. stream_name: where.stream_name,
  280. special_id: where.special_id,
  281. start_time: start_time,
  282. end_time: end_time
  283. },true);
  284. });
  285. layList.switch('is_recording',function (odj,value) {
  286. action.set_value('is_recording',value,odj.elem.checked ? 1 :0);
  287. });
  288. //快速编辑
  289. layList.edit(function (obj) {
  290. var id=obj.data.id,value=obj.value;
  291. switch (obj.field) {
  292. case 'sort':
  293. if (value.trim()) {
  294. if (isNaN(value.trim())) {
  295. layList.msg('请输入正确的数字');
  296. } else {
  297. if (value.trim() < 0) {
  298. layList.msg('排序不能小于0');
  299. } else if (value.trim() > 9999) {
  300. layList.msg('排序不能大于9999');
  301. } else if (parseInt(value.trim()) != value.trim()) {
  302. layList.msg('排序不能为小数');
  303. } else {
  304. action.set_value('sort', id, value.trim());
  305. }
  306. }
  307. } else {
  308. layList.msg('排序不能为空');
  309. }
  310. break;
  311. case 'online_num':
  312. if(value < 0) return layList.msg('虚拟不能小于0');
  313. action.set_value('online_num',id,value);
  314. break;
  315. }
  316. });
  317. //监听并执行排序
  318. layList.sort(['id','sort'],true);
  319. //点击事件绑定
  320. layList.tool(function (event,data,obj) {
  321. switch (event) {
  322. case 'delect':
  323. var url=layList.U({a:'delete',q:{id:data.id}});
  324. $eb.$swal('delete',function(){
  325. $eb.axios.get(url).then(function(res){
  326. if(res.status == 200 && res.data.code == 200) {
  327. $eb.$swal('success',res.data.msg);
  328. obj.del();
  329. }else
  330. return Promise.reject(res.data.msg || '删除失败')
  331. }).catch(function(err){
  332. $eb.$swal('error',err);
  333. });
  334. });
  335. break;
  336. case 'open_image':
  337. $eb.openImage(data.live_image);
  338. break;
  339. case 'update':
  340. $eb.createModalFrame(data.live_title+'--编辑',layList.U({a:'update_live',q:{id:data.id}}));
  341. break;
  342. case 'live_user':
  343. $eb.createModalFrame(data.live_title+'--用户管理',layList.U({a:'live_user',q:{id:data.id}}),{w:1200});
  344. break;
  345. case 'live_reward':
  346. $eb.createModalFrame(data.live_title+'--用户打赏',layList.U({a:'live_reward',q:{live_id:data.id}}),{w:1200});
  347. break;
  348. case 'comment_list':
  349. $eb.createModalFrame(data.live_title+'--用户评论',layList.U({a:'comment_list',q:{special_id:data.special_id}}),{w:1200});
  350. break;
  351. case 'guest_list':
  352. $eb.createModalFrame(data.live_title+'--嘉宾设置',layList.U({a:'guest_list',q:{live_id:data.id}}),{w:1200});
  353. break;
  354. case 'live_remind':
  355. action.live_remind(data);
  356. break;
  357. case 'live_goods' :
  358. $eb.createModalFrame(data.live_title+'--推荐课程',layList.U({a:'live_goods',q:{live_id:data.id,special_id:data.special_id}}),{w:1200});
  359. break;
  360. case 'live_store' :
  361. $eb.createModalFrame(data.live_title+'--推荐商品',layList.U({a:'live_store',q:{live_id:data.id,special_id:data.special_id}}),{w:1200});
  362. break;
  363. }
  364. })
  365. </script>
  366. {/block}