@toolspack/ttd-common 1.1.4 → 1.1.5

package/src/packages/ukey/WzhSignChrome.vue

@@ -1,250 +1,250 @@
-<!--无纸化 签署-->
-<template>
-  <div class="CryptoAgent-wrapper"></div>
-</template>
-<script>
-import { getUrl } from '../utils'
-
-import WZHforChrome from './WZHforChrome'
-
-export default {
-  mixins: [WZHforChrome],
-  data() {
-    return {
-      sourceData: '', // 签名原文， 动态随机字符串
-      certType: 'RSA', // 签名算法
-      CryptoAgent: null,
-    }
-  },
-  props: {
-    api: {
-      type: Object,
-      required: true,
-    },
-  },
-  mounted() {
-    this.onLoad()
-  },
-  methods: {
-    /**
-     * 初始化验签工具包，加载 验签空间（object）
-     */
-    onLoad() {
-      if (this.CryptoAgent) {
-        return false
-      }
-      this.LoadObj()
-    },
-
-    getUkeyImage() {
-      return new Promise((resolve, reject) => {
-        this.CryptoAgent.GetSealImage('UyeePKCS11.Enterprise.dll').then((response) => {
-          resolve(response.result)
-        }).catch((response) => {
-          // this.ShowErrorInfo(response);
-          this.CryptoAgent.GetSealImage('CFCA_UKEY_P11.dll').then((response2) => {
-            resolve(response2.result)
-          }).catch((response2) => {
-            this.ShowErrorInfo(response2);
-            // ('读取Ukey印章图片失败！')
-            reject(response2)
-          });
-        });
-      })
-    },
-    GetCertInfoOnClick(InfoTypeID) {
-      InfoTypeID = InfoTypeID || 'SubjectDN'
-      console.log('GetCertInfoOnClick:InfoTypeID ', InfoTypeID)
-      return this.CryptoAgent.GetSignCertInfo(InfoTypeID).then((response) => response.result).catch((e) => {
-        console.log('GetCertInfoOnClick-WzhSign: ', e)
-        this.ShowErrorInfo(e)
-      })
-    },
-
-    async  SignOnClick() {
-      this.sourceData = `${new Date().getTime()}`
-      const source = this.sourceData
-      let signature = ''
-      const signType = 'Attach' // 签名类型
-      const selectedAlg = 'SHA-1' // 哈希算法(仅对RSA算法有效，SM2默认使用SM3哈希算法)：
-
-      if (signType === 'Attach') {
-        // PKCS#7 Attach
-        signature = await this.CryptoAgent.SignMsgPKCS7(source, selectedAlg, true)
-      } else if (signType === 'Detach') {
-        // PKCS#7 Detach
-        signature = await this.CryptoAgent.SignMsgPKCS7(source, selectedAlg, false)
-      } else {
-        // PKCS#1
-        signature = await this.CryptoAgent.SignMsgPKCS1(source, selectedAlg)
-      }
-      console.log('SignOnClick 签名结果:', signature)
-      return signature.result
-    },
-    async SelectCertificateOnClick(serialNumFilter = '') {
-      const subjectDNFilter = '';
-      const issuerDNFilter = 'CFCA ACS ';// CFCA ACS OCA31 ,CFCA ACS OCA32, CFCA ACS TEST OCA31
-      const bstrSM2CSPNameList = 'Uyee CSP v6.0 (Enterprise)||CFCA FOR UKEY CSP v1.1.0'
-
-      // 如果没有serialNumFilter 说明是初始调用，检测一下版本（初始化是否成功）
-      if (!serialNumFilter) {
-        try {
-          const version = await this.CryptoAgent.GetVersion()
-          console.log('CryptoAgent version ', version)
-        } catch (response) {
-          console.log('GetVersion error', response)
-          alert('扩展初始化失败，请联系管理员！')
-          this.ShowErrorInfo(response);
-          return Promise.reject()
-        }
-      }
-      return new Promise((resolve, reject) => {
-        this.CryptoAgent.SelectCertificate(subjectDNFilter, issuerDNFilter, serialNumFilter, bstrSM2CSPNameList)
-          .then((response) => {
-            resolve(response.result)
-          })
-          .catch((response) => {
-            console.log('SelectCertificate：', response)
-            this.ShowErrorInfo(response);
-            reject()
-          });
-      })
-      // 返回值resSelect  在chrome下是 对象，在ie下返回是 true/false
-    },
-    async getHashValue(label, fileOss, params) {
-      const CertContent = await this.GetCertInfoOnClick('CertContent');
-      this.$emit('getImg', params)
-      if (!CertContent) {
-        alert('获取证书公钥失败！')
-        return Promise.reject()
-      }
-      if (fileOss.bucketName && fileOss.objectKey) {
-        return this.api.getSignHash({
-          jsonData: {
-            source: 'TTDFUND',
-            timestamp: new Date().getTime(),
-            msgBody: {
-            // 合同地址, 相对路径--合同文件全路径。网络地址：http://xxxxxx.pdf；阿里云地址：oss:bucketxx:key
-              attachfile: `oss:${fileOss.bucketName}:${fileOss.objectKey}`,
-              reason: '', // 签署原因
-              location: '', // 签署地点
-              signImgfileName: '', // 图片名称
-              signImgfile: params.image, // 图片路径，格式同文件字段类似
-              signImgMd5: params.md5, // 印章图片的md5
-              sealId: params.sealId, // 印章图片的id
-              serialNo: params.serialNo, // 证书序列号
-              ukeyType: params.ukeyType, // 证书类型（ttd配置）
-              userId: params.userId, // 用户id
-              pageNo: label.pageIndex, // 签章页
-              pageX: Number(label.X), // 签章页签章位置X坐标
-              pageY: Number(label.Y), // 签章页签章位置Y坐标
-              certBase64: CertContent, // 证书公钥
-            },
-          },
-        })
-      }
-      alert('文件对象不合规！')
-      return Promise.reject()
-    },
-    async getSignHashValue(item, fileItem, params) {
-      let sourceHashData = ''
-      const { code, data } = await this.getHashValue(item, fileItem, params);
-      if (code === 0) {
-        if (`${data.bean.code}` === '200') { sourceHashData = data.bean.pdfHash }
-      }
-      if (!sourceHashData) {
-        alert(`CFCA计算HASH值失败！( ${data.bean.msg || ''})`)
-        return false
-      }
-      // 将原文Hash值的Base64编码解码后，对其进行PKCS#7分离式签名
-      return this.CryptoAgent.SignHashMsgPKCS7Detached(sourceHashData, 'SHA-1')
-        .then((response) => ({
-          signature: response.result,
-          id: data.bean.id,
-        }))
-        .catch((response) => {
-          this.ShowErrorInfo(response);
-        });
-    },
-    async signFileKeyImage(item, fileItem, params) {
-      const res = await this.getSignHashValue(item, fileItem, params)
-      let errorMsg = '计算Hash 失败！'
-      if (res) {
-        const { data, code } = await this.api.mergeHash({
-          jsonData: {
-            source: 'TTDFUND',
-            timestamp: new Date().getTime(),
-            msgBody: {
-              sigString: res.signature, // 签名后的hash值
-              id: res.id, // 计算接口返回的ID
-            },
-          },
-        })
-        // 此方法 code 不能完全说明正确，调用失败code 也是0
-        if (code === 0) {
-          if (data.bean.url) {
-            return data.bean
-          }
-          errorMsg = data.bean.msg
-        } else {
-          errorMsg = data.msg
-        }
-      }
-      this.$message.error(errorMsg || 'error计算Hash失败！')
-      return false
-    },
-    // fileOss: 为文件对象 {obje}
-    //  isOffset: 修正印章的位置，印章加时间后需要向下修正
-    //  parama:  其他参数：ukeyType,  image, md5, isOffset
-    async multipleSign(labels, fileOss, params) {
-      let result = ''
-      const localParams = { ...params }
-      const { isOffset = 18 } = localParams
-      if (!localParams.image) {
-        alert('印章图片缺失！')
-        return false
-      }
-      console.log('multipleSign-params=  ', localParams)
-
-      for (let index = 0; index < labels.length; index++) {
-        const item = getUrl(labels[index])
-        // 此处for循环多个文件时候以前签署，所以提示无意义
-        // const message = `签署 [${text}] 位于第${label.pageIndex}页的位置，[总共:${index + 1}/${labels.length}个位置]`
-        if (typeof isOffset === 'number') {
-          // 印章统一向下偏移
-          item.Y -= isOffset
-        }
-        if (index > 0) {
-          const serialNoAgain = await this.GetCertInfoOnClick('SerialNumber');
-          if (localParams.serialNo !== serialNoAgain) {
-            console.log(`params.serialNo:${ localParams.serialNo}`, `serialNoAgain${ serialNoAgain}`)
-            alert('签署过程中，请不要更换ukey!')
-            return false
-          }
-          // 这里签署第二个章，需要在第一个签好的文件上签署 所以用result中是文件
-          if (result) {
-            // eslint-disable-next-line
-            result = await this.signFileKeyImage((item), result, {...localParams})
-          }
-          console.log(`iterateSign 签章结果${index}---result----`, result)
-        } else {
-          // eslint-disable-next-line
-          result = await this.signFileKeyImage((item), fileOss, {...localParams})
-          console.log('第一个章 签章结果', result)
-        }
-      }
-      console.log('multipleSign 签章的结果', result)
-      return result
-    },
-  },
-}
-
-</script>
-<style lang="less" scoped>
-.CryptoAgent-wrapper {
-  height: 0;
-  width: 0;
-  position: absolute;
-  left: -5000px;
-}
-</style>
+<!--无纸化 签署-->
+<template>
+  <div class="CryptoAgent-wrapper"></div>
+</template>
+<script>
+import { getUrl } from '../utils'
+
+import WZHforChrome from './WZHforChrome'
+
+export default {
+  mixins: [WZHforChrome],
+  data() {
+    return {
+      sourceData: '', // 签名原文， 动态随机字符串
+      certType: 'RSA', // 签名算法
+      CryptoAgent: null,
+    }
+  },
+  props: {
+    api: {
+      type: Object,
+      required: true,
+    },
+  },
+  mounted() {
+    this.onLoad()
+  },
+  methods: {
+    /**
+     * 初始化验签工具包，加载 验签空间（object）
+     */
+    onLoad() {
+      if (this.CryptoAgent) {
+        return false
+      }
+      this.LoadObj()
+    },
+
+    getUkeyImage() {
+      return new Promise((resolve, reject) => {
+        this.CryptoAgent.GetSealImage('UyeePKCS11.Enterprise.dll').then((response) => {
+          resolve(response.result)
+        }).catch((response) => {
+          // this.ShowErrorInfo(response);
+          this.CryptoAgent.GetSealImage('CFCA_UKEY_P11.dll').then((response2) => {
+            resolve(response2.result)
+          }).catch((response2) => {
+            this.ShowErrorInfo(response2);
+            // ('读取Ukey印章图片失败！')
+            reject(response2)
+          });
+        });
+      })
+    },
+    GetCertInfoOnClick(InfoTypeID) {
+      InfoTypeID = InfoTypeID || 'SubjectDN'
+      console.log('GetCertInfoOnClick:InfoTypeID ', InfoTypeID)
+      return this.CryptoAgent.GetSignCertInfo(InfoTypeID).then((response) => response.result).catch((e) => {
+        console.log('GetCertInfoOnClick-WzhSign: ', e)
+        this.ShowErrorInfo(e)
+      })
+    },
+
+    async  SignOnClick() {
+      this.sourceData = `${new Date().getTime()}`
+      const source = this.sourceData
+      let signature = ''
+      const signType = 'Attach' // 签名类型
+      const selectedAlg = 'SHA-1' // 哈希算法(仅对RSA算法有效，SM2默认使用SM3哈希算法)：
+
+      if (signType === 'Attach') {
+        // PKCS#7 Attach
+        signature = await this.CryptoAgent.SignMsgPKCS7(source, selectedAlg, true)
+      } else if (signType === 'Detach') {
+        // PKCS#7 Detach
+        signature = await this.CryptoAgent.SignMsgPKCS7(source, selectedAlg, false)
+      } else {
+        // PKCS#1
+        signature = await this.CryptoAgent.SignMsgPKCS1(source, selectedAlg)
+      }
+      console.log('SignOnClick 签名结果:', signature)
+      return signature.result
+    },
+    async SelectCertificateOnClick(serialNumFilter = '') {
+      const subjectDNFilter = '';
+      const issuerDNFilter = 'CFCA ACS ';// CFCA ACS OCA31 ,CFCA ACS OCA32, CFCA ACS TEST OCA31
+      const bstrSM2CSPNameList = 'Uyee CSP v6.0 (Enterprise)||CFCA FOR UKEY CSP v1.1.0'
+
+      // 如果没有serialNumFilter 说明是初始调用，检测一下版本（初始化是否成功）
+      if (!serialNumFilter) {
+        try {
+          const version = await this.CryptoAgent.GetVersion()
+          console.log('CryptoAgent version ', version)
+        } catch (response) {
+          console.log('GetVersion error', response)
+          alert('扩展初始化失败，请联系管理员！')
+          this.ShowErrorInfo(response);
+          return Promise.reject()
+        }
+      }
+      return new Promise((resolve, reject) => {
+        this.CryptoAgent.SelectCertificate(subjectDNFilter, issuerDNFilter, serialNumFilter, bstrSM2CSPNameList)
+          .then((response) => {
+            resolve(response.result)
+          })
+          .catch((response) => {
+            console.log('SelectCertificate：', response)
+            this.ShowErrorInfo(response);
+            reject()
+          });
+      })
+      // 返回值resSelect  在chrome下是 对象，在ie下返回是 true/false
+    },
+    async getHashValue(label, fileOss, params) {
+      const CertContent = await this.GetCertInfoOnClick('CertContent');
+      this.$emit('getImg', params)
+      if (!CertContent) {
+        alert('获取证书公钥失败！')
+        return Promise.reject()
+      }
+      if (fileOss.bucketName && fileOss.objectKey) {
+        return this.api.getSignHash({
+          jsonData: {
+            source: 'TTDFUND',
+            timestamp: new Date().getTime(),
+            msgBody: {
+            // 合同地址, 相对路径--合同文件全路径。网络地址：http://xxxxxx.pdf；阿里云地址：oss:bucketxx:key
+              attachfile: `oss:${fileOss.bucketName}:${fileOss.objectKey}`,
+              reason: '', // 签署原因
+              location: '', // 签署地点
+              signImgfileName: '', // 图片名称
+              signImgfile: params.image, // 图片路径，格式同文件字段类似
+              signImgMd5: params.md5, // 印章图片的md5
+              sealId: params.sealId, // 印章图片的id
+              serialNo: params.serialNo, // 证书序列号
+              ukeyType: params.ukeyType, // 证书类型（ttd配置）
+              userId: params.userId, // 用户id
+              pageNo: label.pageIndex, // 签章页
+              pageX: Number(label.X), // 签章页签章位置X坐标
+              pageY: Number(label.Y), // 签章页签章位置Y坐标
+              certBase64: CertContent, // 证书公钥
+            },
+          },
+        })
+      }
+      alert('文件对象不合规！')
+      return Promise.reject()
+    },
+    async getSignHashValue(item, fileItem, params) {
+      let sourceHashData = ''
+      const { code, data } = await this.getHashValue(item, fileItem, params);
+      if (code === 0) {
+        if (`${data.bean.code}` === '200') { sourceHashData = data.bean.pdfHash }
+      }
+      if (!sourceHashData) {
+        alert(`CFCA计算HASH值失败！( ${data.bean.msg || ''})`)
+        return false
+      }
+      // 将原文Hash值的Base64编码解码后，对其进行PKCS#7分离式签名
+      return this.CryptoAgent.SignHashMsgPKCS7Detached(sourceHashData, 'SHA-1')
+        .then((response) => ({
+          signature: response.result,
+          id: data.bean.id,
+        }))
+        .catch((response) => {
+          this.ShowErrorInfo(response);
+        });
+    },
+    async signFileKeyImage(item, fileItem, params) {
+      const res = await this.getSignHashValue(item, fileItem, params)
+      let errorMsg = '计算Hash 失败！'
+      if (res) {
+        const { data, code } = await this.api.mergeHash({
+          jsonData: {
+            source: 'TTDFUND',
+            timestamp: new Date().getTime(),
+            msgBody: {
+              sigString: res.signature, // 签名后的hash值
+              id: res.id, // 计算接口返回的ID
+            },
+          },
+        })
+        // 此方法 code 不能完全说明正确，调用失败code 也是0
+        if (code === 0) {
+          if (data.bean.url) {
+            return data.bean
+          }
+          errorMsg = data.bean.msg
+        } else {
+          errorMsg = data.msg
+        }
+      }
+      this.$message.error(errorMsg || 'error计算Hash失败！')
+      return false
+    },
+    // fileOss: 为文件对象 {obje}
+    //  isOffset: 修正印章的位置，印章加时间后需要向下修正
+    //  parama:  其他参数：ukeyType,  image, md5, isOffset
+    async multipleSign(labels, fileOss, params) {
+      let result = ''
+      const localParams = { ...params }
+      const { isOffset = 18 } = localParams
+      if (!localParams.image) {
+        alert('印章图片缺失！')
+        return false
+      }
+      console.log('multipleSign-params=  ', localParams)
+
+      for (let index = 0; index < labels.length; index++) {
+        const item = getUrl(labels[index])
+        // 此处for循环多个文件时候以前签署，所以提示无意义
+        // const message = `签署 [${text}] 位于第${label.pageIndex}页的位置，[总共:${index + 1}/${labels.length}个位置]`
+        if (typeof isOffset === 'number') {
+          // 印章统一向下偏移
+          item.Y -= isOffset
+        }
+        if (index > 0) {
+          const serialNoAgain = await this.GetCertInfoOnClick('SerialNumber');
+          if (localParams.serialNo !== serialNoAgain) {
+            console.log(`params.serialNo:${ localParams.serialNo}`, `serialNoAgain${ serialNoAgain}`)
+            alert('签署过程中，请不要更换ukey!')
+            return false
+          }
+          // 这里签署第二个章，需要在第一个签好的文件上签署 所以用result中是文件
+          if (result) {
+            // eslint-disable-next-line
+            result = await this.signFileKeyImage((item), result, {...localParams})
+          }
+          console.log(`iterateSign 签章结果${index}---result----`, result)
+        } else {
+          // eslint-disable-next-line
+          result = await this.signFileKeyImage((item), fileOss, {...localParams})
+          console.log('第一个章 签章结果', result)
+        }
+      }
+      console.log('multipleSign 签章的结果', result)
+      return result
+    },
+  },
+}
+
+</script>
+<style lang="less" scoped>
+.CryptoAgent-wrapper {
+  height: 0;
+  width: 0;
+  position: absolute;
+  left: -5000px;
+}
+</style>

