完成上传组件的开发

This commit is contained in:
2020-04-10 21:19:03 +08:00
parent 5629daa722
commit a5a9c12ad0
18 changed files with 385 additions and 145 deletions

View File

@@ -4,5 +4,11 @@ var require = {
}
</script>
<script src="__plugins__/require/require.js" data-main="__js__/main.js"></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="__static__/common/js/html5shiv.js"></script>
<script src="__static__/common/js/respond.min.js"></script>
<![endif]-->
</body>
</html>

View File

@@ -6,11 +6,5 @@
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<title>SentCMS网站管理系统后台</title>
<link rel="stylesheet" type="text/css" href="__css__/style.css?time={:time()}">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="__static__/common/js/html5shiv.js"></script>
<script src="__static__/common/js/respond.min.js"></script>
<![endif]-->
</head>
<body class="hold-transition skin-blue sidebar-mini">

View File

@@ -6,7 +6,7 @@
<h3 class="box-title">{$meta_title}</h3>
<div class="box-tools pull-right">
<a class="btn btn-sm btn-primary" id="action_add" href="{:url('/admin/wechat/add')}">新 增</a>
<button class="btn btn-sm btn-danger ajax-post confirm" data-form="ids" url="{:url('/admin/wechat/del')}">删 除</button>
<button class="btn btn-sm btn-danger ajax-post confirm" data-form="ids" url="{:url('/admin/wechat/delete')}">删 除</button>
</div>
</div>
<div class="box-body">
@@ -18,7 +18,8 @@
<th class="">编号</th>
<th class="">名称</th>
<th class="">类型</th>
<th class="">appid</th>
<th class="">微信appid</th>
<th class="">微信秘钥</th>
<th class="">创建时间</th>
<th class="">操作</th>
</tr>
@@ -28,9 +29,10 @@
<tr>
<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$item['id']}"></td>
<td>{$item['id']}</td>
<td>{$item['name']}</td>
<td>{$item['title']}</td>
<td>{$item['type_text']}</td>
<td>{$item['appid']}</td>
<td>{$item['app_id']}</td>
<td>{$item['secret']}</td>
<td>{$item['update_time']}</td>
<td>
<a href="{:url('/admin/wechat/edit', ['id'=>$item['id']])}">编辑</a>

View File

@@ -5,7 +5,7 @@
<!-- 标题栏 -->
<h3 class="box-title">{$meta_title}</h3>
<div class="box-tools pull-right">
<a class="btn btn-sm btn-warning ajax-get confirm" href="{:url('/admin/wechat/addpay')}"><i class="fa fa-plus"></i> 添加</a>
<a class="btn btn-sm btn-primary" href="{:url('/admin/wechat/addpay')}"><i class="fa fa-plus"></i> 添加</a>
</div>
</div>
@@ -16,15 +16,31 @@
<tr>
<th class="row-selected row-selected"><input class="check-all" type="checkbox"/></th>
<th class="">编号</th>
<th class="">行为名称</th>
<th class="">执行者</th>
<th class="">appid</th>
<th class="">商户ID</th>
<th class="">执行时间</th>
<th class="">操作</th>
</tr>
</thead>
<tbody>
{volist name="list" id="item"}
<tr>
<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$item['id']}"></td>
<td>{$item['id']}</td>
<td>{$item['app_id']}</td>
<td>{$item['mch_id']}</td>
<td>{$item['update_time']}</td>
<td>
<a href="{:url('/admin/wechat/editpay', ['id'=>$item['id']])}">编辑</a>
<a href="{:url('/admin/wechat/deletepay', ['id'=>$item['id']])}" class="confirm ajax-get">删除</a>
</td>
</tr>
{/volist}
</tbody>
</table>
<!-- 分页 -->
{$page|raw}
<!-- /分页 -->
</div>
</div>
{/block}

View File

@@ -6,6 +6,9 @@
.img-list .item .thumb{margin: 5px; border: 1px solid #efefef; height: 120px; border-radius: 4px; position: relative; cursor: pointer; overflow: hidden;}
.img-list .item .thumb img{width: 100%;}
.img-list .item .selected .ok{position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-left: 50px solid transparent; border-bottom: 50px solid #56b0fa;}
.file-list{padding: 5px; height: 300px; overflow-y: scroll; display: flex; flex-direction: column; border: 1px dashed #999999;}
.file-list .item .attach{margin: 5px; padding: 0 10px; line-height: 35px; border: 1px solid #efefef; position: relative; cursor: pointer; overflow: hidden;}
.file-list .item .selected .ok{position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-left: 50px solid transparent; border-bottom: 50px solid #56b0fa;}
.page{height: 45px;}
.page .pagination{margin: 0;}
</style>
@@ -19,6 +22,7 @@
{if empty($list)}
<p class="no-data">无{if $param['type'] == 'image'}图片{else/}文件{/if}</p>
{else/}
{if $param['type'] == 'image'}
<div class="img-list">
{volist name="list" id="item"}
<div class="item">
@@ -26,6 +30,15 @@
</div>
{/volist}
</div>
{else/}
<div class="file-list">
{volist name="list" id="item"}
<div class="item">
<div class="attach" data-id="{$item['id']}" data-url="{$item['url']}" data-savename="{$item['savename']}">{$item['savename']}<div class="ok"></div></div>
</div>
{/volist}
</div>
{/if}
{/if}
<div class="row" style="padding-top: 10px;">
<div class="col-xs-10 page">{$page|raw}</div>