165 lines
6.8 KiB
HTML
Executable File
165 lines
6.8 KiB
HTML
Executable File
{include file="Public:header2"/}
|
|
|
|
<body>
|
|
<div class="layui-fluid">
|
|
<div class="layui-card">
|
|
<div class="layui-card-body">
|
|
<xblock>
|
|
<!-- 搜索表单 (设为 inline) -->
|
|
<form class="layui-form layui-inline" action="" method="get" style="margin-right: 10px;">
|
|
<div class="layui-inline">
|
|
<select name="type_id" lay-filter="type_id">
|
|
<option value="">全部类型</option>
|
|
{if !empty($types)}
|
|
{volist name="types" id="type"}
|
|
<option value="{$type.id}" {if $typeId eq $type.id}selected{/if}>{$type.name}</option>
|
|
{/volist}
|
|
{/if}
|
|
</select>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<button class="layui-btn" lay-submit lay-filter="sreach"><i
|
|
class="layui-icon"></i></button>
|
|
</div>
|
|
</form>
|
|
|
|
<!-- 只保留 查看全部类型 和 添加轮播图 按钮 -->
|
|
<div class="layui-inline">
|
|
<button type="button" class="layui-btn layui-btn-primary" id="view-all-types-btn"
|
|
onclick="show_all_types()"><i class="layui-icon layui-icon-list"></i>查看全部类型</button>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<a class="layui-btn" onclick="advert_add()">添加轮播图</a>
|
|
</div>
|
|
|
|
<!-- 统计信息 (保持浮动) -->
|
|
<span style="line-height:40px;float:right;">共有数据： {$count}条</span>
|
|
|
|
<!-- 清除浮动，确保下方表格布局正常 -->
|
|
<div style="clear: both;"></div>
|
|
</xblock>
|
|
<table class="layui-table">
|
|
<thead>
|
|
<tr>
|
|
<th>类型</th>
|
|
<th>图片</th>
|
|
<th>排序值</th>
|
|
<th>操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{volist name="list" id="vo"}
|
|
<tr>
|
|
<td>
|
|
{if $vo->advertType}
|
|
<button
|
|
class="layui-btn layui-btn-info layui-btn-radius layui-btn-sm">{$vo->advertType->name}</button>
|
|
{else}
|
|
<button
|
|
class="layui-btn layui-btn-disabled layui-btn-radius layui-btn-sm">未知类型({$vo.type})</button>
|
|
{/if}
|
|
</td>
|
|
<td><img src="{PHP} echo imageUrl($vo['imgurl']){/php}" style="height:60px;"></td>
|
|
<td>{$vo['sort']}</td>
|
|
<td>
|
|
<a style="text-decoration:none" title="编辑" onclick="advert_edit({$vo.id})"
|
|
class="layui-btn layui-btn-normal layui-btn-xs">
|
|
<i class="layui-icon layui-icon-edit"></i>编辑
|
|
</a>
|
|
<a style="text-decoration:none" title="删除" onClick="del({$vo.id},2)"
|
|
class="layui-btn layui-btn-xs layui-btn-danger">
|
|
<i class="layui-icon"></i>删除
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
{/volist}
|
|
{if $list->isEmpty()}
|
|
<tr>
|
|
<td colspan='4' style="text-align:center;">暂时没有数据！</td>
|
|
</tr>
|
|
{/if}
|
|
</tbody>
|
|
</table>
|
|
<div class="my_page layui-box layui-laypage layui-laypage-default">
|
|
{$list->render()|raw}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{include file="Public:footer"/}
|
|
<script type="text/javascript">
|
|
layui.use(['table', 'form', 'layer'], function () { // 移除 form 和 layer 依赖如果不再需要
|
|
var table = layui.table;
|
|
var form = layui.form; // 保留 form 用于 select 渲染
|
|
var layer = layui.layer;
|
|
var $ = layui.$; // 获取 jQuery
|
|
|
|
});
|
|
|
|
|
|
//添加轮播图
|
|
function advert_add() {
|
|
var url = "{:url('/admin/advert_add')}";
|
|
layer.open({
|
|
type: 2,
|
|
title: '添加轮播图',
|
|
shadeClose: false,
|
|
shade: 0.3,
|
|
area: ['50%', '80%'],
|
|
content: url,
|
|
});
|
|
}
|
|
|
|
//编辑轮播图
|
|
function advert_edit(id) {
|
|
var url = "{:url('/admin/advert_edit?id=" + id + "')}";
|
|
layer.open({
|
|
type: 2,
|
|
title: '编辑轮播图',
|
|
shadeClose: false,
|
|
shade: 0.3,
|
|
area: ['50%', '80%'],
|
|
content: url,
|
|
});
|
|
}
|
|
|
|
//查看全部类型 (保留)
|
|
function show_all_types() {
|
|
var url = "{:url('/admin/advert_type/list_all')}";
|
|
layer.open({
|
|
type: 2,
|
|
title: '全部轮播图类型管理',
|
|
shadeClose: true,
|
|
shade: 0.6,
|
|
area: ['700px', '85%'], // 可适当调整弹窗大小
|
|
content: url,
|
|
end: function () {
|
|
location.reload();
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
//上下架、删除
|
|
function del(id, type) {
|
|
layer.confirm('确认要删除吗？', function () {
|
|
var url = "{:url('/admin/advert_del')}";
|
|
var load = layer.load(2);
|
|
var $ = layui.$;
|
|
$.post(url, { "id": id, 'type': type }, function (data) {
|
|
if (data.status == 1) {
|
|
layer.msg(data.msg, { icon: 1, time: 1000 }, function () {
|
|
location.reload();
|
|
});
|
|
} else {
|
|
layer.msg(data.msg, { icon: 2, anim: 6, time: 1500 }, function () {
|
|
layer.close(load);
|
|
});
|
|
}
|
|
})
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html> |