yunzerwebsite/yunzer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新后端内容

Browse Source
This commit is contained in:
云泽网
2025-05-16 00:35:41 +08:00
parent bfa37897b0
commit 9aeaf40ad3
7 changed files with 1136 additions and 393 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/admin/view/article/articlelist.php
+114 -55
View File
@@ -1,8 +1,25 @@
{include file="public/header" /}
<div class="config-container">
<div class="config-header" style="display:flex;justify-content: space-between;">
<div>
<div style="display: flex; align-items: center;">
<span>文章列表</span>
<div class="shaixuan">
<label>筛选：</label>
<div class="layui-form">
<div class="layui-input-inline">
<select id="categoryFilter" lay-filter="categoryFilter" lay-verify="">
<option value="">全部分类</option>
{volist name="categories" id="category"}
<optgroup label="{$category.name}">
{volist name="category.children" id="subCategory"}
<option value="{$subCategory.id}">{$subCategory.name}</option>
{/volist}
</optgroup>
{/volist}
</select>
</div>
</div>
</div>
</div>
<div>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm" onclick="add()">
@@ -14,77 +31,119 @@
</div>
</div>
<table class="layui-table">
<thead>
<tr>
<th width="20">ID</th>
<th>标题</th>
<th>分类</th>
<th>封面</th>
<th>作者</th>
<th>状态</th>
<th>发布时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{volist name="lists" id='vo'}
<tr>
<td>{$vo.id}</td>
<td>{$vo.title}</td>
<td>{$vo.cate}</td>
<td>
{if condition="$vo.image"}
<img src="{$vo.image}" style="max-width: 50px; max-height: 50px;">
{/if}
</td>
<td>{$vo.author}</td>
<td>
{switch name="vo.status"}
{case value="0"}<span style="color:red;">草稿</span>{/case}
{case value="1"}<span style="color:orange;">待审核</span>{/case}
{case value="2"}<span style="color:green;">已发布</span>{/case}
{case value="3"}<span style="color:gray;">隐藏</span>{/case}
{/switch}
</td>
<td>{$vo.publishdate}</td>
<td>
<button type="button" class="layui-btn layui-btn-primary layui-btn-xs" onclick="edit({$vo.id})">
<i class="layui-icon layui-icon-edit"></i>编辑
</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-xs" onclick="del({$vo.id})">
<i class="layui-icon layui-icon-delete"></i>删除
</button>
</td>
</tr>
{/volist}
</tbody>
</table>
<table id="articleTable" lay-filter="articleTable"></table>
</div>
<script type="text/html" id="imageTemplate">
{{# if(d.image){ }}
<img src="{{ d.image }}" style="max-width: 50px; max-height: 50px;">
{{# } }}
</script>
<script type="text/html" id="statusTemplate">
{{# if(d.status === 0){ }}
<span style="color:red;">草稿</span>
{{# } else if(d.status === 1){ }}
<span style="color:orange;">待审核</span>
{{# } else if(d.status === 2){ }}
<span style="color:green;">已发布</span>
{{# } else if(d.status === 3){ }}
<span style="color:gray;">隐藏</span>
{{# } }}
</script>
<script type="text/html" id="operationBar">
<button type="button" class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">
<i class="layui-icon layui-icon-edit"></i>编辑
</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-xs" lay-event="del">
<i class="layui-icon layui-icon-delete"></i>删除
</button>
</script>
<script type="text/javascript">
layui.use(['layer'], function () {
layer = layui.layer;
$ = layui.jquery;
layui.use(['layer', 'form', 'table'], function () {
var layer = layui.layer;
var $ = layui.jquery;
var form = layui.form;
var table = layui.table;
// 初始化表格
table.render({
elem: '#articleTable',
url: '/admin/article/articlelist',
method: 'post',
cols: [[
{field: 'id', title: 'ID', align:'center', width: 80},
{field: 'title', title: '标题'},
{field: 'cate', title: '分类', align:'center', width: 180},
{field: 'image', title: '封面', templet: '#imageTemplate', align:'center', width: 180},
{field: 'author', title: '作者', align:'center', width: 120},
{field: 'status', title: '状态', templet: '#statusTemplate', align:'center', width: 80},
{field: 'publishdate', title: '发布时间', align:'center', width: 180},
{title: '操作', toolbar: '#operationBar', align:'center', width: 150}
]],
page: true,
limit: 20,
limits: [10, 20, 30, 50],
//height: 'full-220'
});
// 监听工具条事件
table.on('tool(articleTable)', function(obj){
var data = obj.data;
if(obj.event === 'edit'){
edit(data.id);
} else if(obj.event === 'del'){
del(data.id);
}
});
// 监听分类筛选变化
form.on('select(categoryFilter)', function(data){
filterByCategory(data.value);
});
});
function filterByCategory(categoryId) {
if (!categoryId) {
layui.table.reload('articleTable', {
where: {},
page: {
curr: 1
}
});
return;
}
var categoryName = $('#categoryFilter option[value="' + categoryId + '"]').text();
layui.table.reload('articleTable', {
where: {
category: categoryName
},
page: {
curr: 1
}
});
}
function add() {
window.location.href = '{:url("article/add")}';
window.location.href = '/admin/article/add';
}
function edit(id) {
window.location.href = '{:url("article/edit")}?id=' + id;
window.location.href = '/admin/article/edit?id=' + id;
}
function del(id) {
layer.confirm('确定要删除该文章吗？', {
btn: ['确定', '取消']
}, function () {
$.post('{:url("article/delete")}', { id: id }, function (res) {
$.post('/admin/article/delete', { id: id }, function (res) {
if (res.code == 0) {
layer.msg(res.msg, { icon: 1 });
setTimeout(function () {
window.location.reload();
layui.table.reload('articleTable');
}, 1000);
} else {
layer.msg(res.msg, { icon: 2 });
@@ -94,6 +153,6 @@
}
function refresh() {
window.location.reload();
layui.table.reload('articleTable');
}
</script>