package/src/packages/utils/index.js

@@ -1,16 +1,16 @@
-export const getUrl = (str) => {
-  let obj = {}
-  if (str) {
-    if (typeof str === 'string' && /^{/.test(str)) {
-      obj = JSON.parse(str)
-    } else {
-      obj = str
-    }
-  }
-  if (obj.url) {
-    obj.url = decodeURI(obj.url)
-  }
-  return obj
-}
-
-export default { getUrl }
+export const getUrl = (str) => {
+  let obj = {}
+  if (str) {
+    if (typeof str === 'string' && /^{/.test(str)) {
+      obj = JSON.parse(str)
+    } else {
+      obj = str
+    }
+  }
+  if (obj.url) {
+    obj.url = decodeURI(obj.url)
+  }
+  return obj
+}
+
+export default { getUrl }

package/src/styles/base.scss

@@ -1,3 +1,3 @@
-$click-color: #2E6BE6;
-$btn-color: #222222;
-$base-color2: #41C89D;
+$click-color: #2E6BE6;
+$btn-color: #222222;
+$base-color2: #41C89D;

package/src/styles/common.scss

@@ -1,22 +1,22 @@
-@import '@/styles/components/reset.scss';
-
-@import '@/styles/base.scss';
-
-@import '@/styles/components/table.scss';
-
-@import '@/styles/components/input.scss';
-
-@import '@/styles/components/button.scss';
-
-@import '@/styles/components/el-pagination.scss';
-
-@import '@/styles/components/file-group.scss';
-
-@import '@/styles/components/message.scss';
-
-
-
-.wh-100 {
-  width: 100%;
-  height: 100%
-}
+@import '@/styles/components/reset.scss';
+
+@import '@/styles/base.scss';
+
+@import '@/styles/components/table.scss';
+
+@import '@/styles/components/input.scss';
+
+@import '@/styles/components/button.scss';
+
+@import '@/styles/components/el-pagination.scss';
+
+@import '@/styles/components/file-group.scss';
+
+@import '@/styles/components/message.scss';
+
+
+
+.wh-100 {
+  width: 100%;
+  height: 100%
+}

package/src/styles/components/el-pagination.scss

@@ -1,21 +1,21 @@
-.detail-pageination {
-  padding: 18px 20px;
-
-  .el-pagination .btn-next:disabled,
-  .el-pagination .btn-prev:disabled {
-    background: transparent;
-  }
-
-  .el-pager li,
-  .btn-prev,
-  .btn-next {
-    background: transparent;
-  }
-
-  .el-pager li.active {
-    display: inline-block;
-    border: 1px solid #666;
-    background: #fff;
-    color: #666;
-  }
-}
+.detail-pageination {
+  padding: 18px 20px;
+
+  .el-pagination .btn-next:disabled,
+  .el-pagination .btn-prev:disabled {
+    background: transparent;
+  }
+
+  .el-pager li,
+  .btn-prev,
+  .btn-next {
+    background: transparent;
+  }
+
+  .el-pager li.active {
+    display: inline-block;
+    border: 1px solid #666;
+    background: #fff;
+    color: #666;
+  }
+}

package/src/styles/components/file-group.scss

@@ -1,4 +1,4 @@
-.file-group-wrapper {
-  margin-top: -8px;
-  margin-bottom: -20px;
-}
+.file-group-wrapper {
+  margin-top: -8px;
+  margin-bottom: -20px;
+}