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.
190 lines
7.4 KiB
190 lines
7.4 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-body">
|
||
|
|
<div class="layui-form layui-form-pane">
|
||
|
|
<div class="layui-form-item">
|
||
|
|
素材名称：
|
||
|
|
<div class="layui-inline">
|
||
|
|
<input class="layui-input" name="title" id="demoReload" placeholder="请输入素材名称">
|
||
|
|
</div>
|
||
|
|
<div class="layui-inline">
|
||
|
|
<label class="layui-form-label">素材分类</label>
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<select name="pid" id="test">
|
||
|
|
<option value="">全部</option>
|
||
|
|
{volist name="cateList" id="vo"}
|
||
|
|
<option value="{$vo.id}">{$vo.html}{$vo.title}</option>
|
||
|
|
{/volist}
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<button class="layui-btn layui-btn-normal layui-btn-sm" data-type="reload">搜索</button>
|
||
|
|
<button class="layui-btn layui-btn-normal layui-btn-sm" onclick="window.location.reload()"><i class="layui-icon layui-icon-refresh"></i> 刷新</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</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">
|
||
|
|
<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}"
|
||
|
|
,cols: [[
|
||
|
|
{type: 'checkbox'},
|
||
|
|
{field: 'id', title: '编号', width:60,align:'center'},
|
||
|
|
{field: 'types', title: '类型',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++){
|
||
|
|
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');
|
||
|
|
var test = $('#test');
|
||
|
|
//执行重载
|
||
|
|
table.reload('testReload', {
|
||
|
|
page: {
|
||
|
|
curr: 1 //重新从第 1 页开始
|
||
|
|
}
|
||
|
|
,where: {
|
||
|
|
title: demoReload.val(),
|
||
|
|
pid: test.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}
|