2020-10-24 下载列表excel

背景：使用ant design table组件写了一个列表，列表带有下载按钮将列表内容下载成excel列表，要求下载的时候在浏览器下方有下载的提示。

列表代码： <Tab  columns={this.columns}        dataSource={this.state.noticeInfoList size="middle" // rowSelection={rowSelection}----这个是控制表格出现复选框                                              pagination={false}  loading={this.state.loading} ></Table>

下载按钮：<Button  key="confirm"  // type="primary"  // loading={this.loading}  onClick={() => this.downLoadAllList()} >下载</Button>

下载功能代码：                                                                                                      downLoadAllList() {                                                                                                                    let param = {  companyId:555,  downloadFlag:'1', companyName:'xuzhen'  }      let url = `${configs.host}${FindAllAnnouncementInformationByCompanyId}？companyId=${param.companyId}&downloadFlag=${param.downloadFlag}&companyName=${param.companyName}`                                                                                            window.open(url, '_self')    -----open方法，第二个参数指在当前页签下进行下载，不设置，则会是打开新的页签进行下载，有一个闪跃的不美观的视觉体验                                                                        }

下载示意图：