0.2.30 • Published 5 years ago

@xme-react/bx-tpl-print v0.2.30

Weekly downloads
1
License
ISC
Repository
-
Last release
5 years ago

审批打印模板

方法

downFile({info:{},orgName:'讯盟科技'}) 文件下载

renderHtml({info:{},orgName:'讯盟科技'}) 返回html页面

使用

参数类型备注
infoObjectinfo 后台返回的审批详细字段
orgNameStringorgName 当前企业名称

模板详情样式修改

./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