ImgURL是一个简单、纯粹的图床程序,让个人图床多一个选择。
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

157 lines
8.2 KiB

<div class="layui-container" style = "margin-top:1em;margin-bottom:6em;">
<div class="layui-row layui-col-space10" >
<div class="layui-col-lg12">
<!-- 条件筛选 -->
<!-- 先来一个选项卡 -->
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this">常规筛选</li>
<li>时间筛选</li>
</ul>
<div class="layui-tab-content">
<!-- 常规筛选内容 -->
<div class="layui-tab-item layui-show">
<table class="layui-table layui-form" lay-even="" lay-skin="nob">
<tbody>
</tbody><thead>
<tr>
<th width="85%">
<input id="value" type="text" required="" lay-verify="required" placeholder="可输入 ID/IP/imgid 进行查询" autocomplete="off" class="layui-input" data-cip-id="url" data-kpxc-id="ip">
</th>
<th width="15%">
<select id="type" lay-verify="required">
<option value="">请选择条件</option>
<option value="id">ID</option>
<option value="imgid">ImgID</option>
<option value="ip">IP</option>
</select>
</th>
<th width="10%"><button type="submit" class="layui-btn layui-btn" onclick="findimg()"><i class="layui-icon"></i> </button></th>
</tr>
</thead>
</table>
</div>
<!-- 常规筛选内容END -->
<!-- 时间筛选 -->
<div class="layui-tab-item">
<table class="layui-table layui-form" lay-even="" lay-skin="nob">
<tbody>
</tbody><thead>
<tr>
<th width="30%">
<input id = "start-time" type="text" class="layui-input" id="start-time">
</th>
<th width = "5%"> ------ </th>
<th width="30%">
<input id = "end-time" type="text" class="layui-input" id="end-time">
</th>
<th width="15%">
<select id="user" lay-verify="required">
<option value="all">默认</option>
<option value="admin">管理员</option>
<option value="visitor">游客</option>
</select>
</th>
<th width="10%"><button type="submit" class="layui-btn layui-btn" onclick="find_date_img()"><i class="layui-icon"></i> </button></th>
</tr>
</thead>
</table>
</div>
<!-- 时间筛选END -->
</div>
</div>
<!-- 条件筛选END -->
</div>
</div>
<div class="layui-row layui-col-space10 showimgs" id = "showimgs">
<?php
foreach ($imgs as $img)
{
//一些简单的逻辑处理
//获取缩略图地址
$thumbpath = thumbnail($img);
$thumburl = $domain.$thumbpath;
//源图像地址
$img_url = $domain.$img['path'];
//判断是否压缩设置不同样式的CSS
if($img['compression'] == 1){
$css = 'layui-btn-normal';
}
else{
$css = 'layui-btn-primary';
}
//如果是可疑图片
if($img['level'] == 'adult'){
$thumburl = $domain.'/static/images/dubious_290.png';
}
?>
<div class="layui-col-lg3" id = "img<?php echo $img['id']; ?>">
<div class = "operate">
<!-- 选择按钮 -->
<div class = "choose"><input type="checkbox" name="chk" value = "<?php echo $img['id']; ?>"></div>
<!-- 压缩图标 -->
<div>
<button class="layui-btn layui-btn-xs <?php echo $css; ?>" title = "压缩图片" onclick = "compress(<?php echo $img['id']; ?>)">
<i class="fa fa-compress"></i>
</button>
</div>
<!-- 链接图标 -->
<div>
<button class="layui-btn layui-btn-xs layui-btn-normal" title = "获取图片链接" onclick = "showlink('<?php echo $img_url; ?>','<?php echo $thumburl; ?>')">
<i class="fa fa-link"></i>
</button>
</div>
<!-- 信息图标 -->
<div>
<button class="layui-btn layui-btn-xs layui-btn-normal" title = "查看图片信息" onclick = "imginfo('<?php echo $img['imgid']; ?>','<?php echo $img['client_name']; ?>')">
<i class="fa fa-info-circle"></i>
</button>
</div>
<!-- 直达链接 -->
<div>
<a href="/img/<?php echo $img['imgid']; ?>" target = "_blank" class="layui-btn layui-btn-xs layui-btn-normal"><i class="fa fa-globe"></i></a>
</div>
<!-- 删除按钮 -->
<div>
<button class="layui-btn layui-btn-xs layui-btn-danger" title = "删除这张图片" onclick = "del_img('<?php echo $img['id']; ?>','<?php echo $img['imgid'] ?>','<?php echo $img['path']; ?>','<?php echo $thumbpath; ?>')">
<i class="fa fa-trash-o"></i>
</button>
</div>
<!-- 取消可疑状态 -->
<?php if($img['level'] == 'adult'){ ?>
<div>
<button class="layui-btn layui-btn-xs" title = "取消可疑状态" onclick = "cancel(<?php echo $img['id']; ?>)">
<i class="fa fa-check"></i>
</button>
</div>
<?php } ?>
</div>
<div class = "img_thumb">
<img src="<?php echo $thumburl; ?>" alt="<?php echo $img['client_name']; ?>" layer-src= "<?php echo $img_url; ?>" lay-src = "<?php echo $thumburl; ?>">
</div>
</div>
<?php
}
?>
</div>
<!-- 分页按钮 -->
<div class="layui-row" style = "margin-top:2em;">
<div class="layui-col-lg6" id = "paging">
<?php echo $page; ?>
</div>
<div class="layui-col-lg3">
<span>操作:</span>
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-xs" onclick = "check_all()">全选</button>
<button type="button" class="layui-btn layui-btn-xs" onclick = "cancel_all()">取消全选</button>
<!--<button type="button" class="layui-btn layui-btn-xs" onclick = "invert_selection()">反选</button>-->
</div>
</div>
<div class="layui-col-lg3">
<!-- <button class="layui-btn layui-btn-xs" id = "checkAll">全选</button>--> <label>选中项:</label><button class="layui-btn layui-btn-xs layui-btn-danger" onclick = "del_more()">删除</button>
</div>
</div>
<!-- 分页按钮 -->
</div>