续之前填报下载报错问题

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



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

1.   const spread = GC.Spread.Sheets.findControl(spreadDom.value)
   
2.     const sheetTabCount = spreadRef.getSheetTabCount()
   
3.     const dataMap = new Map()
   
4.     for (let i = 0; i < sheetTabCount; i++) {
   
5.       const sheetTab = spreadRef.getSheetTab(i)
   
6.       const usedRange = sheetTab.getRange()
   
7. 
   
8.       console.log('usedRange---', usedRange)
   
9.       dataMap.set(i, [])
   
10.       const sheetMapItem = dataMap.get(i)
    
11.       for (let i = 0; i < usedRange.rowCount; i++) {
    
12.         const arr = []
    
13.         for (let j = 0; j < usedRange.colCount; j++) {
    
14.           let value = sheetTab.getValue(i, j)
    
15.           const tagInfo = sheetTab.getSheet().getCell(i, j).tag()
    
16.           if (tagInfo && tagInfo.renderCellValue) {
    
17.             value = tagInfo.renderCellValue
    
18.           }
    
19.           arr.push(value)
    
20.         }
    
21.         sheetMapItem.push(arr)
    
22.       }
    
23.     }
    
24.     const temp = new GC.Spread.Sheets.Workbook()
    
25.     await temp.fromJSON(spread.toJSON())
    
26.     resolveColAndRowHeader(true, temp)
    
27.     const t_sheetTabCount = temp.getSheetTabCount()
    
28.     for (let i = 0; i < t_sheetTabCount; i++) {
    
29.       const t_sheetTab = temp.getSheetTab(i)
    
30.       const usedRange = t_sheetTab.getRange()
    
31.       t_sheetTab.renderMode('Preview')
    
32.       t_sheetTab.getSheet().setArray(usedRange.row, usedRange.col, dataMap.get(i))
    
33.     }
    
34. 
    
35.     console.log('dataMap', dataMap)
    
36.     temp.export(
    
37.       (blob) => {
    
38.         fileSaver.saveAs(
    
39.           blob,
    
40.           `${
    
41.             typeof downloadFieldName === 'string'
    
42.               ? downloadFieldName
    
43.               : reportDetail.value.reportName
    
44.           }.xlsx`
    
45.         )
    
46.         // 隐藏行头
    
47.         setTimeout(() => {
    
48.           resolveColAndRowHeader(false, temp)
    
49.           sheetLoading.value = false
    
50.         }, 200)
    
51.         ElMessage({
    
52.           message: '导出成功',
    
53.           type: 'success'
    
54.         })
    
55.       },
    
56.       null,
    
57.       {
    
58.         fileType: GC.Spread.Sheets.FileType.excel
    
59.       }
    
60.     )

复制代码

收到，调研下回复您。

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

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

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

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

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

这个是因为：
ReportSheet的预览界面是由数据驱动的。
比如说，数据源有三条，在模板中设置一行字段后，设置一行静态的样式，如下图
在预览页面将在7行以后，扩展出数据源的行数。

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


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



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

具体参考这个demo: update.html (9.98 KB, 下载次数: 2)

2024-11-1 14:58 上传

点击文件名下载附件

或者下面的代码： App.vue (6.72 KB, 下载次数: 1)

2024-11-1 16:12 上传

点击文件名下载附件

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

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

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

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

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

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

行的，这样可以，结贴吧