special_task.php 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  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. <div class="layui-form layui-form-pane">
  10. <div class="layui-form-item">
  11. 专题名称:
  12. <div class="layui-inline">
  13. <input class="layui-input" name="title" id="demoReload" placeholder="请输入专题名称">
  14. </div>
  15. <div class="layui-inline">
  16. <label class="layui-form-label">讲师</label>
  17. <div class="layui-input-inline">
  18. <select name="mer_id" id="mer_id">
  19. <option value="">全部</option>
  20. <option value="0">总平台</option>
  21. {volist name='mer_list' id='vc'}
  22. <option value="{$vc.id}">{$vc.mer_name}</option>
  23. {/volist}
  24. </select>
  25. </div>
  26. </div>
  27. <div class="layui-inline">
  28. <label class="layui-form-label">专题类型</label>
  29. <div class="layui-input-block">
  30. <select name="type" id="test">
  31. <option value="">全部</option>
  32. <option value="3">视频专题</option>
  33. <option value="2">音频专题</option>
  34. <option value="1">图文专题</option>
  35. <option value="7">轻专题</option>
  36. </select>
  37. </div>
  38. </div>
  39. <button class="layui-btn layui-btn-normal layui-btn-sm" data-type="reload">搜索</button>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. <!--产品列表-->
  46. <div class="layui-col-md12">
  47. <div class="layui-card">
  48. <div class="layui-card-header">专题列表</div>
  49. <div class="layui-card-body">
  50. <div class="layui-btn-container">
  51. <button class="layui-btn layui-btn-normal layui-btn-sm" onclick="window.location.reload()"><i class="layui-icon layui-icon-refresh"></i> 刷新</button>
  52. </div>
  53. <table class="layui-hide" id="List" lay-filter="List"></table>
  54. <script type="text/html" id="image">
  55. <img style="cursor: pointer;width: 80px;height: 40px;" lay-event='open_image' src="{{d.image}}">
  56. </script>
  57. <script type="text/html" id="is_light">
  58. {{# if(d.is_light==1){ }}
  59. 轻专题
  60. {{# }else{ }}
  61. 普通专题
  62. {{# }; }}
  63. </script>
  64. <script type="text/html" id="is_show">
  65. <input type='checkbox' name='id' lay-skin='switch' value="{{d.id}}" lay-filter='is_show' lay-text='显示|隐藏' {{ d.is_show == 1 ? 'checked' : '' }}>
  66. </script>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  73. {/block}
  74. {block name="script"}
  75. <script>
  76. var special_id = <?=isset($special_id) ? $special_id : ""?>;
  77. var table_date=new Array();//用于保存当前页数据
  78. var ids=new Array(); //用于保存选中的数据
  79. //实例化form
  80. layList.form.render();
  81. var table = layui.table;
  82. table.render({
  83. elem: '#List'
  84. ,url:"{:Url('get_relation_source_list')}?special_id={$special_id}&special_type={$special_type}"
  85. ,cols: [[
  86. {type: 'checkbox'},
  87. {field: 'id', title: '编号', width:60,align:'center'},
  88. {field: 'mer_name', title: '讲师', width:80},
  89. {field: 'types', title: '类型',align:'center'},
  90. {field: 'is_light', title: '专题类别',templet:'#is_light',align:'center'},
  91. {field: 'title', title: '专题标题',align:'center'},
  92. {field: 'image', title: '封面',templet:'#image',align:'center'},
  93. ]]
  94. ,id: 'testReload'
  95. ,page: {
  96. theme: '#0092dc'
  97. }
  98. ,limit:10
  99. ,done:function (res,curr,count) {
  100. table_date=res.data;
  101. for(var i=0;i< res.data.length;i++){
  102. for (var j = 0; j < ids.length; j++) {
  103. if(res.data[i].id == ids[j].id) {
  104. res.data[i]["LAY_CHECKED"]='true';/*设置勾选*/
  105. /*找到对应数据改变勾选样式*/
  106. var index= res.data[i]['LAY_TABLE_INDEX'];
  107. $('tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);
  108. $('tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');
  109. }
  110. }
  111. if(res.data[i]["LAY_CHECKED"]){
  112. ids.push(res.data[i]);
  113. }
  114. }
  115. var checkStatus = table.checkStatus('List');/*获得选中的值 和判断是否是全选 isAll true全选 isAlL false 没有全选*/
  116. if(checkStatus.isAll){
  117. $('.layui-table-header th[data-field="0"] input[type="checkbox"]').prop('checked', true);
  118. $('.layui-table-header th[data-field="0"] div[class="layui-unselect layui-form-checkbox"]').addClass('layui-form-checked');
  119. }
  120. removeArrayRepElement(ids);
  121. $("#check_source_tmp",window.parent.document).val(JSON.stringify(ids));
  122. }
  123. });
  124. var $ = layui.$, active = {
  125. reload: function(){
  126. var demoReload = $('#demoReload');
  127. //执行重载
  128. table.reload('testReload', {
  129. page: {
  130. curr: 1 //重新从第 1 页开始
  131. }
  132. ,where: {
  133. title: demoReload.val(),
  134. type:$('#test option:selected').val(),
  135. mer_id:$('#mer_id option:selected').val()
  136. }
  137. }, 'data');
  138. }
  139. };
  140. $('.layui-btn').on('click', function(){
  141. var type = $(this).data('type');
  142. active[type] ? active[type].call(this) : '';
  143. });
  144. //删除重复
  145. function removeArrayRepElement(arr) {
  146. for (var i = 0; i < arr.length; i++) {
  147. for (var j = 0; j < arr.length; j++) {
  148. if (arr[i].id == arr[j].id && i != j) {
  149. arr.splice(j, 1);
  150. }
  151. }
  152. }
  153. return arr;
  154. }
  155. table.on('checkbox(List)', function (obj) {
  156. if(obj.checked==true){
  157. if(obj.type=='one'){
  158. ids.push(obj.data);
  159. }else{
  160. for(var i=0;i<table_date.length;i++){
  161. ids.push(table_date[i]);
  162. }
  163. }
  164. ids=removeArrayRepElement(ids);
  165. }else{
  166. if(obj.type=='one'){
  167. for(var i=0;i<ids.length;i++){
  168. if(ids[i].id==obj.data.id){
  169. ids.remove(i);
  170. }
  171. }
  172. }else{
  173. for(var i=0;i<ids.length;i++){
  174. for(var j=0;j<table_date.length;j++){
  175. if(ids[i].id==table_date[j].id){
  176. ids.remove(i);
  177. }
  178. }
  179. }
  180. }
  181. }
  182. $("#check_source_tmp",window.parent.document).val(JSON.stringify(ids));
  183. });
  184. Array.prototype.remove=function(dx){
  185. if(isNaN(dx)||dx>this.length){return false;}
  186. for(var i=0,n=0;i<this.length;i++)
  187. {
  188. if(this[i]!=this[dx]){
  189. this[n++]=this[i];
  190. }
  191. }
  192. this.length-=1;
  193. };
  194. //自定义方法
  195. var action= {
  196. //打开新添加页面
  197. open_add: function (url,title) {
  198. layer.open({
  199. type: 2 //Page层类型
  200. ,area: ['100%', '100%']
  201. ,title: title
  202. ,shade: 0.6 //遮罩透明度
  203. ,maxmin: true //允许全屏最小化
  204. ,anim: 1 //0-6的动画形式,-1不开启
  205. ,content: url
  206. ,end:function() {
  207. location.reload();
  208. }
  209. });
  210. }
  211. }
  212. </script>
  213. {/block}