Skip to content

杨建斌 / page

Go to a project
Toggle navigation
Toggle navigation pinning
e08f6d3d by yangjianbin
Options

init

1 parent c2125448
Inline Side-by-side
Showing 1 changed file with 143 additions and 130 deletions
application/views/work/index.php
<?php $this->load->view('common/header'); ?>
<body>
<?php $this->load->view('common/work_header'); ?>
<div class="page-container">
<form class="" onreset="resetHandler()">
<div class="date mb-20">
<input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'max\')||\'%y-%M-%d\'}',onpicked:function(){$('#table').DataTable().draw()} })" id="min" class="input-text Wdate"> -
<input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'min\')}',maxDate:'%y-%M-%d',onpicked:function(){$('#table').DataTable().draw()} })" id="max" class="input-text Wdate">
</div>
<div class="row cl mb-20">
<div class="col-xs-2">
<?php $this->load->view('common/work_header'); ?>
<div class="page-container">
<form class="" onreset="resetHandler()">
<div class="date mb-20">
<input type="text"
onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'max\')||\'%y-%M-%d\'}',onpicked:function(){$('#table').DataTable().draw()} })"
id="min" class="input-text Wdate"> -
<input type="text"
onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'min\')}',maxDate:'%y-%M-%d',onpicked:function(){$('#table').DataTable().draw()} })"
id="max" class="input-text Wdate">
</div>
<div class="row cl mb-20">
<div class="col-xs-2">
<span class="select-box">
<select class="select table_search" size="1" column="6">
<option value="" selected>网点</option>
......@@ -18,8 +22,8 @@
<option value="3">菜单三</option>
</select>
</span>
</div>
<div class="col-xs-2">
</div>
<div class="col-xs-2">
<span class="select-box">
<select class="select table_search" size="1" column="7">
<option value="" selected>产品名称</option>
......@@ -28,8 +32,8 @@
<option value="3">菜单三</option>
</select>
</span>
</div>
<div class="col-xs-2">
</div>
<div class="col-xs-2">
<span class="select-box">
<select class="select table_search" size="1" column="10">
<option value="" selected>客户经理</option>
......@@ -38,8 +42,8 @@
<option>菜单三</option>
</select>
</span>
</div>
<div class="col-xs-2">
</div>
<div class="col-xs-2">
<span class="select-box">
<select class="select table_search" size="1" column="11">
<option value="" selected>流程节点</option>
......@@ -48,8 +52,8 @@
<option>菜单三</option>
</select>
</span>
</div>
<div class="col-xs-2">
</div>
<div class="col-xs-2">
<span class="select-box">
<select class="select table_search" size="1" column="13">
<option value="" selected>处理人</option>
......@@ -58,134 +62,143 @@
<option value="3">菜单三</option>
</select>
</span>
</div>
</div>
<div>
<input class="btn btn-warning radius" type="reset" value="重置">
</div>
</form>
<div class="body mt-20">
<table class="table table-border table-bordered table-bg" id="table">
<thead class="text-c">
<tr>
<th width="68px">操作</th>
<th>订单编号</th>
<th>申请人</th>
<th>身份证</th>
<th>手机号</th>
<th>进件时间</th>
<th>网点</th>
<th>产品名称</th>
<th>申请金额</th>
<th>审批金额</th>
<th>客户经理</th>
<th>流程节点</th>
<th>流转时间</th>
<th>处理人</th>
</tr>
</thead>
<tbody class="text-c">
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div>
<input class="btn btn-warning radius" type="reset" value="重置">
</div>
</form>
<div class="body mt-20">
<table class="table table-border table-bordered table-bg" id="table">
<thead class="text-c">
<tr>
<th width="68px">操作</th>
<th>订单编号</th>
<th>申请人</th>
<th>身份证</th>
<th>手机号</th>
<th>进件时间</th>
<th>网点</th>
<th>产品名称</th>
<th>申请金额</th>
<th>审批金额</th>
<th>客户经理</th>
<th>流程节点</th>
<th>流转时间</th>
<th>处理人</th>
</tr>
</thead>
<tbody class="text-c">
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<?php $this->load->view('common/footer'); ?>
</div>
<?php $this->load->view('common/footer'); ?>
<script>
var table = $('#table').dataTable({
aaSorting: [[ 1, "desc" ]],
serverSide: true,
processing: true,
bSort : false,
searching : false,//是否显示搜索
iDisplayLength:10,
bLengthChange: false,
//ajax: '<?//=site_url("work/data")?>//',
// dataSrc: function ( json ) {
// alert('json')
// for ( var i=0, ien=json.data.length ; i<ien ; i++ ) {
// json.data[i][0] = '<a href="/message/'+json.data[i][0]+'>View message</a>';
// }
// return json.data;
// },
ajax: {
url: apiBaseUrl + '/order/into/getAllApplyOrder',
dataSrc: function ( json ) {
// for ( var i=0, ien=json.data.length ; i<ien ; i++ ) {
// json.data[i][0] = '<a href="/message/'+json.data[i][0]+'>View message</a>';
// }
var ret = {};
ret.data = json.data;
ret.draw = parseInt(json.page.currentPage);
ret.recordsTotal = parseInt(json.page.totalNumber);
ret.recordsFiltered = parseInt(json.page.totalNumber);
return ret.data;
}
<script>
var table = $('#table').dataTable({
aaSorting: [[1, "desc"]],
serverSide: true,
processing: true,
bSort: false,
searching: false,//是否显示搜索
iDisplayLength: 10,
bLengthChange: false,
//ajax: '<?//=site_url("work/data")?>//',
// dataSrc: function ( json ) {
// alert('json')
// for ( var i=0, ien=json.data.length ; i<ien ; i++ ) {
// json.data[i][0] = '<a href="/message/'+json.data[i][0]+'>View message</a>';
// }
// return json.data;
// },
ajax: {
url: apiBaseUrl + '/order/into/getAllApplyOrder',
dataFilter: function (json) {
var ret = {};
ret.data = json.data;
ret.draw = parseInt(json.page.currentPage);
ret.recordsTotal = parseInt(json.page.totalNumber);
ret.recordsFiltered = parseInt(json.page.totalNumber);
return ret;
},
columns: [
{data: "id", render: function (data, type, full) {
dataSrc: function (json) {
// for ( var i=0, ien=json.data.length ; i<ien ; i++ ) {
// json.data[i][0] = '<a href="/message/'+json.data[i][0]+'>View message</a>';
// }
var ret = {};
ret.data = json.data;
ret.draw = parseInt(json.page.currentPage);
ret.recordsTotal = parseInt(json.page.totalNumber);
ret.recordsFiltered = parseInt(json.page.totalNumber);
return ret.data;
}
},
columns: [
{
data: "id", render: function (data, type, full) {
return '<span class="dropDown dropDown_hover">\
<button class="btn radius size-M">请选择 <i class="Hui-iconfont">&#xe6d5;</i></button>\
<ul class="dropDown-menu menu radius box-shadow"><li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/'+ data +'?tab=0\')">查看详细</a></li>\
<li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/'+ data +'?tab=2\')">处理记录</a></li>\
<ul class="dropDown-menu menu radius box-shadow"><li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/' + data + '?tab=0\')">查看详细</a></li>\
<li><a href="javascript:;" onclick="layer_show(\'订单详情\', \'/work/detail/' + data + '?tab=2\')">处理记录</a></li>\
<li><a href="#">客户取消</a></li>\
</ul></span>';
}},
{data: "orderId"},
{data: "createUser"},
{data: "idCard"},
{data: "phoneNumber"},
{data: "createTime"},
{data: "createTime"},
{data: "createTime"},
{data: "createTime"},
{data: "createTime"},
{data: "createTime"},
{data: "createTime"},
{data: "createTime"},
{data: "createTime"}
]
});
}
},
{data: "orderId"},
{data: "createUser"},
{data: "idCard"},
{data: "phoneNumber"},
{data: "createTime"},
{data: "createTime"},
{data: "createTime"},
{data: "createTime"},
{data: "createTime"},
{data: "createTime"},
{data: "createTime"},
{data: "createTime"},
{data: "createTime"}
]
});
$.fn.dataTableExt.afnFiltering.push(
function( oSettings, aData, iDataIndex ) {
var min = document.getElementById('min').value;
var max = document.getElementById('max').value;
var iDateCol = 12;
$.fn.dataTableExt.afnFiltering.push(
function (oSettings, aData, iDataIndex) {
var min = document.getElementById('min').value;
var max = document.getElementById('max').value;
var iDateCol = 12;
var dateMin = new Date(aData[iDateCol]);
var dateMax = new Date(aData[iDateCol]);
var dateMin = new Date(aData[iDateCol]);
var dateMax = new Date(aData[iDateCol]);
if (min === '' && max === '')
return true;
else if (new Date(min).getTime() <= dateMin.getTime() && max === '')
return true;
else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime())
return true;
return false;
}
);
if (min === '' && max === '')
return true;
else if (new Date(min).getTime() <= dateMin.getTime() && max === '')
return true;
else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime())
return true;
return false;
}
);
$('.table_search').on('change', function () {
search = $(this).val();
column = $(this).attr('column');
$('.table_search').on('change', function () {
search = $(this).val();
column = $(this).attr('column');
$('#table').DataTable().column(column).search(search).draw();
});
$('#table').DataTable().column(column).search(search).draw();
});
$('#min, #max').on('keyup', function () {
$('#table').DataTable().draw();
});
$('#min, #max').on('keyup', function () {
$('#table').DataTable().draw();
});
function resetHandler ()
{
$('#table').DataTable().columns().search("").draw();
}
</script>
function resetHandler() {
$('#table').DataTable().columns().search("").draw();
}
</script>
</body>
<html>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!