You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

123 lines
3.8 KiB
HTML

5 years ago
<extend name="Public/base"/>
<block name="body">
<!-- 标题栏 -->
<div class="main-title">
<h2>[{$model['title']}] 列表</h2>
</div>
<div class="cf top_nav_list">
<div class="fl button_list">
<empty name="model.extend">
<div class="tools">
<a class="btn blue" href="{:U('add?model='.$model['id'])}">新增</a>
<button class="btn ajax-post confirm red" target-form="ids" url="{:U('del?model='.$model['id'])}">删 除</button>
</div>
</empty>
</div>
<!-- 高级搜索 -->
<div class="search-form fr cf" style="margin-bottom:-15px;">
<div class="sleft">
<input type="text" name="title" class="search-input" value="{:I('title')}" placeholder="请输入标题">
<a class="sch-btn" href="javascript:;" id="search" url="{:U('Links/lists','model='.$model['name'],false)}"><i class="btn-search"></i></a>
</div>
</div>
</div>
<!-- 数据列表 -->
<div class="data-table">
<div class="data-table table-striped">
<table>
<!-- 表头 -->
<thead>
<tr>
<th style="text-align:center"class="row-selected row-selected">
<input class="check-all" type="checkbox">
</th>
<volist name="list_grids" id="field">
<th style="text-align:center">{$field.title}</th>
</volist>
</tr>
</thead>
<!-- 列表 -->
<tbody>
<volist name="list_data" id="data">
<tr>
<td style="border-right:1px solid #DDDDDD;text-align:center"><input class="ids" type="checkbox" value="{$data['id']}" name="ids[]"></td>
<volist name="list_grids" id="grid">
<td style="border-right:1px solid #DDDDDD;text-align:center">{:get_list_field($data,$grid)}</td>
</volist>
</tr>
</volist>
</tbody>
</table>
</div>
</div>
<div class="page">
{$_page|default=''}
</div>
</block>
<block name="script">
<script src="__STATIC__/layer/layer.js"></script>
<script type="text/javascript">
//导航高亮
highlight_subnav('{:U('Links/lists')}');
$(function(){
//搜索功能
$("#search").click(function(){
var url = $(this).attr('url');
var query = $('.search-form').find('input').serialize();
query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');
query = query.replace(/^&/g,'');
if( url.indexOf('?')>0 ){
url += '&' + query;
}else{
url += '?' + query;
}
window.location.href = url;
});
//回车自动提交
$('.search-form').find('input').keyup(function(event){
if(event.keyCode===13){
$("#search").click();
}
});
//点击排序
$('.list_sort').click(function(){
var url = $(this).attr('url');
var ids = $('.ids:checked');
var param = '';
if(ids.length > 0){
var str = new Array();
ids.each(function(){
str.push($(this).val());
});
param = str.join(',');
}
if(url != undefined && url != ''){
window.location.href = url.replace(".html","") + '/ids/' + param;
}
});
// layer.confirm('您是如何看待前端开发?', {
// btn: ['重要','奇葩'] //按钮
// }, function(){
// layer.msg('的确很重要', {icon: 1});
// }, function(){
// layer.msg('也可以这样', {
// time: 20000, //20s后自动关闭
// btn: ['明白了', '知道了']
// });
// });
})
</script>
</block>