gd-sign-web

介绍

开发 node 版本：16.17.1 使用插件时忽略

目前针对广西东信项目使用

只对单个合同的操作：

单个签章、批量签章、骑缝签章

Project install

npm install gd-sign-web

或

yarn add gd-sign-web

Project use

main.js

import GdSign from 'gd-sign-web'
import 'gd-sign-web/lib/GdSign.css'
Vue.use(GdSign)

vue

<gd-sign
    style="height: calc(100vh - 100px)"
    token="123123123123"
    @sign-success="signSuccess"
    @sign-error="signError"
    ...
    >
</gd-sign>

使用的 element-UI 库 确保项目中引用

import {
  Button,
  Message,
  MessageBox,
  Loading,
  Scrollbar,
  Select,
  Option,
  Input,
  InputNumber,
  Dialog,
  Form,
  FormItem
} from 'element-ui'

Vue.use(Button)
Vue.use(Scrollbar)
Vue.use(Select)
Vue.use(Option)
Vue.use(Input)
Vue.use(InputNumber)
Vue.use(Dialog)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Loading.directive)

Vue.prototype.$message = Message
Vue.prototype.$msgbox = MessageBox
Vue.prototype.$alert = MessageBox.alert
Vue.prototype.$confirm = MessageBox.confirm
Vue.prototype.$prompt = MessageBox.prompt
Vue.prototype.$loading = Loading.service

Params

// 主题色，插件内置使用了elementUI，传入颜色只能修改非框架色值，若要修改elementUI组件的色值，请在项目中统一配置
theme: {
    type: String,
},

// 签署类型（1：普通签署；2：智桂通签署）
signModel: {
    type: String,
    default: '1'
},

// 智桂通认证token
zgtToken: {
    type: String,
    default: ''
},

// 智桂通签署地址,默认使用paasApi,如果zgtSignApi有值则使用zgtSignApi
zgtSignApi: {
    type: String,
    default: ''
},

// 用户的信息
userInfo: {
    type: Object,
    default: () => ({
    // 用户登录的token
    token: {
        type: String,
        default: ''
    },
    // paas的用户id
    userId: {
        type: String,
        default: ''
    },
    // 登录用户手机号
    phone: {
        type: String,
        default: ''
    }
    })
},

// paas的合同id
contractId: {
    type: String,
},

// 签署创建的id
signCreateId: {
    type: String,
},

// paas的api地址
paasApi: {
    type: String,
},

// 自己服务的地址,主要是用来获取token和sign这两个数据
servicesApi: {
    type: String,
}

// 获取token接口的参数--把default原封不动复制过去，一般只修改url即可
getTokenParams: {
    type: Function,
    default: () => {
    return {
        url: '/dx/platform/token', // 一般只修改地址即可
        headers: { Authorization: window.signConfig.token },
        method: 'post'
    }
    }
},

// 获取sign接口的参数--把default原封不动复制过去，一般只修改url即可
getSignParams: {
    type: Function,
    default: data => {
    return {
        url: '/dx/platform/sign', // 一般只修改地址即可
        headers: { Authorization: window.signConfig.token },
        method: 'post',
        data: { content: JSON.stringify(data) }
    }
    }
}

// 签署成功回调--带参数
sign-success
参数：object

// 签署失败回调
sign-error