# 1 打印模版

打印模版tab：是用来管理打印模版的增删查改的一个页面管理工具。

打印模版：使用luckysheet建立的一个含有指定特殊标识符的excel在线文档，被用来自定义打印使用。打印模版对应的excel文档默认使用的是A4纸张，如下图一个黑色边框虚线可以查看A4纸张的边界，超过这个边界的右边,打印时会看不见

# 1.1 打印模版管理

# 1.1.1 新建模版

新建模版，可修改模版名称，模版内容，具体可参考详情1.2打印模版的操作

# 1.1.2 编辑模版数组的单元格合并只支持横向合并

对打印模版的编辑，包括字段的拖拽，页眉页脚的设置，修改打印模版的名称，具体可参考详情1.2打印模版的操作

# 1.1.3 删除模版

若是某个模版不用了，也可进行删除操作

# 1.2 打印模版的操作

# 1.2.1 设置表单字段

表单字段是动态生成的，根据不同的页面生成不同表单字段，如果不满意布局可以自己拖拽重新生成, 如果对表单的字段不满意，可以自定义扩展数据打印

# 1.2.2 设置系统字段

系统字段是公共的，唯一需要注意的是，系统字段中流程相关字段，只有在流程表单中打印中才会有值

# 之前打印的审批意见，迁移到系统字段里面，可以拖拽生成

# 1.2.3 设置页眉页脚

页眉页脚支持图片和文字，如果页脚需要需要支持页码，总页码，需要手动输入或自动填充后再修改，

# 1.2.4 预览

点击预览，可以查看打印时候的大致页面,如下图，红色的边框线是A4纸张的边界；浅灰色虚线，是实际打印纸张内容的边界，其中的间距就是页面的20px的间距

# 1.3 选择打印模版类型

# 1.3.1 表单上选择模版类型

# 1.3.2 视图上选择模版类型

# 1.3.3 流程上选择模版类型

注意：流程上选择模版类型时，必须先要选择表单

# 1.4 自定义扩展数据打印

系统和表单默认的字段不满足，可以自定义一些扩展数据，进行打印，步骤如下

# 1.4.1 一、在高级中添加事件，自定义扩展数据且返回

在高级中添加事件代码如下

const obj = {
  studentId: '1',
  list: ['1', '2', '3', '4']
}
return obj

# 1.4.2 二、在模版设计器中设置对应的key

对象： ${studentId}

数组：${list}

如下：

# 1.4.3 三、选择对应的模版

选择对应的模版进行打印,可参考1.3选择打印模版类型

# 1.4.4 四、打印结果

# 1.5 自定义修改样式

表单添加渲染打印页面后事件，代码如下

console.log('data:', data)
if(data.name === '1') {
  document.querySelector('.body-content tr:nth-of-type(1)').style.display = 'none'
} 
if(data.userId === '2') {
  document.querySelector('.body-content tr:nth-of-type(2)').style.display = 'none'
}

# 1.6 常见问题

# excel打印中，在资源容器中或者折叠面板或tab组件中的组件等布局容器中，在左侧字段不显示，该如何显示？

方法一：使用原生的字段，在表中的字段，如果该表单对应的实体字段如下

alt text

然后模版中使用${id},${name},${enable},

${TonMatters.id} ${TonMatters.name}

方法二：在表单打印前添加事件，或视图打印前添加事件

const data = arguments[0]
return {
  a: data.name === '0' ? 'sss' : 'hhh'
}

然后模版中使用${a}

# 打印前事件不起作用？

请检查，打印前事件有两个，一个在表单一个在视图中，如果在表单中添加打印按钮请在表单中添加事件，视图中亦然

# 打印一直转圈圈或样式错乱？

可能原因1: 数组有纵向合并，这个不支持

可能原因2: 有一行单元格，找不到了，例如14行突然到了16行，请重新删除再添加

# word 打印2列变成3列？

解决方法，在表单里面添加“渲染打印页面后事件”修改样式，使word强制变为两列

const nodeList = document.querySelectorAll('.docx > article')
console.log('node:', nodeList)
for (let index = 0; index < nodeList.length; index++) {
  nodeList[index].style['columnCount'] = 2
}