前端打印

1.定义变量配置dom模板

let template = ''
        this.Inselect.forEach(item => {
          template +=
            `

               

                 案件信息
               
               

                 

                   
事件名称：${item.eventName}
                   
报警人：${item.person}
                   
性别：${item.gender === 2 ? '女' : '男'}
                   
年龄：${item.age}
                   
民族/国籍：${item.nationality}
                   
院系/单位：${item.department}
                   
住址：${item.address}
                   
联系电话：${item.phone}
                   
备注：${item.mark}
                 
                 

                   
事发地点：${item.incidentAddress}
                   
学号：${item.studentNum}
                   
身份证号：${item.identityNum}
                   
是否调取录像：${item.isRecode === true ? '是' : '否'}
                   
案件开始时间：${item.alarmTime ? this.$moment(item.alarmTime).format('YYYY-MM-DD HH:mm:ss') : ''}
                   
案件结束时间：${item.endTime ? this.$moment(item.endTime).format('YYYY-MM-DD HH:mm:ss') : ''}
                   
登记时间：${item.createTime ? this.$moment(item.createTime).format('YYYY-MM-DD HH:mm:ss') : ''}
                   
事件特征：${item.description}
                 
               
             
`
        })

2.将dom模板配置到打印页面的body中

        const el = document.createElement('div')
        el.innerHTML = template
        document.body.appendChild(el)

3.调用打印方法，完成打印

        window.print()
        document.body.removeChild(el)

4.注意点（如果只打印配置的dom模板，需要在css中隐藏其他不需要打印的dom，配置方法）

@media print {
  #app-main {
    display: none;
  }
}