images.html
4.44 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
{include file="common/head"/}
<style>
a{text-decoration: none;}
.table-list ul.pic { list-style: none;}
.table-list ul.pic li {float:left;position:relative;margin:5px 10px;_margin:5px 8px;text-align: center;}
.table-list ul.pic li span { width:82px;height:82px;display: block;border: 1px solid #dedede;}
.table-list ul.pic li span a {border:1px solid #eee;width:80px;height:80px;*font-size: 75px;display: table-cell; vertical-align: middle; overflow: hidden;}
.table-list ul.pic li img {max-height:80px;max-width:80px ;_width:80px;_height:80px;}
.table-list ul.pic li b {display:block;line-height:20px;height:20px;font-weight:normal;width:82px;overflow:hidden;}
.table-list ul.pic li em {position:absolute;right:25px;bottom:20px;font-style: normal;}
.table-list ul.pic li em a{color: #f00;}
</style>
<div class="admin-main fadeInUp animated">
<fieldset class="layui-elem-field layui-field-title">
<legend>{$title}</legend>
</fieldset>
<div class="layui-field-box">
<blockquote class="layui-elem-quote">
<a href="{:url('index')}" class="layui-btn layui-btn-sm">
<i class="fa fa-file-code-o "></i> {:strtoupper($viewSuffix)}
</a>
<a href="{:url('index',array('type'=>'css'))}" class="layui-btn layui-btn-sm">
<i class="fa fa-css3"></i> CSS
</a>
<a href="{:url('index',array('type'=>'js'))}" class="layui-btn layui-btn-sm">
<i class="fa fa-file-text-o"></i> JS
</a>
<a href="{:url('images')}" class="layui-btn layui-btn-sm layui-btn-danger">
<i class="fa fa-file-image-o"></i> 媒体文件
</a>
<a href="{:url('add')}" style="float: right;" class="layui-btn layui-btn-sm layui-btn-normal">
<i class="fa fa-plus"></i> {:lang('add')}模版
</a>
</blockquote>
<div class="table-list">
<ul class="pic">
{if condition="$leve"}
<li>
<span><a href="{:url('images')}?folder={$uppath}"><img src="/static/admin/images/upback.gif"></a></span>
<b><font color="#665aff">返回上一级</font></b></li>
{/if}
{volist name="folders" id="vo"}
<li>
<span><a href="{:url('images')}?folder={:input('folder')}{$vo['filename']}/"><img src="/static/admin/images/folder.gif"></a></span>
<b>{$vo.filename}</b>
<em>
<a href="javascript:confirm_delete('{:input('folder')}','{$vo.filename}')">删除</a>
</em>
</li>
{/volist}
{volist name="files" id="vo"}
<li>
<span>
<a href="/static/home/images/{:input('folder')}{$vo.filename}" target="_blank">
{if condition="!empty($vo['ico'])"}
<img src="/static/home/images/ext/{$vo['ext']}.png">
{else /}
<img src="/static/home/images/{:input('folder')}{$vo.filename}" >
{/if}
</a>
</span>
<b>{$vo.filename}</b>
<em><a href="javascript:confirm_delete('{:input("folder")}','{$vo.filename}')">删除</a></em>
</li>
{/volist}
</ul>
</div>
</div>
</div>
{include file="common/foot"/}
<script src="/static/common/js/jquery.2.1.1.min.js"></script>
<script>
layui.use('form',function() {
var form = layui.form, $ = layui.jquery;
});
function confirm_delete(folder,filename) {
layer.confirm('你确定要删除吗？', {icon: 3}, function (index) {
layer.close(index);
var loading = layer.load(1, {shade: [0.1, '#fff']});
$.post("{:url('imgDel')}",{folder:folder,filename:filename},function(data){
layer.close(loading);
if(data.code==1){
layer.alert(data.msg, {icon: 6}, function(index){
layer.close(index);
location.replace(location.href);
});
}else{
layer.alert(data.msg, {icon: 5}, function(index){
layer.close(index);
});
}
})
});
}
</script>