172 lines
7.0 KiB
HTML
172 lines
7.0 KiB
HTML
{layout name="manager/layout" /}
|
||
<link rel="stylesheet" href="__STATIC__/js/zTree/metroStyle/metroStyle.css">
|
||
<style>
|
||
.ztree * {
|
||
padding: 0;
|
||
margin: 0;
|
||
/*font-size: 14px;*/
|
||
/*font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif;*/
|
||
font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
|
||
}
|
||
</style>
|
||
<div class="layui-row layui-col-space12">
|
||
{if $categoryId == 0}
|
||
<div class="layui-col-xs12 layui-col-md2">
|
||
<div id="echarts-pies" style="background-color:#ffffff;overflow:scroll;padding: 5px">
|
||
<div class="layui-card">
|
||
<div class="layui-card-header">内容分类</div>
|
||
<div class="layui-card-body">
|
||
<input type="hidden" id="ids-data" name="ids">
|
||
<ul id="category-tree" data-auth="{$categoryJson ?? ''}" class="ztree"></ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
<div class="layui-col-xs12 {if $categoryId == 0} layui-col-md10 {else /} layui-col-md12 {/if}">
|
||
<div id="echarts-records" style="background-color:#ffffff;min-height:600px;">
|
||
<div class="layuimini-container location-index-page">
|
||
<div class="layuimini-main">
|
||
<fieldset class="table-search-fieldset" style="display: none">
|
||
<legend>搜索信息</legend>
|
||
<div style="margin: 10px 10px 10px 10px">
|
||
<form class="layui-form layui-form-pane" action="">
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">标题</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="title" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">发布时间</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="published_at" autocomplete="off" class="layui-input" id="publish-date">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-inline">
|
||
<button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</fieldset>
|
||
<div>
|
||
<table id="table-container" class="layui-table" data-url="/manager/archives?category_id={$categoryId ?? 0}&diary_id={$diaryId ?? 0}" lay-filter="table-container"></table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<!-- 隐藏列 -->
|
||
<!-- 编辑单元格提交url -->
|
||
<input type="hidden" id="row-modify" data-url="/manager/archives/modify">
|
||
|
||
<!-- 列-是否推荐 -->
|
||
<script type="text/html" id="row-recommend">
|
||
<input type="checkbox" name="recommend" value="{{d.id}}" lay-skin="switch" lay-text="是|否" lay-filter="changeRecommend" {{ d.recommend == 1 ? 'checked' : '' }}>
|
||
</script>
|
||
|
||
<!-- 列-是否置顶 -->
|
||
<script type="text/html" id="row-top">
|
||
<input type="checkbox" name="top" value="{{d.id}}" lay-skin="switch" lay-text="是|否" lay-filter="changeTop" {{ d.top == 1 ? 'checked' : '' }}>
|
||
</script>
|
||
|
||
<!-- 列-是否热门 -->
|
||
<script type="text/html" id="row-hot">
|
||
<input type="checkbox" name="hot" value="{{d.id}}" lay-skin="switch" lay-text="是|否" lay-filter="changeHot" {{ d.hot == 1 ? 'checked' : '' }}>
|
||
</script>
|
||
|
||
<script type="text/html" id="row-img">
|
||
{{# if (d.src.length > 0) { }}
|
||
<img src="{{ d.src }}" style="width: 100px;height: 100px;" alt="">
|
||
{{# } }}
|
||
</script>
|
||
|
||
<!-- 操作列 -->
|
||
<script type="text/html" id="row-operate">
|
||
<a class="layui-btn layui-btn-primary layui-btn-xs" data-href="/manager/archives/edit.html?id={{d.id}}" data-title="编辑内容" lay-event="edit">编辑</a>
|
||
<a class="layui-btn layui-btn-danger layui-btn-xs" data-href="/manager/archives/del.html" lay-event="del">删除</a>
|
||
</script>
|
||
|
||
<!-- toolbar -->
|
||
<script type="text/html" id="toolbar-tpl">
|
||
<a class="layui-btn layui-btn-primary layui-btn-sm" data-table-refresh lay-event="refresh"><i class="fa fa-refresh"></i></a>
|
||
<a class="layui-btn layui-btn-normal layui-btn-sm" data-href="/manager/archives/add.html?category_id={$categoryId ?? 0}&diary_id={$diaryId ?? 0}" data-title="添加内容" lay-event="add">添加</a>
|
||
<a class="layui-btn layui-btn-danger layui-btn-sm" data-href="/manager/archives/del.html" lay-event="del">删除</a>
|
||
</script>
|
||
<script src="__MANAGER__/js/archives.js?v={:mt_rand()}"></script>
|
||
<script src="__STATIC__/js/jquery-3.3.1.js"></script>
|
||
<script src="__STATIC__/js/zTree/jquery.ztree.all.min.js"></script>
|
||
<script src="__STATIC__/js/clipboard.min.js"></script>
|
||
<script>
|
||
let zTreeObj;
|
||
let setting = {
|
||
check: {
|
||
enable: true,
|
||
nocheckInherit: true,
|
||
chkboxType: { "Y" : "s", "N" : "ps" },
|
||
},
|
||
callback: {
|
||
onClick: switchCheck,
|
||
onCheck: getCheck
|
||
},
|
||
data: {
|
||
simpleData: {
|
||
enable: true,
|
||
idKey: 'id',
|
||
pIdKey: 'pid',
|
||
rootPId: 0
|
||
},
|
||
key: {
|
||
name: 'title',
|
||
}
|
||
}
|
||
};
|
||
// zTree 的数据属性，深入使用请参考 API 文档（zTreeNode 节点数据详解）
|
||
let zNodes = $('#category-tree').data('auth');
|
||
|
||
$(document).ready(function(){
|
||
// console.log(zNodes,'dd')
|
||
zTreeObj = $.fn.zTree.init($("#category-tree"), setting, zNodes);
|
||
});
|
||
|
||
//点击时 勾选与取消勾选切换
|
||
function switchCheck() {
|
||
let nodes = zTreeObj.getSelectedNodes();
|
||
for (let i=0, l=nodes.length; i < l; i++) {
|
||
if (nodes[i].checked) {
|
||
zTreeObj.checkNode(nodes[i], false, true);
|
||
} else {
|
||
zTreeObj.checkNode(nodes[i], true, true);
|
||
}
|
||
}
|
||
|
||
getCheck();
|
||
}
|
||
|
||
// 勾选｜取消勾选 事件
|
||
function getCheck() {
|
||
let nodes = zTreeObj.getCheckedNodes(true);
|
||
let ids = [];
|
||
$.each(nodes, function (index, val) {
|
||
ids.push(val.id);
|
||
})
|
||
|
||
$('#ids-data').val(ids);
|
||
|
||
layui.use(['table'], function () {
|
||
let table = layui.table;
|
||
//执行搜索重载
|
||
table.reload('table-container', {
|
||
page: {curr: 1}
|
||
, where: {searchParams: {category_id: ids}}
|
||
}, 'data');
|
||
})
|
||
}
|
||
</script> |