创建版本
This commit is contained in:
@@ -0,0 +1,97 @@
|
||||
<div class="jqgrid-wrap-no-border jqgrid-body-no-border">
|
||||
<table id="widget-workflow-efficiency"></table>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.jqgrid-wrap-no-border .ui-jqgrid-hdiv {
|
||||
border: 0 !important;
|
||||
}
|
||||
.jqgrid-wrap-no-border .ui-jqgrid-bdiv {
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
}
|
||||
.jqgrid-wrap-no-border .ui-jqgrid-sdiv {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.jqgrid-body-no-border .ui-jqgrid-htable thead th.ui-th-column {
|
||||
border-right: 0 !important;
|
||||
}
|
||||
.jqgrid-body-no-border .ui-jqgrid-btable tbody tr.jqgrow td {
|
||||
border-right: 0 !important;
|
||||
}
|
||||
.jqgrid-body-no-border .ui-jqgrid-btable tbody tr.jqgrow td.jqgrid-rownum,
|
||||
.jqgrid-body-no-border .ui-jqgrid-ftable tbody tr.footrow td.jqgrid-rownum {
|
||||
border-right: 1px solid #ddd !important;
|
||||
}
|
||||
|
||||
.jqgrid-body-no-border .ui-jqgrid-ftable tbody tr.footrow td {
|
||||
border-right: 0 !important;
|
||||
}
|
||||
.jqgrid-body-no-border .ui-jqgrid-btable tbody tr.jqgrow td:last-child,
|
||||
.jqgrid-body-no-border .ui-jqgrid-ftable tbody tr.footrow td:last-child {
|
||||
border-right: 1px solid #ddd !important;
|
||||
}
|
||||
.jqgrid-body-no-border .ui-jqgrid-htable thead th.ui-th-column.active {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
(function($) {
|
||||
var t = $('#widget-workflow-efficiency');
|
||||
var model = [{
|
||||
name: 'user',
|
||||
index: 'user',
|
||||
label: '办理人',
|
||||
minWidth: 120,
|
||||
align: 'left'
|
||||
},{
|
||||
name: 'b',
|
||||
index: 'b',
|
||||
label: '超过3天',
|
||||
align: 'center',
|
||||
width: 90
|
||||
},{
|
||||
name: 'c',
|
||||
index: 'c',
|
||||
label: '超过30天',
|
||||
align: 'center',
|
||||
width: 90
|
||||
},{
|
||||
name: 'total',
|
||||
index: 'total',
|
||||
label: '合计',
|
||||
align: 'center',
|
||||
width: 90,
|
||||
formatter: function(cellvalue, options, row) {
|
||||
return parseInt(row['b'] || 0) + parseInt(row['c'] || 0);
|
||||
}
|
||||
}];
|
||||
|
||||
var footerCalculate = function() {
|
||||
var b = $(this).getCol('b', false, 'sum');
|
||||
var c = $(this).getCol('c', false, 'sum');
|
||||
$(this).footerData('set',{b: b, c: c, total: b + c});
|
||||
}
|
||||
|
||||
t.jqGrid({
|
||||
caption: '',
|
||||
datatype: 'json',
|
||||
mtype: 'POST',
|
||||
url: '{{url("workflow/widget/efficiency")}}',
|
||||
colModel: model,
|
||||
rowNum: 1000,
|
||||
multiselect: false,
|
||||
viewrecords: true,
|
||||
rownumbers: true,
|
||||
height: 144,
|
||||
scrollOffset: 16,
|
||||
footerrow: true,
|
||||
loadonce: true,
|
||||
gridComplete: function() {
|
||||
footerCalculate.call(this);
|
||||
}
|
||||
});
|
||||
})(jQuery);
|
||||
</script>
|
||||
@@ -0,0 +1,51 @@
|
||||
<div class="wrapper-sm p-t-none">
|
||||
<div class="list-jqgrid">
|
||||
<div id="workflow-widget" class="ag-theme-balham" style="width:100%;height:200px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function ($) {
|
||||
|
||||
function datetimeFormatter(params) {
|
||||
return format_datetime(params.value);
|
||||
}
|
||||
function tabFormatter(params) {
|
||||
return '<a href="javascript:;" data-toggle="addtab" data-url="'+app.url('workflow/workflow/edit', {process_id: params.data.id})+'" data-id="workflow_workflow_edit" data-name="待办流程">' + params.value + '</a>';
|
||||
}
|
||||
|
||||
var gridDiv = document.querySelector("#workflow-widget");
|
||||
var options = new agGridOptions();
|
||||
options.remoteDataUrl = '{{url()}}';
|
||||
options.remoteParams = {};
|
||||
var columnDefs = [
|
||||
{suppressMenu: true, type:'sn', cellClass:'text-center', headerName: '序号', width: 60},
|
||||
{suppressMenu: true, field: "title", headerName: '流程主题', width: 260},
|
||||
{suppressMenu: true, sortable: false, cellClass:'text-center', field: "step_title", headerName: '当前步骤', width: 160},
|
||||
{suppressMenu: true, valueFormatter: datetimeFormatter, sortable: false, field: "turn_time", headerName: '交办时间', width: 160},
|
||||
//{suppressMenu: true,field: "id", cellClass:'text-center', headerName: 'ID', width: 80}
|
||||
];
|
||||
|
||||
options.onGridReady = function(params) {
|
||||
};
|
||||
|
||||
options.columnDefs = columnDefs;
|
||||
options.onRowDoubleClicked = function (params) {
|
||||
if (params.node.rowPinned) {
|
||||
return;
|
||||
}
|
||||
if (params.data == undefined) {
|
||||
return;
|
||||
}
|
||||
if (params.data.id > 0) {
|
||||
top.addTab('workflow/workflow/edit?process_id=' + params.data.id, 'workflow_workflow_edit', '待办流程');
|
||||
}
|
||||
};
|
||||
new agGrid.Grid(gridDiv, options);
|
||||
|
||||
// 读取数据
|
||||
options.remoteData({page: 1});
|
||||
|
||||
gdoo.widgets['workflow_widget_index'] = options;
|
||||
})(jQuery);
|
||||
</script>
|
||||
Reference in New Issue
Block a user