avue导出Excel,使用当前日期做文件名,可以批量导出、全量导出、搜索后的全量数据导出

1. avue做导出Excel功能

1.1 vue文件

// 静态页面




1.2 const下的js文件

export const tableOption = {
  title: "日志列表",
  "border": true,
  "index": true,
  "indexLabel": "序号",
  "stripe": true,
  "menuAlign": "center",
  "align": "center",
  "searchMenuSpan": 6,
  queryBox: true,
  viewBtn:true,
  selection:true,
  addBtn: false,
  editBtn: false,
  delBtn: false,
  calcHeight: 15,
  "column": [
    {
      "type": "select",
      "label": "来源系统",
      "prop": "serviceSource",
      search: true,
      dicUrl: '/admin/dict/type/abu_interface_sysname'
    },{
      "type": "input",
      "label": "主键",
      "prop": "id",
      hide: true
    },	{
      type: 'input',
      "label": '服务编码',
      "prop": 'serviceCode',
      search: true,
      cell: true,
      slot: true
    },  {
      "type": "input",
      "label": "服务中文名称",
      "prop": "description"
    },	{
      "type": "input",
      "label": "服务英文名",
      "prop": "serviceName",
      "searchLabel": "服务名称",
      search: true
    },{
      "type": "input",
      "label": "批次",
      "prop": "batchId",
      hide: true
    },	  {
      "type": "input",
      "label": "ESB标识",
      "prop": "esbFlag"
    },	  {
      "type": "input",
      "label": "ESB返回代码",
      "prop": "esbReturnCode"
    },	  {
      "type": "input",
      "label": "系统返回消息",
      "prop": "esbReturnMessage",
      hide: true
    },	  {
      "type": "input",
      "label": "业务服务执行标识",
      "prop": "bizServiceFlag"
    },	  {
      "type": "input",
      "label": "业务服务返回代码",
      "prop": "bizReturnCode"
    },	  {
      "type": "input",
      "label": "业务服务返回消息",
      "prop": "bizReturnMessage"
    },	  {
      "type": "input",
      "label": "实例ID",
      "prop": "instanceId"
    },	  {
      "type": "input",
      "label": "总记录数",
      "prop": "totalRecord",
      hide: true
    },	  {
      "type": "input",
      "label": "总页数",
      "prop": "totalPage",
      hide: true
    },	  {
      "type": "input",
      "label": "页面大小",
      "prop": "pageSize",
      hide: true
    },	  {
      "type": "input",
      "label": "当前页",
      "prop": "currentPage",
      hide: true
    },  {
      "type": "select",
      "label": "是否启用",
      "prop": "statusCode",
      search: true,
      hide: true,
      dicData: [
        {
          label: '否',
          value: 'E'
        },
        {
          label: '是',
          value: 'S'
        }
      ],
    },  {
      "type": "input",
      "label": "错误信息",
      "prop": "errorMessage",
      overHidden: true
    },	  {
      "type": "input",
      "label": "创建人ID",
      "prop": "createId",
      hide: true
    },	  {
      "type": "input",
      "label": "创建人",
      "prop": "createName",
      hide: true
    },	  {
      "type": "input",
      "label": "创建时间",
      "prop": "createTime",
      hide: true
    },	  {
      "type": "input",
      "label": "更新人ID",
      "prop": "updateId",
      hide: true
    },	  {
      "type": "input",
      "label": "更新人",
      "prop": "updateName",
      hide: true
    },	  {
      "type": "input",
      "label": "更新时间",
      "prop": "updateTime",
      hide: true
    },	  {
      "type": "input",
      "label": "操作来源(手动/自动)",
      "prop": "source",
      hide: true
    }  ]
}

你可能感兴趣的:(vue,avue,前端)