114 lines
5.0 KiB
HTML
114 lines
5.0 KiB
HTML
<div class="layui-fluid"><div class="layui-card">
|
||
<div class="layui-card-header">友情链接管理</div>
|
||
<div class="layui-card-header">
|
||
<!-- 搜索栏 -->
|
||
<div class="layui-form layui-card-header-boxed" lay-filter="search-form">
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<input type="text" name="title" placeholder="请输入网站标题" autocomplete="off" class="layui-input">
|
||
</div>
|
||
<div class="layui-inline">
|
||
<button class="layui-btn layui-btn-normal" lay-submit lay-filter="data-search-btn">
|
||
<i class="layui-icon layui-icon-search"></i>
|
||
</button>
|
||
<button class="layui-btn layui-btn-primary" id="btn-reset">
|
||
<i class="layui-icon layui-icon-refresh"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-card-body">
|
||
<!-- 表格容器 -->
|
||
<table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
|
||
</div>
|
||
</div></div>
|
||
<!-- 顶部工具条 -->
|
||
<script type="text/html" id="tableBar">
|
||
<div class="layui-btn-group">
|
||
<a class="layui-btn layui-btn-sm layui-btn-primary" title="新建链接" lay-event="dataCreate" data-perm="links:add"> <i class="layui-icon layui-icon-add-1"></i> </a>
|
||
<a class="layui-btn layui-btn-sm layui-btn-primary" title="删除资源" lay-event="dataDelete" data-perm="links:delete"><i class="layui-icon layui-icon-delete"></i> </a>
|
||
<a class="layui-btn layui-btn-sm layui-btn-primary" title="资源回收站" lay-event="dataRecybin" data-perm="links:recyclebin"><i class="layui-icon layui-icon-home"></i> </a>
|
||
</div>
|
||
</script>
|
||
|
||
<!-- 操作列模板 -->
|
||
<script type="text/html" id="dataBar">
|
||
<a class="layui-btn layui-btn-xs" lay-event="update" data-perm="links:edit">编辑</a>
|
||
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete" data-perm="links:delete">删除</a>
|
||
</script>
|
||
|
||
<!-- 状态开关模板 -->
|
||
<script type="text/html" id="statusTpl">
|
||
<input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="statusSwitch" {{ d.status == 1 ? 'checked' : '' }}>
|
||
</script>
|
||
|
||
|
||
|
||
<!-- 添加/编辑友链表单(抽屉) -->
|
||
<script type="text/html" id="dataFormTpl">
|
||
<form class="layui-form" style="padding: 20px 20px 0;">
|
||
<input type="hidden" name="id" value="{{d.id||''}}">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">标题</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="title" required lay-verify="required" placeholder="网站标题" autocomplete="off" class="layui-input" value="{{d.title||''}}">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">链接</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="url" required lay-verify="required|url" placeholder="链接地址" autocomplete="off" class="layui-input" value="{{d.url||''}}">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">logo</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="logo" placeholder="请输入logo地址" autocomplete="off" class="layui-input" value="{{d.logo||''}}">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-form-text">
|
||
<label class="layui-form-label">描述</label>
|
||
<div class="layui-input-block">
|
||
<textarea name="description" placeholder="请输入网站描述" class="layui-textarea">{{d.description||''}}</textarea>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">排序</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="sort" lay-verify="required|number" placeholder="请输入排序" autocomplete="off" class="layui-input" value="{{d.sort||'0'}}">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">状态</label>
|
||
<div class="layui-input-block">
|
||
<input type="radio" name="status" value="1" title="启用" {{ d.status==undefined || d.status==1 ? 'checked' : '' }}>
|
||
<input type="radio" name="status" value="0" title="禁用" {{ d.status==0 ? 'checked' : '' }}>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-hide">
|
||
<button class="layui-btn" lay-submit="" lay-filter="wxapp-form-submit" id="wxapp-form-submit">提交</button>
|
||
</div>
|
||
</form>
|
||
</script>
|
||
|
||
<!-- 回收站抽屉 -->
|
||
<script type="text/html" id="dataRecybinTpl">
|
||
<div class="layui-card">
|
||
<div class="layui-card-header">已删除的友链(可恢复)</div>
|
||
<div class="layui-card-body">
|
||
<table class="layui-hide" id="dataRecybinTable" lay-filter="dataRecybinTable"></table>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
<!-- 回收站行操作 -->
|
||
<script type="text/html" id="dataRecybinBarTpl">
|
||
<div class="layui-btn-group">
|
||
<a class="layui-btn layui-btn-sm layui-btn-primary" title="恢复" lay-event="restore" data-perm="links:restore"><i class="layui-icon layui-icon-edit"></i></a>
|
||
<a class="layui-btn layui-btn-sm layui-btn-primary" title="彻底删除" lay-event="forcedelete" data-perm="links:delete"><i class="layui-icon layui-icon-delete"></i></a>
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/javascript">
|
||
layui.use('links', function () { });
|
||
</script> |