columns数组形式展示不同列数据
function workList() {
var status = $("#status1").val();
if (null == status || status == "") {
status = $("select[name='status']").val();
}
var workStatus;
switch (status) {
case '1'://待办
workStatus = [
{
field: 'id111',
width: 60,
title: "序号",
align: 'center',
formatter: function (value, row, index) {
return index + 1;
}
},
{
field: 'title',
title: '任务名称',
width: 300,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '" >' + value + '</span>';
return [nameIcon].join('');
},
events: {
'click .edit': function (e, value, row, index) {
waitViewTask(row.id);
}
}
},
{
field: 'zrrName',
title: '责任人',
align: 'center',
width: 100,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
return [nameIcon].join('');
},
},
{
field: 'xbrName',
align: 'center',
title: '协办人',
width: 100,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
return [nameIcon].join('');
},
},
{
field: 'leaderName',
title: '分管领导',
align: 'center',
width: 100,
},
{
field: 'startDate',
title: '交办日期',
align: 'center',
sortable: true,
order: 'desc',
width: 120
}, {
field: 'dueDate',
title: '完成日期',
align: 'center',
sortable: true,
order: 'desc',
width: 120
},
{
field: 'operator2',
title: '操作',
align: 'center',
valign: 'middle',
searchable: false,
clickToSelect: false,
width: 200,
formatter: function (value, row, index) {
var planIcon = '';
if (!!row && row.length > 0) {
for (var i = 0; i < row.length; i++) {
var user = row[i];
if (!!user && user.personnelType === '2') {
if ($("#nowUserId").val() === user.user.id) {
planIcon = '<div align="center"><span class="planIcon cursorPointer" data-toggle="modal" >【计划】</span>';
break;
}
}
}
}
var editIcon = '<span class="editIcon cursorPointer">【工作办理】</span></div>';
return [planIcon, editIcon].join('');
},
events: {
'click .editIcon': function (e, value, row, index) {
waitViewTask(row.id);
},
'click .planIcon': function (e, value, row, index) {
jihua(row);
}
}
}
];
break;
case '2'://超期
workStatus = [{
field: 'id',
title: 'ID',
visible: false
},
{
field: 'id111',
width: 60,
title: "序号",
visible: true,
align: 'center',
formatter: function (value, row, index) {
return index + 1;
}
},
{
field: 'title',
title: '任务名称',
// align:'center',
width: 220,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '" >' + value + '</span>';
return [nameIcon].join('');
},
events: {
'click .edit': function (e, value, row, index) {
timeOutViewTask(row.id)
},
}
},
{
field: 'zrrName',
title: '责任人',
align: 'center',
width: 80,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
return [nameIcon].join('');
},
},
{
field: 'xbrName',
title: '协办人',
align: 'center',
width: 80,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
return [nameIcon].join('');
},
},
{
field: 'leaderName',
title: '分管领导',
align: 'center',
width: 70
},
{
field: 'startDate',
title: '交办日期',
align: 'center',
sortable: true,
order: 'desc',
width: 80
},
{
field: 'dueDate',
title: '完成日期',
align: 'center',
sortable: true,
order: 'desc',
width: 80
}
,
/* {
field: 'betweenDay',
title: '超期天数',
align: 'center',
width: 80,
sortable: true,
order: 'desc',
},*/
{
field: 'status',
title: '状态',
align: 'center',
//valign: 'middle',
width: 60,
formatter: function (value, row, index) {
if (value == '2') {
var nameIcon = '<span style="width:14px;height:14px;border-radius: 50%;display:inline-block;margin-right:10px" class="edit cursorPointer" title="已超期"></span>';
return '<span></span>' + [nameIcon].join('');
} else if (value == '1') {
var nameIcon = '<span style="width:14px;height:14px;border-radius: 50%;display:inline-block;margin-right:10px" class="edit cursorPointer" title="进行中"></span>';
return '<span></span>' + [nameIcon].join('');
} else if (value == '0') {
var nameIcon = '<span style="width:14px;height:14px;border-radius: 50%;display:inline-block;margin-right:10px" class="edit cursorPointer" title="暂存"></span>';
return '<span></span>' + [nameIcon].join('');
} else if (value == '3' || value == '4') {
var nameIcon = '<span style="width:14px;height:14px;border-radius: 50%;display:inline-block;margin-right:10px" class="edit cursorPointer" title="已办结"></span>';
return '<span></span>' + [nameIcon].join('');
}
return "-";
}
},
{
field: 'operator2',
title: '操作',
align: 'center',
valign: 'middle',
searchable: false,
clickToSelect: false,
width: 100,
formatter: function (value, row, index) {
var editIcon = '<span class="editIcon cursorPointer">【工作办理】</span></div>';
return [editIcon].join('');
},
events: {
'click .editIcon': function (e, value, row, index) {
selectThing(row);
},
'click .delayIcon': function (e, value, row, index) {
if (row.ifDelay == '1') {
layer.msg("您已经申请延期，正在等待审核。。")
} else {
selectThing(row);
}
},
'click .endIcon': function (e, value, row, index) {
selectThing(row);
}
}
}
];
break;
case '5'://已办结
workStatus = [{
checkbox: true,
visible: false
},
{
field: 'id111',
width: 45,
title: "序号",
align: 'center',
formatter: function (value, row, index) {
return index + 1;
}
},
{
field: 'title',
title: '任务名称',
// align:'center',
width: 220,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '" >' + value + '</span>';
return [nameIcon].join('');
},
events: {
'click .edit': function (e, value, row, index) {
completedViewTask(row.id)
},
}
},
{
field: 'zrrName',
title: '责任人',
align: 'center',
width: 70,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
return [nameIcon].join('');
},
}, {
field: 'xbrName',
title: '协办人',
align: 'center',
width: 70,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
return [nameIcon].join('');
}
},
{
field: 'leaderName',
title: '分管领导',
align: 'center',
width: 70
},
{
field: 'startDate',
title: '交办日期',
align: 'center',
sortable: true,
order: 'desc',
width: 80
},
{
field: 'dueDate',
title: '完成日期',
align: 'center',
sortable: true,
order: 'desc',
width: 80
},
{
field: 'eDueDate',
title: '实际办结时间',
align: 'center',
width: 90,
sortable: true,
order: 'desc',
},
/* {
field: 'betweenDay',
title: '超期天数',
align: 'center',
width: 80,
sortable: true,
order: 'desc',
},*/
{
field: 'status',
title: '状态',
align: 'center',
sortable: true,
order: 'desc',
// valign: 'middle',
width: 60,
formatter: function (value, row, index) {
if (value == '2') {
var nameIcon = '<span style="width:14px;height:14px;border-radius: 50%;display:inline-block;margin-right:10px" class="edit cursorPointer" title="已超期"></span>';
return '<span></span>' + [nameIcon].join('');
} else if (value == '1') {
var nameIcon = '<span style="width:14px;height:14px;border-radius: 50%;display:inline-block;margin-right:10px" class="edit cursorPointer" title="进行中"></span>';
return '<span></span>' + [nameIcon].join('');
} else if (value == '0') {
var nameIcon = '<span style="width:14px;height:14px;border-radius: 50%;display:inline-block;margin-right:10px" class="edit cursorPointer" title="暂存"></span>';
return '<span></span>' + [nameIcon].join('');
} else if (value == '3' || value == '4') {
var nameIcon = '<span style="width:14px;height:14px;border-radius: 50%;display:inline-block;margin-right:10px" class="edit cursorPointer" title="已办结"></span>';
return '<span></span>' + [nameIcon].join('');
}
return "-";
}
}
];
break;
}
console.log("进来我的工作")
$("#workListForm")[0].reset();
$('#workList').bootstrapTable({//待办任务workList
method: 'post',
url: 'v2/myWork/workDateList',
silent: true,
cache: false,
pagination: true,
height: window.bsTableHeight - 70,
contentType: 'application/x-www-form-urlencoded',
showHeader: true,//是否显示列头。
pageSize: 10, //每页的记录行数（*）
pageList: [10, 20, 30, 40], //可供选择的每页的行数（*）
showColumns: false,//是否显示内容列下拉框。
clickToSelect: true,//设置 true 将在点击行时，自动选择 rediobox 和 checkbox。?
sidePagination: 'server',//设置在哪里进行分页，可选值为 'client' 或者 'server'。设置 'server'时，必须设置服务器数据地址（url）或者重写ajax方法。
sortOrder: 'desc',
sortName: 'startDate',
queryParams: searchParam,
singleSelect: true,
responseHandler: function (data) {
data = FastJson.format(data);
return data;
},
columns: workStatus,
});
}
columns数组形式展示不同列数据的更多相关文章
- Yii表单模型使用及以数组形式提交表单数据
按Yii文档里的描述,Yii在处理表单的一般过程是: 创建表单对应的模型类,设置字段验证规则 创建表单提交对应的action,处理提交的内容 在视图中创建表单form 在刚刚的一个小项目里,想使用aj ...
- javascript 如何打印、输出数组内容（将数组内容以字符串的形式展示出来）
1.情景展示 在实际开发过程中,为了调试,有时我们需要看数组中具体包含了哪些数据,但是, 如果我们直接打印该数组对象,显示的结果却不是我们想要的. 如何才能将数组内容打印出来呢?(将数组内容以 ...
- redis 一二事 - 设置过期时间，以文件夹形式展示key显示缓存数据
在使用redis时,有时回存在大量数据的时候,而且分类相同,ID相同 可以使用hset来设置,这样有一个大类和一个小分类和一个value组成 但是hset不能设置过期时间 过期时间只能在set上设置 ...
- [习题] FindControl 简单练习--GridView + CheckBox，点选多列数据（复选删除）#3 List或数组
[习题] FindControl 简单练习--GridView + CheckBox,点选多列数据(复选删除)#3 List或数组 之前的范例,使用字符串.文字来记录将删除的文章ID 后续会有很多小缺 ...
- EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之：使用BootstrapPagination以分页形式展示数据信息
上一篇介绍通过接口来获取数据,本篇将介绍如何以分页形式展示出接口获取到的数据 获取到的数据往往会很多,为了追去页面的美观和方便用户的检索,需要进行分页的展示: EasyNVR可接如多通道,当我们的通道 ...
- EasyNVR摄像机网页无插件直播方案H5前端构建之：使用BootstrapPagination以分页形式展示数据信息
背景介绍 EasyNVR核心在于摄像机的音视频流的获取.转换.转码与高性能分发,同时同步完成对实时直播流的录像存储,在客户端(PC浏览器.Android.iOS.微信)进行录像文件的检索.回放和下载. ...
- 查询表格——建立动态表格，使用ajax输入查询条件将后台数据查询出来以表格的形式展示出来
建立动态表格,使用ajax将前台查询条件传给后台,并将查询结果以表格的形式展示出来. 页面的展示效果如下图所示: 第一步:查询条件的部分: 代码如下: <div class="text ...
- R语言基础：数组&列表&向量&矩阵&因子&数据框
R语言基础:数组和列表 数组(array) 一维数据是向量,二维数据是矩阵,数组是向量和矩阵的直接推广,是由三维或三维以上的数据构成的. 数组函数是array(),语法是:array(dadta, d ...
- 如何在FineUIMvc（ASP.NET MVC）中显示复杂的表格列数据（列表和对象）？
起源 最初,这个问题是知识星球内的一个网友提出的,如何在FineUIMvc中展现复杂的列数据? 在FineUIPro中,我们都知道有一个 TemplateField 模板列可以使用,我们只需要在后台定 ...
随机推荐
- http中的Content-Type
要学习content-type,必须事先知道它到底是什么,是干什么用的. HTTP协议(RFC2616)采用了请求/响应模型.客户端向服务器发送一个请求,请求头包含请求的方法.URI.协议版本.以及包 ...
- ArrayList实现
数组实现父类:AbstractList接口:List,RandomAccess,Cloneable,Serializable字段://默认容量private static final int DEFA ...
- leetcode9
public class Solution { public bool IsPalindrome(int x) { ) { return false; } var str = x.ToString() ...
- 33.使用默认的execAndWait拦截器
转自:https://wenku.baidu.com/view/84fa86ae360cba1aa911da02.html 当我们进行数据库查询等相关的操作时,如果服务器负荷过重可能不能及时把数据查询 ...
- TMapCoordinate
MapPiter.Location := TMapCoordinate.Create(59.965, 30.35); MapPiter.Zoom := 10;
- svn can't save server certificate
f I use any svn command communicating with the remote server I get the following error: Error valida ...
- 单源最短路：Bellman-Ford算法 及 证明
描述: 求图中某一点到其他任一点的最短距离. 操作: 1. 初始化 结果保存在一个dist数组里,源点的结果初始化为0,其他初始化为无穷大(如INT32_MAX). 2. 计算: 两重for循环,第一 ...
- YourKit Java Profiler安装和破解
YourKit Java Profiler是业界领先的Java性能剖析工具.其独立版本安装成功且首次启动 YourKit Java Profiler 后,会弹出一个对话框,让用户选择 YourKit ...
- Luogu 3321 [SDOI2015]序列统计
BZOJ 3992 点开这道题之后才发现我对原根的理解大概只停留在$998244353$的原根是$3$…… 关于原根: 点我 首先写出$dp$方程,设$f_{i, j}$表示序列长度为$i$当前所有数 ...
- ubuntu库文件路径pkgconfig
settings--->compiler and bug settings -->link settings 在左边添加libpthread.a ,右边添加 -lpthread即可. u ...