Dnn-vue-sign NPM

功能

基于云阅读二次封装

安装

npm install dnn-vue-sign

使用

// 示例代码

<template>

 <Signature

    :documentId="documentId"

    userId="xxxx"

    mode="all"

    :enableDefaultPwd="true"

    :isSignRange="false"

    :isCustomSignDate="false"

    @stampSuccess="stampSuccess"

  />

</template>


<script lang="ts" setup>

  import Signature from "dnn-vue-sign";
const documentId =
  "http://58.213.48.57:15100/jcpt/upload/20240307/ef033092f27f83e475cb350edb3a2350.pdf";
const stampSuccess = (signType: string, invalidReason: string) => {
  console.log("signType.value, invalidReason.value--", signType, invalidReason);
  // TODO: 调用接口
};
</script>

API

参数	说明	类型	是否必填	默认值
documentId	pdf的url地址	string	是	’‘
userId	签章秘钥盘, 一般都是手机号	string	否	’‘
mode	all : 签章+作废 sign: 可以签章、不能作废 void: 不能签章、可以作废 view: 查看模式（仅查看pdf）	string	否	all
isView	查看模式: 效果同mode: view, 项目上使用isView，这里做个兼容	boolean	否	false
isCustomSignDate	是否自定义签章日期	boolean	否	false
isSignRange	是否启用连续多页签章	boolean	否	false
enableDefaultPwd	是否启用默认密码	boolean	否	true
signApiUrl	签章接口地址配置：默认值/api/flow/jg/origin/jgServlet	string	否
stampSuccess	签章成功返回事件：返回下面2个参数signType：1: 签章 2：作废invalidReason：作废内容

开发环境代理配置

// vueconfig.js
 proxy: {

      "/signature": {
        target: "http://58.213.48.57:20105/",
        pathRewrite: {
          "^/signature": "/",
        },
        changeOrigin: true,
      },

      "/api": {
        target: "http://58.213.48.57:15010/api/", // 测试环境
        ws: true,
        pathRewrite: {
          "^/api": "",
        },
      },

vue3 sign signature dnn

axios core-js vue

0.1.1

2 months ago

0.1.0

2 months ago