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>
\ No newline at end of file
<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
application/index/view/global/frame_tpl.html
View file @ e2bd8d3f
......@@ -5,6 +5,8 @@
<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="//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>
<body>
......
application/index/view/transfer/index.html
View file @ e2bd8d3f
{layout name="global/frame_tpl" /}
<input type="hidden" class="page-load" id="transfer" />
<input type="hidden" class="page-load" id="transfer"/>
<!--导航star-->
<!-- Sidebar -->
<!-- /#sidebar-wrapper -->
<!-- Sidebar -->
<!-- /#sidebar-wrapper -->
<!-- Page Content -->
<div id="page-content-wrapper">
<!-- Page Content -->
<div id="page-content-wrapper">
<div class="container">
<div class="row">
<div class="col-lg-10 col-lg-offset-0">
......@@ -21,12 +22,40 @@
<tr>
<td colspan="9">
<form id="form_search">
<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="">
<input class="form-control btn4" data-rule-phoneus="false" data-rule-required="false" id="end_date" type="datetime-local" value="">
<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="fore-span">提交时间:</span>
<div class="form-group">
<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="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="form_search_reset">重置</span>
</form>
......@@ -49,7 +78,7 @@
</table>
</div>
<!-- /#page-content-wrapper -->
<div class="text-right" id="pagediv">
<div class="text-right pageinfo" id="pagediv">
</div>
</div>
......@@ -57,11 +86,12 @@
</div>
</div>
</div>
</div>
</div>
<!-- /#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-content">
<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.
*/
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 = {
pageNo: 1, /*第几页*/
pageSize: 15, /*每页显示多少条*/
......
public/resource/js/main.js
View file @ e2bd8d3f
......@@ -14,6 +14,7 @@ require.config ({
'bootstrapJs': 'lib/js/bootstrap.min',
'datetimepicker': 'lib/js/bootstrap-datetimepicker.min',
'pagination': 'lib/js/pagination',
'paginationStart': 'lib/js/zw.pagination',
},
'shim': {
'jquery': {
......@@ -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 = {
pageNo: 1, /*第几页*/
pageSize: 10, /*每页显示多少条*/
urls: '',
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
$ ("body").append (template);
user.getList ();
......@@ -53,14 +101,16 @@ define (['doT', 'text!temp/transfer_template_tpl.html', 'css!style/home.css',"da
$ ("#sublet_list").html (doTtmpl (data.data.list));
/*分页代码*/
$ ("#pagediv").pagination ({
/* $ ("#pagediv").pagination ({
length: data.data.total,
current: pageNo,
coping:true,
every: user.pageSize,
onClick: function (el) {
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