You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
178 lines
6.9 KiB
178 lines
6.9 KiB
10 months ago
|
{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-inline">
|
||
|
|
<input class="layui-input" name="title" id="demoReload" placeholder="请输入素材名称">
|
||
|
|
</div>
|
||
|
|
<button class="layui-btn" data-type="reload">搜索</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--产品列表-->
|
||
|
|
<div class="layui-col-md12">
|
||
|
|
<div class="layui-card">
|
||
|
|
<div class="layui-card-header">{$special_title}素材列表</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_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 special_id = <?=isset($special_id) ? $special_id : ""?>;
|
||
|
|
var table_date=new Array();//用于保存当前页数据
|
||
|
|
var ids=new Array(); //用于保存选中的数据
|
||
|
|
//实例化form
|
||
|
|
layList.form.render();
|
||
|
|
var table = layui.table;
|
||
|
|
table.render({
|
||
|
|
elem: '#List'
|
||
|
|
,url:"{:Url('source_list')}?special_id={$special_id}&special_type={$special_type}"
|
||
|
|
,toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
|
||
|
|
,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
|
||
|
|
title: '提示'
|
||
|
|
,layEvent: 'LAYTABLE_TIPS'
|
||
|
|
,icon: 'layui-icon-tips'
|
||
|
|
}]
|
||
|
|
,cols: [[
|
||
|
|
{type: 'checkbox'},
|
||
|
|
{field: 'id', title: '编号', sort: true,event:'id',align:'center'},
|
||
|
|
{field: 'title', title: '素材标题',align:'center'},
|
||
|
|
{field: 'image', title: '封面',templet:'#image',align:'center'},
|
||
|
|
]]
|
||
|
|
,id: 'testReload'
|
||
|
|
,page: true
|
||
|
|
,done:function (res,curr,count) {
|
||
|
|
table_date=res.data;
|
||
|
|
for(var i=0;i< res.data.length;i++){
|
||
|
|
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');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if(res.data[i]["LAY_CHECKED"]){
|
||
|
|
ids.push(res.data[i]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
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()
|
||
|
|
}
|
||
|
|
}, '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;
|
||
|
|
};
|
||
|
|
//自定义方法
|
||
|
|
var action= {
|
||
|
|
//打开新添加页面
|
||
|
|
open_add: function (url,title) {
|
||
|
|
layer.open({
|
||
|
|
type: 2 //Page层类型
|
||
|
|
,area: ['100%', '100%']
|
||
|
|
,title: title
|
||
|
|
,shade: 0.6 //遮罩透明度
|
||
|
|
,maxmin: true //允许全屏最小化
|
||
|
|
,anim: 1 //0-6的动画形式，-1不开启
|
||
|
|
,content: url
|
||
|
|
,end:function() {
|
||
|
|
location.reload();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
{/block}
|