eoss-ui 0.6.63 → 0.6.64

package/packages/calogin/src/main.vue

@@ -0,0 +1,131 @@
+<template>
+  <span @click="getCertificate">
+    <slot></slot>
+  </span>
+</template>
+
+<script>
+import util from 'eoss-ui/src/utils/util';
+import caPlugin from './plugin.js';
+
+export default {
+  name: 'EsCaLogin',
+  props: {
+    identifyingId: {
+      type: String,
+      default() {
+        return util.uuid(12);
+      }
+    },
+    dllnames: {
+      type: Array,
+      default: () => [
+        'L3Vzci9saWI2NC9saWJTS0ZBUEkuc28=',
+        'bGliU0tGQVBJLWFybTY0LnNv',
+        'L3Vzci9saWIvYWFyY2g2NC1saW51eC1nbnUvbGliU0tGQVBJLWFybTY0LnNv',
+        'L3Vzci9saWIvbGliU0tGQVBJLnNv',
+        'U0tGQVBJMzAwOTIuZGxs',
+        'bGliU0tGQVBJLnNv',
+        'L29wdC9oYWl0YWkvbGliL2xpYlNLRkFQSS5zbw==',
+        'U0tGQVBJNDAwOTcuZGxs'
+      ]
+    },
+    dllname: {
+      type: Array,
+      default: () => []
+    },
+    success: Function
+  },
+  data() {
+    return {
+      signedData: ''
+    };
+  },
+  computed: {
+    param() {
+      // 生成不重复的 DLL 名称列表
+      const dllnames = [...new Set(this.dllnames.concat(this.dllname))];
+
+      return `<?xml version="1.0" encoding="utf-8"?>
+      <authinfo>
+        <liblist>
+        ${dllnames
+          .map(
+            (dllname) =>
+              `<lib type="SKF" version="1.0" dllname="${dllname}"><algid val="SHA1" sm2_hashalg="SM3" /></lib>`
+          )
+          .join('')}
+        </liblist>
+      </authinfo>`;
+    }
+  },
+  created() {
+    this.init();
+  },
+  mounted() {},
+  methods: {
+    init() {
+      if (!window.PNXClient) {
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(
+          "<object classid='clsid:9DD991F7-6FB0-4004-95A4-0A55006A8C42' width='0' height='0' id='PNXClient'></object>",
+          'text/html'
+        );
+        const pnxClientElement = doc.querySelector('object');
+        if (pnxClientElement) {
+          document.body.appendChild(pnxClientElement);
+        }
+      }
+    },
+    getCertificate() {
+      // 检查 PNXClient 是否存在
+      if (!window.PNXClient) {
+        this.$message.error('控件加载失败，请刷新页面重试！');
+        return;
+      }
+      try {
+        caPlugin.getVersion();
+      } catch (e) {
+        this.$message.error('未安装控件，请进行安装控件！');
+        return;
+      }
+      try {
+        // 清除之前的过滤器
+        caPlugin.clearFilter();
+        // 初始化vctk控件
+        caPlugin.initialize('', this.param);
+        // 控制证书为一个时，不弹出证书选择框
+        caPlugin.setChooseSingleCert(1);
+
+        // 生成签名信息
+        this.signedData = caPlugin.p7SignString(this.identifyingId, true, true);
+
+        //获取错误码
+        const errorCode = Number(caPlugin.getLastError());
+        if (errorCode !== 0) {
+          if (errorCode === 3758096386 || errorCode === 2148532334) {
+            this.$message.error('用户取消操作！');
+            return;
+          } else if (errorCode === -536870815 || errorCode === 3758096481) {
+            this.$message.error(
+              '没有找到有效的证书，如果使用的是KEY，请确认已经插入key！'
+            );
+            return;
+          } else {
+            this.$message.error(caPlugin.getLastErrorMessage());
+            return;
+          }
+        }
+        console.log('签名数据:', this.signedData);
+        this.success && this.success(this.signedData);
+        return this.signedData;
+      } catch (error) {
+        // 捕获其他可能的异常
+        this.$message.error(`操作失败: ${error.message}`);
+      }
+    }
+  }
+};
+</script>
+
+<style scoped></style>