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.
122 lines
3.8 KiB
HTML
122 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/chlists','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/chlists')}');
|
||
|
$(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>
|