Geek-print-config-470 NPM

geek-print-config

Geek+ 打印模板配置组件

geek-print-config 主要功能描述。。

组件开发文档

对接

以apollo-fe的picking分支以例（同时支持vue和jQuery）

一、迁移打印工具代码

1、复制文件

src/ 到 src/vue/geeklibs/Print/v4/

// 修改 /apis/print.js 的 request方法为：
const request = opts => {
  return new Promise(resolve => axios({
    ...opts
  }).then(data => {
    resolve(data)
  }))
}
// 修改 /components/apis/index.js 的 request方法为：
const request = opts => {
  return new Promise(resolve => axios({
    ...opts
  }).then(data => {
    resolve(data)
  }))
}


import { QueuePrint } from 'geek-print-config-470';
//打印使用 节点数据 请求模板和内容参数 打印数量
QueuePrint(node, { ...paramType }, printNum).then(() => {
            console.log('打印成功');
          }, (reject) => {
            console.log('打印失败');
            this.$message({
              message: this.$t(reject),
              type: 'warning',
              showClose: true,
            });
          });
// 组件GeekPrintConfig使用 code直接显示对应模板 
import { GeekPrintConfig, Print } from 'geek-print-config-470';

<geek-print-config :code="code" />

2、添加打印库文件

创建文件夹：src/plugins/LodopFuncs/v2/

复制 picking 分支下的同名文件夹

二、添加菜单

参考 picking 分支如下文件：

src/components/admin/printsManager/*
src/vue/src/wms-fe/router/printsManager
src/vue/src/wms-fe/router/index (添加printsManager路由)
src/vue/src/wms-fe/store/index (添加printsManager状态)
src/vue/src/wms-fe/contents/PrintsManager/*