审批打印模板
方法
downFile({info:{},orgName:'讯盟科技'}) 文件下载
renderHtml({info:{},orgName:'讯盟科技'}) 返回html页面
使用
参数 | 类型 | 备注 |
---|---|---|
info | Object | info 后台返回的审批详细字段 |
orgName | String | orgName 当前企业名称 |
模板详情样式修改
./src/tpl/index.html 模板样式文件 用于本地修改样式
在tpl目录下执行 node pack 将写好的模板打包成模板字符全在./src/statics/htmlTpl.js文件
用例
import React from 'react'
import ReactDOM from 'react-dom'
import Button from './components/index'
import data from './mock/data'
import Print from './js/index'
function onClick () {
const info = data.data
console.log(info)
Print.downFile({...info,...{orgName:'测试企业名称'}})
}
ReactDOM.render((
<div onClick={onClick}>
<Button
/>
</div>
), document.body)
###报销打印 tpl文件下创建html文件 html文件以及动态渲染的需要在tpl下的pack.js 注册 html动态渲染标签需要在common.js写成模版 逻辑操作在src/js/index.js 中进行操作
###打包方法 若单纯修改src/js/index.js 文件 编译只需运行 npm run babel 即可 若修改html文件或者common.js 里的模版,编译顺序如下 1、cd src 2、cd tpl 3、node pack 4、cd ../../ 5、npm run babel 发布打印包: 需要在package.js 里修改version的版本号 ,执行 xnpm publish 命令即可
本地其他项目文件引入打印文件调试 :xnpm link @xm/BxTplPrint