sf-waybill-template v0.0.2

vue-print-template

开发

npm run serve

上传至npm

cd src/lib/vprint

npm login --registry http://registry.npmjs.org

npm version patch

npm publish --registry http://registry.npmjs.org

非Vue工程方式

编译方式

npm run lib

使用指南

引用编译后的文件：

<script src="./vprint.umd.js"></script>
<link rel="stylesheet" href="./vprint.css">

加载组件：

new Vue({
  components: {
    vprint
  }
}).$mount('#app')

添加组件HTMl：

<vprint
    ref="vprint"
    :print-data="printData"
    :print-size="210"
    :is-visual="true"
    :encrypt-method="0"
    :hide-config="hideConfig"
  />

打印数据实体与配置实体实例：

hideConfig: {
    isPreview: false, // 是否预览
        isLodop: false, // 是否打印
            isHideCargo: false, // 是否隐藏托寄物
          isHideAddedService: false, // 是否隐藏增值服务
          isHideWeight: false, // 是否隐藏(计费，实际)重量
          isHideFee: false, // 是否费用合计
          isHidePayMethod: false, // 是否隐藏付款方式
          isHideRemark: false // 是否隐藏备注
},
printData: [
    {
        times: 0, // 打印次数
        proCode: 'T4', // 时效类型
        proName: '特快', // 时效中文标签
        destRouteLabel: '755W-755BF', // 路由标签信息
        destTeamCode: '018', // 目的地单元区域
        codingMapping: 'D18', // 入港映射码
        sourceTransferCode: '755W', // 原寄地中转场
        twoDimensionCode:
        "MMM={'k1':'755W','k2':'755BF','k3':'018','k4':'T4','k5':'444017634769','k6':'','k7':'56faa109'}", // 二维码
        abFlag: 'A', // AB标
        codingMappingOut: null, // 出港映射码
        printIcon: '01100000', // 重货,蟹类,生鲜,易碎,医药,Z标,备用,备用
        orderId: '01343795412953600000', // 订单号
        content: '测试物品', // 托寄物内容
        mailNo: 'SF8888888888888,SF8888888888881,SF8888888888882', // 运单号
        deliverCompany: '深圳仓', // 寄，公司
        deliverName: '测试账号1', // 寄，姓名
        deliverMobile: '15000000000', // 寄，手机号
        deliverProvince: '广东省', // 寄，省
        deliverCity: '深圳市', // 寄，市
        deliverCounty: '福田区', // 寄，区
        deliverAddress: '新洲十一区万基商务大厦', // 寄，地址
        consignerCompany: '小微科技组', // 收，公司
        consignerName: '测试', // 收，姓名
        consignerMobile: '15000000000', // 收，手机号
        consignerProvince: '广东省', // 收，省
        consignerCity: '深圳市', // 收，市
        consignerCounty: '福田区', // 收，区
        consignerAddress: '万基商务大厦', // 收，地址
        payMethod: 1, // 付款方式
        monthAccount: '7551234567', // 月结卡号
        meterageWeight: null, // 计费重量
        cargoWeight: null, // 实际重量
        totalFee: null,
        remark: '备注信息', // 备注
        cod: null, // /代收付款金额
        parcelQuantity: 3, // 包裹数，>1表示子母单
        cargoCount: null, // 物品数量
        expressTypeText: '顺丰标快', // 类型
        addedService: 'COD,10' // 增值服务
    }
]