peihaoyu/TaoLer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
868797f0bb
TaoLer/app/admin/view/content/forum/index.html

363 lines
16 KiB
HTML
Raw Normal View History

ADMIN UI
2023-03-16 22:40:15 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用户管理</title>
<link rel="stylesheet" href="/static/component/pear/css/pear.css" />
</head>
2.2.10
2023-05-05 12:03:45 +08:00
<body class="pear-container">
<div class="layui-card">
<div class="layui-card-body">
<form class="layui-form" action="">
comment
2023-07-03 12:50:57 +08:00
<div class="layui-row layui-col-space15 ">
<div class="layui-col-md3">
<label class="layui-form-label">选择类目</label>
<div class="layui-input-block">
<div id="CateId" class="xm-select-demo"></div>
</div>
</div>
<div class="layui-col-md3">
2.2.10
2023-05-05 12:03:45 +08:00
<label class="layui-form-label">帖子ID</label>
<div class="layui-input-block">
<input type="text" name="id" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
ADMIN UI
2023-03-16 22:40:15 +08:00
</div>
comment
2023-07-03 12:50:57 +08:00
<div class="layui-col-md3">
2.2.10
2023-05-05 12:03:45 +08:00
<label class="layui-form-label">发帖人</label>
<div class="layui-input-block">
<input type="text" name="name" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
ADMIN UI
2023-03-16 22:40:15 +08:00
</div>
comment
2023-07-03 12:50:57 +08:00
<div class="layui-col-md3">
2.2.10
2023-05-05 12:03:45 +08:00
<label class="layui-form-label">标题</label>
<div class="layui-input-block">
<input type="text" name="title" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
ADMIN UI
2023-03-16 22:40:15 +08:00
</div>
comment
2023-07-03 12:50:57 +08:00
<div class="layui-col-md3">
2.2.10
2023-05-05 12:03:45 +08:00
<label class="layui-form-label">状态</label>
<div class="layui-input-block">
<select name="sec">
<option value="">选择状态</option>
<option value="1">正常</option>
<option value="5">禁止</option>
<option value="6">待审</option>
<option value="2">置顶</option>
<option value="3">加精</option>
<option value="4">禁评</option>
</select>
</div>
ADMIN UI
2023-03-16 22:40:15 +08:00
</div>
comment
2023-07-03 12:50:57 +08:00
<div class="layui-col-md3">
2.2.10
2023-05-05 12:03:45 +08:00
<button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="forum-query">
<i class="layui-icon layui-icon-search"></i>
查询
</button>
<button type="reset" class="pear-btn pear-btn-md">
<i class="layui-icon layui-icon-refresh"></i>
重置
</button>
</div>
</div>
</form>
ADMIN UI
2023-03-16 22:40:15 +08:00
</div>
2.2.10
2023-05-05 12:03:45 +08:00
</div>
ADMIN UI
2023-03-16 22:40:15 +08:00
<div class="layui-card">
<div class="layui-card-body">
<table id="forum-table" lay-filter="forum-table" ></table>
</div>
</div>
<script type="text/html" id="forum-toolbar">
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
<i class="layui-icon layui-icon-add-1"></i>
新增
</button>
<button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove">
<i class="layui-icon layui-icon-delete"></i>
删除
</button>
</script>
<script type="text/html" id="avatarTpl">
<div><img style="width: 25px; height: 25px;" src= "{{ d.avatar }}"></div>
</script>
<script type="text/html" id="forum-istop">
<input type="checkbox" name="is_top" value="{{d.id}}" lay-skin="switch" lay-text="是|否" lay-filter="isTop" {{ d.top == 1 ? 'checked' : '' }}>
</script>
<script type="text/html" id="buttonHot">
<input type="checkbox" name="is_hot" value="{{d.id}}" lay-skin="switch" lay-text="是|否" lay-filter="isHot" {{ d.hot == 1 ? 'checked' : '' }}>
</script>
<script type="text/html" id="buttonReply">
<input type="checkbox" name="is_reply" value="{{d.id}}" lay-skin="switch" lay-text="是|否" lay-filter="isReply" {{ d.reply == 0 ? 'checked' : '' }}>
</script>
<script type="text/html" id="buttonCheck">
<input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-filter="artStatus" lay-text="通过|{{ d.check == 0 ? '待审' : '禁止' }}" {{ d.check == 1 ? 'checked' : '' }}>
</script>
<script type="text/html" id="forum-table-bar">
<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></button>
<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button>
</script>
<script src="/static/component/layui/layui.js"></script>
<script src="/static/component/pear/pear.js"></script>
<script>
const FORUM_List = "{:url('content.forum/list')}";
适配编辑器
2023-04-23 10:36:27 +08:00
comment
2023-07-03 12:50:57 +08:00
layui.use(['toast','jquery','form', 'table','common','xmSelect'], function(){
ADMIN UI
2023-03-16 22:40:15 +08:00
var $ = layui.jquery
,form = layui.form
,table = layui.table;
let common = layui.common;
适配编辑器
2023-04-23 10:36:27 +08:00
var toast = layui.toast;
comment
2023-07-03 12:50:57 +08:00
var xmSelect = layui.xmSelect;
适配编辑器
2023-04-23 10:36:27 +08:00
//如果你是采用模版自带的编辑器，你需要开启以下语句来解析。
var taonystatus = "{:hook('taonystatus')}";
// 编辑器插件启用状态
var isShow = taonystatus ? false : true;
ADMIN UI
2023-03-16 22:40:15 +08:00
let cols = [
[
{type: 'checkbox'}
,{field: 'id', width: 60, title: 'ID', sort: true}
,{field: 'avatar', title: '头像', width: 60, templet: '#avatarTpl'}
规划插件目录
2023-03-16 22:54:11 +08:00
,{field: 'poster', title: '账号',width: 80}
ADMIN UI
2023-03-16 22:40:15 +08:00
,{field: 'title', title: '标题', minWidth: 180,templet: '<div><a href="{{- d.url }}" target="_blank">{{- d.title }}</a></div>'}
comment
2023-07-03 12:50:57 +08:00
,{field: 'cate', title: '类别', width: 120}
ADMIN UI
2023-03-16 22:40:15 +08:00
,{field: 'content', title: '内容', 'escape':false, minWidth: 200}
,{field: 'posttime', title: '时间',width: 120, sort: true}
,{field: 'top', title: '置顶', templet: '#forum-istop', width: 80, align: 'center'}
,{field: 'hot', title: '加精', templet: '#buttonHot', width: 80, align: 'center'}
,{field: 'reply', title: '禁评', templet: '#buttonReply', width: 80, align: 'center'}
,{field: 'check', title: '审帖', templet: '#buttonCheck', width: 95, align: 'center'}
,{title: '操作', width: 110, align: 'center', toolbar: '#forum-table-bar'}
]
];
table.render({
elem: '#forum-table',
url: FORUM_List,
page: true,
cols: cols,
skin: 'line',
toolbar: '#forum-toolbar',
defaultToolbar: [{
title: '刷新',
layEvent: 'refresh',
icon: 'layui-icon-refresh',
}, 'filter', 'print', 'exports']
});
comment
2023-07-03 12:50:57 +08:00
// 动态分类
function getSelectCate() {
// 分类选择
$.get("{:url('content.forum/getCateList')}", function(res){
// 渲染下拉树
xmSelect.render({
el: '#CateId',
name: 'cate_id',
height: '250px',
nav&top
2023-07-03 12:52:34 +08:00
layVerify: '',
comment
2023-07-03 12:50:57 +08:00
layVerType: 'tips',
data: res.data,
nav&top
2023-07-03 12:52:34 +08:00
initValue: [],
comment
2023-07-03 12:50:57 +08:00
model: {label: {type: 'text'}},
prop: {
name: 'catename',
value: 'id'
},
radio: true,
clickClose: true,
tree: {
show: true,
indent: 15,
strict: false,
expandedKeys: true
},
tips: '请选择'
});
});
}
getSelectCate();
ADMIN UI
2023-03-16 22:40:15 +08:00
table.on('tool(forum-table)', function(obj) {
if (obj.event === 'remove') {
window.remove(obj);
} else if (obj.event === 'edit') {
window.edit(obj);
}
});
table.on('toolbar(forum-table)', function(obj) {
if (obj.event === 'add') {
window.add();
} else if (obj.event === 'refresh') {
window.refresh();
} else if (obj.event === 'batchRemove') {
window.batchRemove(obj);
}
});
form.on('submit(forum-query)', function(data) {
table.reload('forum-table', {
nav&top
2023-07-03 12:52:34 +08:00
where: data.field,
page: {
curr: 1 //重新从第 1 页开始
}
ADMIN UI
2023-03-16 22:40:15 +08:00
})
return false;
});
// 监听置顶
form.on('switch(isTop)', function(obj){
$.post("{:url('content.forum/check')}",{id:obj.value, name:obj.elem.name,value:obj.elem.checked ? 1 : 0},function(res){
layer.tips(obj.value + ' ' + obj.elem.name + '：'+ obj.elem.checked, obj.othis);
});
});
// 监听加精
form.on('switch(isHot)', function(obj){
$.post("{:url('content.forum/check')}",{id:obj.value, name:obj.elem.name,value: obj.elem.checked ? 1 : 0},function(res){
layer.tips(obj.value + ' ' + obj.elem.name + '：'+ obj.elem.checked, obj.othis);
});
});
// 监听回复
form.on('switch(isReply)', function(obj){
$.post("{:url('content.forum/check')}",{id:obj.value, name:obj.elem.name,value: obj.elem.checked ? 0 : 1},function(res){
layer.tips(obj.value + ' ' + obj.elem.name + '：'+ obj.elem.checked, obj.othis);
});
});
// 监听审贴
form.on('switch(artStatus)', function(obj){
//layer.tips(obj.value + ' ' + obj.elem.name + '：'+ obj.elem.checked, obj.othis);
$.post("{:url('content.forum/check')}",{id:obj.value, name:obj.elem.name,value: obj.elem.checked ? 1 : -1},function(res){
2.2.5
2023-05-05 11:58:42 +08:00
if(res.code === 0){
ADMIN UI
2023-03-16 22:40:15 +08:00
layer.msg(res.msg,{icon:res.icon,time:2000})
} else {
layer.open({title:'审核失败',content:res.msg,icon:5,adim:6})
}
});
});
window.add = function() {
适配编辑器
2023-04-23 10:36:27 +08:00
if(isShow) {
toast.info({title: '信息',message: '编辑器插件未开启或未安装',position: 'topRight'});
return false;
}
ADMIN UI
2023-03-16 22:40:15 +08:00
layer.open({
type: 2,
title: '新增',
shade: 0.1,
area: [common.isModile()?'100%':'100%', common.isModile()?'100%':'100%'],
content: 'add.html'
});
}
window.edit = function(obj) {
适配编辑器
2023-04-23 10:36:27 +08:00
if(isShow) {
toast.info({title: '信息',message: '编辑器插件未开启或未安装',position: 'topRight'});
return false;
}
ADMIN UI
2023-03-16 22:40:15 +08:00
layer.open({
type: 2,
title: '修改',
shade: 0.1,
area: ['100%', '100%'],
content: 'edit.html?id=' + obj.data.id
});
}
// $(document).on('focusin', function(e) {
// if ($(e.target).closest(".tox-tinymce, .tox-tinymce-aux, .moxman-window, .tam-assetmanager-root").length) {
// e.stopImmediatePropagation();
// }
// });
window.remove = function(obj) {
2.3.1
2023-05-05 12:06:07 +08:00
layer.confirm('确定要删除?', {
ADMIN UI
2023-03-16 22:40:15 +08:00
icon: 3,
title: '提示'
}, function(index) {
layer.close(index);
let loading = layer.load();
$.ajax({
url: "{:url('content.forum/delete')}?id=" + obj.data['id'],
dataType: 'json',
type: 'delete',
success: function(result) {
layer.close(loading);
if (result.code === 0) {
layer.msg(result.msg, {
icon: 1,
time: 1000
}, function() {
obj.del();
});
} else {
layer.msg(result.msg, {
icon: 2,
time: 1000
});
}
}
})
});
}
window.batchRemove = function(obj) {
var checkIds = common.checkField(obj,'id');
if (checkIds === "") {
layer.msg("未选中数据", {
icon: 3,
time: 1000
});
return false;
}
comment
2023-07-03 12:50:57 +08:00
layer.confirm('确定要删除?', {
ADMIN UI
2023-03-16 22:40:15 +08:00
icon: 3,
title: '提示'
}, function(index) {
layer.close(index);
let loading = layer.load();
$.ajax({
comment
2023-07-03 12:50:57 +08:00
url: "{:url('content.forum/delete')}?id=" + checkIds,
ADMIN UI
2023-03-16 22:40:15 +08:00
dataType: 'json',
type: 'delete',
data:{"id":checkIds},
success: function(result) {
layer.close(loading);
comment
2023-07-03 12:50:57 +08:00
if (result.code === 0) {
ADMIN UI
2023-03-16 22:40:15 +08:00
layer.msg(result.msg, {
icon: 1,
time: 1000
}, function() {
comment
2023-07-03 12:50:57 +08:00
table.reload('forum-table');
ADMIN UI
2023-03-16 22:40:15 +08:00
});
} else {
layer.msg(result.msg, {
icon: 2,
time: 1000
});
}
}
})
});
}
window.refresh = function(param) {
comment
2023-07-03 12:50:57 +08:00
table.reload('forum-table');
ADMIN UI
2023-03-16 22:40:15 +08:00
}
});
</script>
</body>
</html>
Reference in New Issue Copy Permalink