zoukankan      html  css  js  c++  java
  • columns数组形式展示不同列数据197

    function workList() {
    var status = $("#status1").val();
    if (null == status || status == "") {
    status = $("select[name='status']").val();
    }
    var workStatus;
    switch (status) {
    case '1'://待办
    workStatus = [
    {
    field: 'id111',
    60,
    title: "序号",
    align: 'center',
    formatter: function (value, row, index) {
    return index + 1;
    }
    },
    {
    field: 'title',
    title: '任务名称',
    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',
    100,
    formatter: function (value, row, index) {
    var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
    return [nameIcon].join('');
    },
    },

    {
    field: 'xbrName',
    align: 'center',
    title: '协办人',
    100,
    formatter: function (value, row, index) {
    var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
    return [nameIcon].join('');
    },
    },
    {
    field: 'leaderName',
    title: '分管领导',
    align: 'center',
    100,
    },
    {
    field: 'startDate',
    title: '交办日期',
    align: 'center',
    sortable: true,
    order: 'desc',
    120
    }, {
    field: 'dueDate',
    title: '完成日期',
    align: 'center',
    sortable: true,
    order: 'desc',
    120
    },
    {
    field: 'operator2',
    title: '操作',
    align: 'center',
    valign: 'middle',
    searchable: false,
    clickToSelect: false,
    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',
    60,
    title: "序号",
    visible: true,
    align: 'center',
    formatter: function (value, row, index) {
    return index + 1;
    }
    },
    {
    field: 'title',
    title: '任务名称',
    // align:'center',
    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',
    80,
    formatter: function (value, row, index) {
    var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
    return [nameIcon].join('');
    },
    },
    {
    field: 'xbrName',
    title: '协办人',
    align: 'center',
    80,
    formatter: function (value, row, index) {
    var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
    return [nameIcon].join('');
    },
    },
    {
    field: 'leaderName',
    title: '分管领导',
    align: 'center',
    70
    },
    {
    field: 'startDate',
    title: '交办日期',
    align: 'center',
    sortable: true,
    order: 'desc',
    80
    },
    {
    field: 'dueDate',
    title: '完成日期',
    align: 'center',
    sortable: true,
    order: 'desc',
    80
    }
    ,
    /* {
    field: 'betweenDay',
    title: '超期天数',
    align: 'center',
    80,
    sortable: true,
    order: 'desc',
    },*/
    {
    field: 'status',
    title: '状态',
    align: 'center',
    //valign: 'middle',
    60,
    formatter: function (value, row, index) {
    if (value == '2') {
    var nameIcon = '<span style="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="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="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="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,
    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',
    45,
    title: "序号",
    align: 'center',
    formatter: function (value, row, index) {
    return index + 1;
    }
    },
    {
    field: 'title',
    title: '任务名称',
    // align:'center',
    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',
    70,
    formatter: function (value, row, index) {
    var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
    return [nameIcon].join('');
    },
    }, {
    field: 'xbrName',
    title: '协办人',
    align: 'center',
    70,
    formatter: function (value, row, index) {
    var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
    return [nameIcon].join('');
    }
    },
    {
    field: 'leaderName',
    title: '分管领导',
    align: 'center',
    70
    },
    {
    field: 'startDate',
    title: '交办日期',
    align: 'center',
    sortable: true,
    order: 'desc',
    80
    },
    {
    field: 'dueDate',
    title: '完成日期',
    align: 'center',
    sortable: true,
    order: 'desc',
    80
    },
    {
    field: 'eDueDate',
    title: '实际办结时间',
    align: 'center',
    90,
    sortable: true,
    order: 'desc',
    },
    /* {
    field: 'betweenDay',
    title: '超期天数',
    align: 'center',
    80,
    sortable: true,
    order: 'desc',
    },*/
    {
    field: 'status',
    title: '状态',
    align: 'center',
    sortable: true,
    order: 'desc',
    // valign: 'middle',
    60,
    formatter: function (value, row, index) {
    if (value == '2') {
    var nameIcon = '<span style="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="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="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="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,
    });
    }
  • 相关阅读:
    bzoj2888: 资源运输
    [ SDOI 2009 ] HH的项链 & [ HEOI 2012 ] 采花
    [ POI 2017 ] Podzielno
    [ HAOI 2011 ] Problem A
    [ SDOI 2011 ] 打地鼠
    [ SCOI 2007 ] Perm
    [ POI 2011 ] Dynamite
    [ BZOJ 3038 & 3211 / SPOJ GSS4 ] 上帝造题七分钟2 / 花神游历各国
    [ BZOJ 3445 ] Roadblock
    [ ZJOI 2006 ] Mahjong
  • 原文地址:https://www.cnblogs.com/Ai-Hen-Jiao-zhi/p/10113483.html
Copyright © 2011-2022 走看看