comment_list.php 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  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-header">搜索条件</div>
  8. <div class="layui-card-body">
  9. <form class="layui-form layui-form-pane" action="">
  10. <div class="layui-form-item">
  11. <div class="layui-inline">
  12. <label class="layui-form-label">时间范围</label>
  13. <div class="layui-input-inline" style="width: 260px;">
  14. <input type="text" name="datetime" class="layui-input" id="datetime" placeholder="时间范围">
  15. </div>
  16. </div>
  17. <div class="layui-inline">
  18. <label class="layui-form-label">用户名称</label>
  19. <div class="layui-input-block">
  20. <input type="text" name="nickname" class="layui-input" placeholder="请输入用户名称">
  21. </div>
  22. </div>
  23. <div class="layui-inline">
  24. <div class="layui-input-inline">
  25. <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit="search" lay-filter="search">
  26. <i class="layui-icon layui-icon-search"></i>搜索</button>
  27. </div>
  28. </div>
  29. </div>
  30. </form>
  31. </div>
  32. </div>
  33. </div>
  34. <!--产品列表-->
  35. <div class="layui-col-md12">
  36. <div class="layui-card">
  37. <div class="layui-card-header">评论列表</div>
  38. <div class="layui-card-body">
  39. <div class="layui-btn-container">
  40. <button class="layui-btn layui-btn-normal layui-btn-sm" onclick="window.location.reload()"><i class="layui-icon layui-icon-refresh"></i> 刷新</button>
  41. </div>
  42. <table class="layui-hide" id="List" lay-filter="List"></table>
  43. <script type="text/html" id="is_show">
  44. <input type='checkbox' name='id' lay-skin='switch' value="{{d.id}}" lay-filter='is_show' lay-text='显示|隐藏' {{ d.is_show == 1 ? 'checked' : '' }}>
  45. </script>
  46. <script type="text/html" id="avatar">
  47. <img style="cursor: pointer;width: 80px;height: 40px;" lay-event='open_image' src="{{d.avatar}}">
  48. </script>
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  55. {/block}
  56. {block name="script"}
  57. <script>
  58. var live_id='{$live_id}';
  59. //实例化form
  60. layList.form.render();
  61. layList.date({
  62. elem: '#datetime',
  63. type: 'datetime',
  64. range: '~'
  65. });
  66. //加载列表
  67. layList.tableList('List',"{:Url('get_live_comment_list')}?live_id={$live_id}",function (){
  68. return [
  69. {field: 'avatar', title: '头像',align:"center",templet:'#avatar'},
  70. {field: 'nickname', title: '昵称',align:"center"},
  71. {field: 'type_name', title: '身份',align:"center"},
  72. {field: 'barrage', title: '评论内容',align:'center',width:'20%'},
  73. {field: 'is_show', title: '状态',align:'center',templet:'#is_show'},
  74. {field: 'add_time', title: '发布时间',align:'center'},
  75. ];
  76. });
  77. layList.form.on('radio(is_playback)', function(data){
  78. layList.baseGet(layList.U({a:'set_value',q:{stream_name:stream_name,field:'is_playback',value:data.value}}),function (res) {
  79. layList.msg(res.msg);
  80. },function (res) {
  81. layList.msg(res.msg);
  82. })
  83. });
  84. //自定义方法
  85. var action= {
  86. set_value: function (field, id, value) {
  87. layList.baseGet(layList.Url({
  88. a: 'set_value',
  89. q: {field: field, id: id, value: value}
  90. }), function (res) {
  91. layList.msg(res.msg);
  92. });
  93. },
  94. }
  95. //查询
  96. layList.search('search',function(where){
  97. var arr_time = [];
  98. var start_time = '';
  99. var end_time = '';
  100. if (where.datetime) {
  101. arr_time = where.datetime.split('~');
  102. start_time = arr_time[0].trim();
  103. end_time = arr_time[1].trim();
  104. }
  105. layList.reload({
  106. start_time: start_time,
  107. end_time: end_time,
  108. nickname: where.nickname
  109. },true);
  110. });
  111. layList.switch('is_show',function (odj,value) {
  112. if(odj.elem.checked==true){
  113. layList.baseGet(layList.Url({a:'set_show_comment',p:{is_show:1,id:value}}),function (res) {
  114. layList.msg(res.msg);
  115. });
  116. }else{
  117. layList.baseGet(layList.Url({a:'set_show_comment',p:{is_show:0,id:value}}),function (res) {
  118. layList.msg(res.msg);
  119. });
  120. }
  121. });
  122. //快速编辑
  123. layList.edit(function (obj) {
  124. var id=obj.data.id,value=obj.value;
  125. switch (obj.field) {
  126. case 'course_name':
  127. action.set_value('course_name',id,value);
  128. break;
  129. case 'sort':
  130. if(value < 0) return layList.msg('排序不能小于0');
  131. action.set_value('sort',id,value);
  132. break;
  133. }
  134. });
  135. //监听并执行排序
  136. layList.sort(['id','sort'],true);
  137. //点击事件绑定
  138. layList.tool(function (event,data,obj) {
  139. switch (event) {
  140. case 'delete':
  141. var url=layList.U({a:'del_guest',q:{id:data.id}});
  142. $eb.$swal('delete',function(){
  143. $eb.axios.get(url).then(function(res){
  144. if(res.status == 200 && res.data.code == 200) {
  145. $eb.$swal('success',res.data.msg);
  146. obj.del();
  147. }else
  148. return Promise.reject(res.data.msg || '删除失败')
  149. }).catch(function(err){
  150. $eb.$swal('error',err);
  151. });
  152. });
  153. break;
  154. case 'look':
  155. $eb.createModalFrame('直播间号【'+stream_name+'】的直播回放,回放时间:'+data.StartTime+' - '+data.EndTime,layList.U({a:'live_record_look',q:{record_url:data.RecordUrl}}),{w:890,h:450});
  156. break;
  157. case 'download':
  158. $eb.createModalFrame('直播间号【'+stream_name+'】的直播下载',layList.U({a:'download',q:{record_url:data.RecordUrl}}),{w:900});
  159. break;
  160. case 'set_record':
  161. var url = layList.U({a:'set_value',q:{stream_name:stream_name,field:'playback_record_id',value:data.RecordId}});
  162. $eb.$swal('delete',function(){
  163. $eb.axios.get(url).then(function(res){
  164. if(res.status == 200 && res.data.code == 200) {
  165. $eb.$swal('success',res.data.msg);
  166. }else
  167. return Promise.reject(res.data.msg || '删除失败')
  168. }).catch(function(err){
  169. $eb.$swal('error',err);
  170. });
  171. },{title:'设置为直播间回放',text:'设置成功后,没有开启直播将自动播放此回放',confirm:'是的,我要设置'});
  172. break;
  173. case 'del_record':
  174. var url = layList.U({a:'set_value',q:{stream_name:stream_name,field:'playback_record_id',value:''}});
  175. $eb.$swal('delete',function(){
  176. $eb.axios.get(url).then(function(res){
  177. if(res.status == 200 && res.data.code == 200) {
  178. $eb.$swal('success',res.data.msg);
  179. }else
  180. return Promise.reject(res.data.msg || '删除失败')
  181. }).catch(function(err){
  182. $eb.$swal('error',err);
  183. });
  184. },{title:'取消直播间回放',text:'设置成功后,没有开启直播将不会回放',confirm:'是的,我要取消'});
  185. break;
  186. }
  187. })
  188. </script>
  189. {/block}