续之前填报下载报错问题

收藏

本帖最后由 gnip 于 2024-10-29 17:52 编辑

续之前的填报后导出单元格内容和线上不一致的问题

按照给的解决方案，现在版本更新到17.1.8之后，不会报错了，但是下载后，数据下载后本地预览和线上还是有偏差，出现了明显的单元格样式错位的情况，初步尝试copy出来的sheet，并没有数据，仅仅是个模版的结构，并不是数据渲染后的sheet，导致setArray过后样式出现问题
我的代码如下：

const spread = GC.Spread.Sheets.findControl(spreadDom.value)
const sheetTabCount = spreadRef.getSheetTabCount()
const dataMap = new Map()
for (let i = 0; i < sheetTabCount; i++) {
const sheetTab = spreadRef.getSheetTab(i)
const usedRange = sheetTab.getRange()
console.log('usedRange---', usedRange)
dataMap.set(i, [])
const sheetMapItem = dataMap.get(i)
for (let i = 0; i < usedRange.rowCount; i++) {
const arr = []
for (let j = 0; j < usedRange.colCount; j++) {
let value = sheetTab.getValue(i, j)
const tagInfo = sheetTab.getSheet().getCell(i, j).tag()
if (tagInfo && tagInfo.renderCellValue) {
value = tagInfo.renderCellValue
}
arr.push(value)
}
sheetMapItem.push(arr)
}
}
const temp = new GC.Spread.Sheets.Workbook()
await temp.fromJSON(spread.toJSON())
resolveColAndRowHeader(true, temp)
const t_sheetTabCount = temp.getSheetTabCount()
for (let i = 0; i < t_sheetTabCount; i++) {
const t_sheetTab = temp.getSheetTab(i)
const usedRange = t_sheetTab.getRange()
t_sheetTab.renderMode('Preview')
t_sheetTab.getSheet().setArray(usedRange.row, usedRange.col, dataMap.get(i))
}
console.log('dataMap', dataMap)
temp.export(
(blob) => {
fileSaver.saveAs(
blob,
`${
typeof downloadFieldName === 'string'
? downloadFieldName
: reportDetail.value.reportName
}.xlsx`
)
// 隐藏行头
setTimeout(() => {
resolveColAndRowHeader(false, temp)
sheetLoading.value = false
}, 200)
ElMessage({
message: '导出成功',
type: 'success'
})
},
null,
{
fileType: GC.Spread.Sheets.FileType.excel
}
)

复制代码

Ellia.Duan · Ellia.Duan

收到，调研下回复您。

Ellia.Duan · Ellia.Duan

您好，请将您的模板导出json上传下，我未能复现您的问题。

gnip · gnip

Ellia.Duan 发表于 2024-10-30 10:21
您好，请将您的模板导出json上传下，我未能复现您的问题。

复现问题demon已上传，点击拷贝下载明显的和线上不一致了

Ellia.Duan · Ellia.Duan

已复现，调研编号：SJS-27095

Ellia.Duan · Ellia.Duan

本帖最后由 Ellia.Duan 于 2024-11-1 16:12 编辑

您好，针对前面帖子提出的解决方案已修改：
https://gcdn.grapecity.com.cn/fo ... =1&extra=#pid843209

这个是因为：
ReportSheet的预览界面是由数据驱动的。
比如说，数据源有三条，在模板中设置一行字段后，设置一行静态的样式，如下图 image.png947641906.png

在预览页面将在7行以后，扩展出数据源的行数。

而您remote中read采用的是promise方法，在toJSON ，fromJSON后，此时获取的数据源是空的。因为不是静态数据。
所以，此时预览时，模板中的7行就不会向下扩展，所以在setArray后出现了如下图的问题：
image.png16193541.png

为此，正确做法是，重新为dataManager中为table重设数据源。
当然这个数据源，可以是任意方式，比如说您下拉框中value改为label。

总体上来说，ReportSheet有一个数据引擎，预览页面由数据驱动，setValue，setArray无法控制其行为。如果想要导出显示的内容与预览时不一样，就重新设置数据源即可。

具体参考这个demo:

update.html (9.98 KB, 下载次数: 4)

gnip · gnip

本帖最后由 gnip 于 2024-11-8 16:39 编辑

Ellia.Duan 发表于 2024-11-1 14:58
您好，针对前面帖子提出的解决方案已修改：
https://gcdn.grapecity.com.cn/fo ... =1&extra=#pid843209
...

但是，这样的方式去下载，还是有2个明显的问题
1、每次重设数据源，页面的改动就没法下载呢，每次下载的都是初始化服务端拉取的数据，预期的下载是能够编辑后也能下载修改的部分，实时的
2、每次拉取数据的时候，由于是从后端重新拉取，页面配置的下拉这种单元格，我重新拉取后，处理数据字段的时候，也不知道他是不是下拉，要不要映射成label（具体标识实在页面模版配置的时候，配置在单元格属性上的）

Ellia.Duan · Ellia.Duan

1、如果客户客户修改后的数据，不经过“提交”确认，直接导出为Excel ，我认为是不合理的。
导出Excel后查看的数据，应该是经过验证的正确的数据，即需要点击“提交”后，前端后端同时做一些验证，数据正确后，修改数据库。

此时，重新拉取最新的数据源的数据，再导出Excel文件，符合正常流程。

2、对于下拉框问题，数据库中应该保存的是一个value值，所以数据库保存的值应该和excel中看到的label值不一样。
所以，导出时，遍历数据源此字段，通过映射，重设单元格文本，在进行导出。

gnip · gnip

Ellia.Duan 发表于 2024-11-8 17:11
1、如果客户客户修改后的数据，不经过“提交”确认，直接导出为Excel ，我认为是不合理的。
导出Excel后查 ...

行的，这样可以，结贴吧

Ellia.Duan · Ellia.Duan

		自动登录	找回密码
密码			立即注册

[已处理] 续之前填报下载报错问题

9 个回复

SpreadJS 认证

SpreadJS 高级认证