123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199 |
- {extend name="public/container"}
- {block name="content"}
- <div class="layui-fluid">
- <div class="layui-row layui-col-space15" id="app">
- <div class="layui-col-md12">
- <div class="layui-card">
- <div class="layui-card-header">搜索条件</div>
- <div class="layui-card-body">
- <div class="layui-form layui-form-pane">
- <div class="layui-form-item">
- <div class="layui-inline">
- <label class="layui-form-label">专题名称</label>
- <div class="layui-input-inline">
- <input type="text" autocomplete="off" class="layui-input" name="title" id="demoReload" placeholder="请输入专题名称">
- </div>
- </div>
- <div class="layui-inline">
- <label class="layui-form-label">讲师</label>
- <div class="layui-input-inline">
- <select name="mer_id" id="mer_id">
- <option value="">全部</option>
- <option value="0">总平台</option>
- {volist name='mer_list' id='vc'}
- <option value="{$vc.id}">{$vc.mer_name}</option>
- {/volist}
- </select>
- </div>
- </div>
- <div class="layui-inline">
- <label class="layui-form-label">专题类型</label>
- <div class="layui-input-inline">
- <select name="type" id="test">
- <option value="">全部</option>
- <option value="1">图文专题</option>
- <option value="2">音频专题</option>
- <option value="3">视频专题</option>
- <option value="5">专栏专题</option>
- <option value="6">轻专题</option>
- </select>
- </div>
- </div>
- <div class="layui-inline">
- <button type="button" class="layui-btn layui-btn-normal layui-btn-sm" data-type="reload">搜索</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--产品列表-->
- <div class="layui-col-md12">
- <div class="layui-card">
- <div class="layui-card-header">专题列表</div>
- <div class="layui-card-body">
- <div class="layui-btn-container">
- <button class="layui-btn layui-btn-normal layui-btn-sm" onclick="window.location.reload()"><i class="layui-icon layui-icon-refresh"></i> 刷新</button>
- </div>
- <table class="layui-hide" id="List" lay-filter="List"></table>
- <script type="text/html" id="image">
- <img style="cursor: pointer;width: 80px;height: 40px;" lay-event='open_image' src="{{d.image}}">
- </script>
- <script type="text/html" id="is_light">
- {{# if(d.is_light==1){ }}
- 轻专题
- {{# }else{ }}
- 普通专题
- {{# }; }}
- </script>
- <script type="text/html" id="is_show">
- <input type='checkbox' name='id' lay-skin='switch' value="{{d.id}}" lay-filter='is_show' lay-text='显示|隐藏' {{ d.is_show == 1 ? 'checked' : '' }}>
- </script>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script src="{__ADMIN_PATH}js/layuiList.js"></script>
- {/block}
- {block name="script"}
- <script>
- var table_date=new Array();//用于保存当前页数据
- var ids=new Array(); //用于保存选中的数据
- //实例化form
- layList.form.render();
- var table = layui.table;
- table.render({
- elem: '#List'
- ,url:"{:Url('special.special_type/get_relation_source_list')}?special_id=0&special_type=7"
- ,cols: [[
- {type: 'checkbox'},
- {field: 'id', title: '编号', width:60,align: 'center'},
- {field: 'mer_name', title: '讲师', width:80},
- {field: 'types', title: '类型',align: 'center'},
- {field: 'is_light', title: '专题类别',templet:'#is_light',align:'center'},
- {field: 'title', title: '专题标题',align: 'center'},
- {field: 'image', title: '封面',templet:'#image',align: 'center'},
- ]]
- ,id: 'testReload'
- ,page: {
- theme: '#0092dc'
- }
- ,limit:10
- ,done:function (res,curr,count) {
- table_date=res.data;
- for(var i=0;i< res.data.length;i++){
- if(ids.length>0){
- for (var j = 0; j < ids.length; j++) {
- if(res.data[i].id == ids[j].id) {
- res.data[i]["LAY_CHECKED"]='true';/*设置勾选*/
- /*找到对应数据改变勾选样式*/
- var index= res.data[i]['LAY_TABLE_INDEX'];
- $('tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);
- $('tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');
- }
- }
- }
- }
- var checkStatus = table.checkStatus('List');/*获得选中的值 和判断是否是全选 isAll true全选 isAlL false 没有全选*/
- if(checkStatus.isAll){
- $('.layui-table-header th[data-field="0"] input[type="checkbox"]').prop('checked', true);
- $('.layui-table-header th[data-field="0"] div[class="layui-unselect layui-form-checkbox"]').addClass('layui-form-checked');
- }
- removeArrayRepElement(ids);
- $("#check_source_tmp",window.parent.document).val(JSON.stringify(ids));
- }
- });
- var $ = layui.$, active = {
- reload: function(){
- var demoReload = $('#demoReload');
- //执行重载
- table.reload('testReload', {
- page: {
- curr: 1 //重新从第 1 页开始
- }
- ,where: {
- title: demoReload.val(),
- type:$('#test option:selected').val(),
- mer_id:$('#mer_id option:selected').val()
- }
- }, 'data');
- }
- };
- $('.layui-btn').on('click', function(){
- var type = $(this).data('type');
- active[type] ? active[type].call(this) : '';
- });
- //删除重复
- function removeArrayRepElement(arr) {
- for (var i = 0; i < arr.length; i++) {
- for (var j = 0; j < arr.length; j++) {
- if (arr[i].id == arr[j].id && i != j) {
- arr.splice(j, 1);
- }
- }
- }
- return arr;
- }
- table.on('checkbox(List)', function (obj) {
- if(obj.checked==true){
- if(obj.type=='one'){
- ids.push(obj.data);
- }else{
- for(var i=0;i<table_date.length;i++){
- ids.push(table_date[i]);
- }
- }
- ids=removeArrayRepElement(ids);
- }else{
- if(obj.type=='one'){
- for(var i=0;i<ids.length;i++){
- if(ids[i].id==obj.data.id){
- ids.remove(i);
- }
- }
- }else{
- for(var i=0;i<ids.length;i++){
- for(var j=0;j<table_date.length;j++){
- if(ids[i].id==table_date[j].id){
- ids.remove(i);
- }
- }
- }
- }
- }
- $("#check_source_tmp",window.parent.document).val(JSON.stringify(ids));
- });
- Array.prototype.remove=function(dx){
- if(isNaN(dx)||dx>this.length){return false;}
- for(var i=0,n=0;i<this.length;i++)
- {
- if(this[i]!=this[dx]){
- this[n++]=this[i];
- }
- }
- this.length-=1;
- };
- </script>
- {/block}
|