Skip to content

T
tl_estate
Commit e2bd8d3f authored by clone's avatar clone
Browse files
Options

时间控件和分页组建

parent 03f03716
Expand all Show whitespace changes
Inline Side-by-side
Showing with 156 additions and 21 deletions
application/index/view/global/footer_tpl.html
View file @ e2bd8d3f
<script src='/resource/lib/js/require.min.js' data-main='/resource/js/main?version=1vsdfv1235544241' charset='utf-8'></script> <script src='/resource/lib/js/require.min.js' data-main='/resource/js/main?version=1' charset='utf-8'></script>
\ No newline at end of file \ No newline at end of file
application/index/view/global/frame_tpl.html
View file @ e2bd8d3f
...@@ -5,6 +5,8 @@ ...@@ -5,6 +5,8 @@
<link rel="stylesheet" href="/resource/css/bootstrap.css" type="text/css" /> <link rel="stylesheet" href="/resource/css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="/resource/css/public.css" type="text/css" /> <link rel="stylesheet" href="/resource/css/public.css" type="text/css" />
<link rel="stylesheet" href="//qidian.gtimg.com/lulu/theme/peak/css/common/ui/Pagination.css"> <link rel="stylesheet" href="//qidian.gtimg.com/lulu/theme/peak/css/common/ui/Pagination.css">
<link rel="stylesheet" href="/resource/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="/resource/css/bootstrap-datetimepicker.min.css">
</head> </head>
<body> <body>
......
application/index/view/transfer/index.html
View file @ e2bd8d3f
{layout name="global/frame_tpl" /} {layout name="global/frame_tpl" /}
<input type="hidden" class="page-load" id="transfer" /> <input type="hidden" class="page-load" id="transfer"/>
<!--导航star--> <!--导航star-->
<!-- Sidebar --> <!-- Sidebar -->
<!-- /#sidebar-wrapper --> <!-- /#sidebar-wrapper -->
<!-- Page Content --> <!-- Page Content -->
<div id="page-content-wrapper"> <div id="page-content-wrapper">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-10 col-lg-offset-0"> <div class="col-lg-10 col-lg-offset-0">
...@@ -21,12 +22,40 @@ ...@@ -21,12 +22,40 @@
<tr> <tr>
<td colspan="9"> <td colspan="9">
<form id="form_search"> <form id="form_search">
<span class="fore-span">提交时间</span> <span class="fore-span">提交时间:</span>
<input class="form-control btn4" data-rule-phoneus="false" data-rule-required="false" id="start_date" type="datetime-local" value=""> <div class="form-group">
<input class="form-control btn4" data-rule-phoneus="false" data-rule-required="false" id="end_date" type="datetime-local" value=""> <div class="input-group date form_date " data-date=""
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="name" placeholder="客户姓名" type="text" value=""> data-date-format="yyyy-MM-dd" data-link-field="dtp_input2"
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="phone" placeholder="手机号" type="text" value=""> data-link-format="yyyy-mm-dd" style="width: 200px;float: left;">
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="shop_name" placeholder="店铺名" type="text" value=""> <input class="form-control" size="16" type="text" value=""
id="start_date"
readonly>
<span class="input-group-addon"><span
class="glyphicon glyphicon-remove"></span></span>
<span class="input-group-addon"><span
class="glyphicon glyphicon-calendar"></span></span>
</div>
<div class="input-group date form_date " data-date=""
data-date-format="yyyy-MM-dd" data-link-field="dtp_input2"
data-link-format="yyyy-mm-dd" style="width: 200px;float: left">
<input class="form-control" size="16" type="text" value=""
id="end_date"
readonly>
<span class="input-group-addon"><span
class="glyphicon glyphicon-remove"></span></span>
<span class="input-group-addon"><span
class="glyphicon glyphicon-calendar"></span></span>
</div>
</div>
<input class="form-control btn2" data-rule-phoneus="false"
data-rule-required="false" id="name" placeholder="客户姓名"
type="text" value="">
<input class="form-control btn2" data-rule-phoneus="false"
data-rule-required="false" id="phone" placeholder="手机号" type="text"
value="">
<input class="form-control btn2" data-rule-phoneus="false"
data-rule-required="false" id="shop_name" placeholder="店铺名"
type="text" value="">
<span class="btn btn-default btn3" id="search">搜索</span> <span class="btn btn-default btn3" id="search">搜索</span>
<span class="btn btn-default btn3" id="form_search_reset">重置</span> <span class="btn btn-default btn3" id="form_search_reset">重置</span>
</form> </form>
...@@ -49,7 +78,7 @@ ...@@ -49,7 +78,7 @@
</table> </table>
</div> </div>
<!-- /#page-content-wrapper --> <!-- /#page-content-wrapper -->
<div class="text-right" id="pagediv"> <div class="text-right pageinfo" id="pagediv">
</div> </div>
</div> </div>
...@@ -57,11 +86,12 @@ ...@@ -57,11 +86,12 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- /#wrapper --> <!-- /#wrapper -->
<!-- /#跟进模态框 --> <!-- /#跟进模态框 -->
<div class="modal fade" id="modal-process" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="modal-process" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
......
public/resource/css/bootstrap-theme.min.css 0 → 100644
View file @ e2bd8d3f
This diff is collapsed.
public/resource/js/banner.js
View file @ e2bd8d3f
/** /**
* Created by zw on 2017/12/15. * Created by zw on 2017/12/15.
*/ */
define (['doT', 'text!temp/banner_template_tpl.html', 'ckfinder', 'ckfinderStart', 'css!style/home.css', 'bootstrapJs', 'pagination'], function (doT, template) { define (['doT', 'text!temp/banner_template_tpl.html', 'ckfinder', 'ckfinderStart', 'css!style/home.css'], function (doT, template) {
var banner = { var banner = {
pageNo: 1, /*第几页*/ pageNo: 1, /*第几页*/
pageSize: 15, /*每页显示多少条*/ pageSize: 15, /*每页显示多少条*/
......
public/resource/js/main.js
View file @ e2bd8d3f
...@@ -14,6 +14,7 @@ require.config ({ ...@@ -14,6 +14,7 @@ require.config ({
'bootstrapJs': 'lib/js/bootstrap.min', 'bootstrapJs': 'lib/js/bootstrap.min',
'datetimepicker': 'lib/js/bootstrap-datetimepicker.min', 'datetimepicker': 'lib/js/bootstrap-datetimepicker.min',
'pagination': 'lib/js/pagination', 'pagination': 'lib/js/pagination',
'paginationStart': 'lib/js/zw.pagination',
}, },
'shim': { 'shim': {
'jquery': { 'jquery': {
...@@ -47,4 +48,4 @@ require.config ({ ...@@ -47,4 +48,4 @@ require.config ({
} }
}); });
require (['require', 'jquery', 'doT', 'app/public' ]); require (['require', 'jquery', 'doT', 'app/public' ,"datetimepicker",'pagination','bootstrapJs',"paginationStart"]);
public/resource/js/transfer.js
View file @ e2bd8d3f
define (['doT', 'text!temp/transfer_template_tpl.html', 'css!style/home.css',"datetimepicker",'pagination','bootstrapJs'], function (doT, template) { define (['doT', 'text!temp/transfer_template_tpl.html', 'css!style/home.css'], function (doT, template) {
user = { user = {
pageNo: 1, /*第几页*/ pageNo: 1, /*第几页*/
pageSize: 10, /*每页显示多少条*/ pageSize: 10, /*每页显示多少条*/
urls: '', urls: '',
init: function () { init: function () {
;(function($){
$.fn.datetimepicker.dates['zh-CN'] = {
days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"],
daysShort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"],
daysMin: ["日", "一", "二", "三", "四", "五", "六", "日"],
months: ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"],
monthsShort: ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"],
today: "今日",
suffix: [],
meridiem: ["am", "pm"],
weekStart: 1,
};
}(jQuery));
$('.form_datetime').datetimepicker({
//language: 'fr',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
forceParse: 0,
showMeridian: 1
});
$('.form_date').datetimepicker({
language: 'zh-CN',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 2,
forceParse: 0
});
$('.form_time').datetimepicker({
language: 'zh-CN',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 1,
minView: 0,
maxView: 1,
forceParse: 0
});
//初始化dot //初始化dot
$ ("body").append (template); $ ("body").append (template);
user.getList (); user.getList ();
...@@ -53,14 +101,16 @@ define (['doT', 'text!temp/transfer_template_tpl.html', 'css!style/home.css',"da ...@@ -53,14 +101,16 @@ define (['doT', 'text!temp/transfer_template_tpl.html', 'css!style/home.css',"da
$ ("#sublet_list").html (doTtmpl (data.data.list)); $ ("#sublet_list").html (doTtmpl (data.data.list));
/*分页代码*/ /*分页代码*/
$ ("#pagediv").pagination ({ /* $ ("#pagediv").pagination ({
length: data.data.total, length: data.data.total,
current: pageNo, current: pageNo,
coping:true,
every: user.pageSize, every: user.pageSize,
onClick: function (el) { onClick: function (el) {
user.getList (el.num.current); user.getList (el.num.current);
} }
}); });*/
addpage(user.getList);
} }
}); });
}, },
......
public/resource/lib/js/zw.pagination.js 0 → 100644
View file @ e2bd8d3f
/**
* Created by zw on 2017/12/22.
*/
var pagination_page_no = 1; //页码
var pagination_pages = 1; //总页数
var pagination_totals = 0; //总条数
var pagination_pagesize = 15; //每页显示多少条
function addpage(methodName) {
alert(111111111);
if (pagination_page_no > pagination_pages) pagination_page_no = pagination_pages;
$('.pageinfo').pagination({
pages: pagination_pages, //总页数
styleClass: ['pagination-large'],
showCtrl: true,
displayPage: 6,
currentPage: pagination_page_no, //当前页码
onSelect: function (num) {
pagination_page_no = num;
if (typeof methodName === "function") {
methodName();
}
}
});
/*
$('.pageinfo').find('span:contains(共)').append("(" + pagination_totals + "条记录)");
var pageselect = '&nbsp;<select class="page_size_select" style="width:80px;">';
var pagearr = [15, 30, 50, 100];
$.each(pagearr, function () {
if (this == pagination_pagesize) {
pageselect = pageselect + '<option value="' + this + '" selected>' + this + '</option>';
} else {
pageselect = pageselect + '<option value="' + this + '" >' + this + '</option>';
}
});
pageselect = pageselect + '</select>&nbsp;';
if (!$('.page_size_select').val()) {
$('.pageinfo').find('span:contains(共)').prepend(pageselect);
}
$('.page_size_select').one('change', function () {
pagination_pagesize = $(this).val();
methodName();
});*/
};
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment