download.php 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  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. <div class="layui-inline">
  12. <label class="layui-form-label">资料名称</label>
  13. <div class="layui-input-inline">
  14. <input type="text" autocomplete="off" class="layui-input" name="title" id="demoReload" placeholder="请输入资料名称">
  15. </div>
  16. </div>
  17. <div class="layui-inline">
  18. <label class="layui-form-label">讲师</label>
  19. <div class="layui-input-inline">
  20. <select name="mer_id" id="test">
  21. <option value="">全部</option>
  22. <option value="0">总平台</option>
  23. {volist name='mer_list' id='vc'}
  24. <option value="{$vc.id}">{$vc.mer_name}</option>
  25. {/volist}
  26. </select>
  27. </div>
  28. </div>
  29. <div class="layui-inline">
  30. <button type="button" class="layui-btn layui-btn-normal layui-btn-sm" data-type="reload">搜索</button>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37. <!--资料列表-->
  38. <div class="layui-col-md12">
  39. <div class="layui-card">
  40. <div class="layui-card-header">资料列表</div>
  41. <div class="layui-card-body">
  42. <div class="layui-btn-container">
  43. <button class="layui-btn layui-btn-normal layui-btn-sm" onclick="window.location.reload()"><i class="layui-icon layui-icon-refresh"></i> 刷新</button>
  44. </div>
  45. <table class="layui-hide" id="List" lay-filter="List"></table>
  46. </div>
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  52. {/block}
  53. {block name="script"}
  54. <script>
  55. var table_date=new Array();//用于保存当前页数据
  56. var ids=new Array(); //用于保存选中的数据
  57. var id={$id},relationship={$relationship};
  58. //实例化form
  59. layList.form.render();
  60. var table = layui.table;
  61. table.render({
  62. elem: '#List'
  63. ,url:"{:Url('special.special_type/getDataDownloadList')}?data_id="+id+"&relationship="+relationship
  64. ,cols: [[
  65. {type: 'checkbox'},
  66. {field: 'id', title: '编号', width:60},
  67. {field: 'mer_name', title: '讲师', width:80},
  68. {field: 'title', title: '资料标题'},
  69. ]]
  70. ,id: 'testReload'
  71. ,page: {
  72. theme: '#0092dc'
  73. }
  74. ,limit:10
  75. ,done:function (res,curr,count) {
  76. table_date=res.data;
  77. for(var i=0;i< res.data.length;i++){
  78. if(ids.length>0){
  79. for (var j = 0; j < ids.length; j++) {
  80. if(res.data[i].id == ids[j].id) {
  81. res.data[i]["LAY_CHECKED"]='true';/*设置勾选*/
  82. /*找到对应数据改变勾选样式*/
  83. var index= res.data[i]['LAY_TABLE_INDEX'];
  84. $('tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);
  85. $('tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');
  86. }
  87. }
  88. }
  89. }
  90. var checkStatus = table.checkStatus('List');/*获得选中的值 和判断是否是全选 isAll true全选 isAlL false 没有全选*/
  91. if(checkStatus.isAll){
  92. $('.layui-table-header th[data-field="0"] input[type="checkbox"]').prop('checked', true);
  93. $('.layui-table-header th[data-field="0"] div[class="layui-unselect layui-form-checkbox"]').addClass('layui-form-checked');
  94. }
  95. removeArrayRepElement(ids);
  96. $("#check_source_tmp",window.parent.document).val(JSON.stringify(ids));
  97. }
  98. });
  99. var $ = layui.$, active = {
  100. reload: function(){
  101. var demoReload = $('#demoReload');
  102. //执行重载
  103. table.reload('testReload', {
  104. page: {
  105. curr: 1 //重新从第 1 页开始
  106. }
  107. ,where: {
  108. title: demoReload.val(),
  109. mer_id:$('#test option:selected').val()
  110. }
  111. }, 'data');
  112. }
  113. };
  114. $('.layui-btn').on('click', function(){
  115. var type = $(this).data('type');
  116. active[type] ? active[type].call(this) : '';
  117. });
  118. //删除重复
  119. function removeArrayRepElement(arr) {
  120. for (var i = 0; i < arr.length; i++) {
  121. for (var j = 0; j < arr.length; j++) {
  122. if (arr[i].id == arr[j].id && i != j) {
  123. arr.splice(j, 1);
  124. }
  125. }
  126. }
  127. return arr;
  128. }
  129. table.on('checkbox(List)', function (obj) {
  130. if(obj.checked==true){
  131. if(obj.type=='one'){
  132. ids.push(obj.data);
  133. }else{
  134. for(var i=0;i<table_date.length;i++){
  135. ids.push(table_date[i]);
  136. }
  137. }
  138. ids=removeArrayRepElement(ids);
  139. }else{
  140. if(obj.type=='one'){
  141. for(var i=0;i<ids.length;i++){
  142. if(ids[i].id==obj.data.id){
  143. ids.remove(i);
  144. }
  145. }
  146. }else{
  147. for(var i=0;i<ids.length;i++){
  148. for(var j=0;j<table_date.length;j++){
  149. if(ids[i].id==table_date[j].id){
  150. ids.remove(i);
  151. }
  152. }
  153. }
  154. }
  155. }
  156. $("#check_source_tmp",window.parent.document).val(JSON.stringify(ids));
  157. });
  158. Array.prototype.remove=function(dx){
  159. if(isNaN(dx)||dx>this.length){return false;}
  160. for(var i=0,n=0;i<this.length;i++)
  161. {
  162. if(this[i]!=this[dx]){
  163. this[n++]=this[i];
  164. }
  165. }
  166. this.length-=1;
  167. };
  168. </script>
  169. {/block}