一、预览效果

二、实现逻辑

【轮播表格】联动【PDF下载组件】，实现点击表格任意行即可下载PDF文件资料。

三、操作步骤

选中【轮播表格】→【样式】→【行配置】【列配置】→增删、修改表格内容，改为文件介绍。

如下图所示↓

选中【轮播表格】→点击【数据】→查看数据，【自定义时间】设置条件需要用到数据作为锚点。

点击【组件】→【文字】→添加所需展示数量的【PDF组件】→【样式】→勾选【默认隐藏】→在【资源地址】处上传所要下载的文档。

上传完成后，点击【资源地址】右上角的下载按钮，获取文件的URL链接。

点击【数据】，将复制的链接放入，依次完成三个PDF组件的数据填充。

在左侧选中PDF组件进行重命名，命名为表格对应的文件名称，也可简单标记为123数字。

再次选中【轮播表格】→点击【交互】→添加【自定义事件】→事件类型设置为【鼠标点击】→组件设置为当前，动作设置为对应的【PDF组件】名称→点击【添加条件】。

类型选择【字段】→设置条件为【column2=数栈】。（ps：该条件不唯一，此处仅用于实例展示，可通过【数据】部分自行更改字段）

接下来需要添加对应数量的【自定义事件】，分别对应三个PDF文件，只需修改【条件】与当前【组件】即可。

选中【PDF组件】→点击【交互】→添加【自定义事件】→事件类型设置为【当请求完成或数据变化时】→点击【添加条件】。

条件类型设置为【自定义条件】→填写代码→【保存】→修改其余两个PDF组件。

function downloadPDF(url) {
    var link = document.createElement('a');
    link.href = url;
    link.download = 'document.pdf';
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}

// 调用函数并传入 PDF 文件的 URL
downloadPDF(data[0].url);