增加ud管理

src/api/ud/ud.js

@@ -31,3 +31,19 @@ export function deleteUd(data) {
   });
 }
 
+export function checkUd(data) {
+  return axios({
+    url: "/ud/info/check",
+    method: "post",
+    data: data
+  });
+}
+
+export function allocateUd(data) {
+  return axios({
+    url: "/ud/info/allocate",
+    method: "post",
+    data: data
+  });
+}
+

src/utils/UsbKey3A/sm3/sm3-babel.js

@@ -0,0 +1,246 @@
+'use strict';
+
+// 左补0到指定长度
+function leftPad(str, totalLength) {
+  var len = str.length;
+  return Array(totalLength > len ? totalLength - len + 1 : 0).join(0) + str;
+}
+
+// 二进制转化为十六进制
+function binary2hex(binary) {
+  var binaryLength = 8;
+  var hex = '';
+  for (var i = 0; i < binary.length / binaryLength; i += 1) {
+    hex += leftPad(parseInt(binary.substr(i * binaryLength, binaryLength), 2).toString(16), 2);
+  }
+  return hex;
+}
+
+// 十六进制转化为二进制
+function hex2binary(hex) {
+  var hexLength = 2;
+  var binary = '';
+  for (var i = 0; i < hex.length / hexLength; i += 1) {
+    binary += leftPad(parseInt(hex.substr(i * hexLength, hexLength), 16).toString(2), 8);
+  }
+  return binary;
+}
+
+// 普通字符串转化为二进制
+function str2binary(str) {
+  var binary = '';
+  var _iteratorNormalCompletion = true;
+  var _didIteratorError = false;
+  var _iteratorError = undefined;
+
+  try {
+    for (var _iterator = str[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var ch = _step.value;
+
+      binary += leftPad(ch.codePointAt(0).toString(2), 8);
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+
+  return binary;
+}
+
+// 循环左移
+function rol(str, n) {
+  return str.substring(n % str.length) + str.substr(0, n % str.length);
+}
+
+// 二进制运算
+function binaryCal(x, y, method) {
+  var a = x || '';
+  var b = y || '';
+  var result = [];
+  var prevResult = void 0;
+  // for (let i = 0; i < a.length; i += 1) { // 小端
+  for (var i = a.length - 1; i >= 0; i -= 1) {
+    // 大端
+    prevResult = method(a[i], b[i], prevResult);
+    result[i] = prevResult[0];
+  }
+  // console.log(`x     :${x}\ny     :${y}\nresult:${result.join('')}\n`);
+  return result.join('');
+}
+
+// 二进制异或运算
+function xor(x, y) {
+  return binaryCal(x, y, function (a, b) {
+    return [a === b ? '0' : '1'];
+  });
+}
+
+// 二进制与运算
+function and(x, y) {
+  return binaryCal(x, y, function (a, b) {
+    return [a === '1' && b === '1' ? '1' : '0'];
+  });
+}
+
+// 二进制或运算
+function or(x, y) {
+  return binaryCal(x, y, function (a, b) {
+    return [a === '1' || b === '1' ? '1' : '0'];
+  }); // a === '0' && b === '0' ? '0' : '1'
+}
+
+// 二进制与运算
+function add(x, y) {
+  var result = binaryCal(x, y, function (a, b, prevResult) {
+    var carry = prevResult ? prevResult[1] : '0' || '0';
+    if (a !== b) return [carry === '0' ? '1' : '0', carry]; // a,b不等时,carry不变，结果与carry相反
+    // a,b相等时，结果等于原carry，新carry等于a
+    return [carry, a];
+  });
+  // console.log('x: ' + x + '\ny: ' + y + '\n=  ' + result + '\n');
+  return result;
+}
+
+// 二进制非运算
+function not(x) {
+  return binaryCal(x, undefined, function (a) {
+    return [a === '1' ? '0' : '1'];
+  });
+}
+
+function calMulti(method) {
+  return function () {
+    for (var _len = arguments.length, arr = Array(_len), _key = 0; _key < _len; _key++) {
+      arr[_key] = arguments[_key];
+    }
+
+    return arr.reduce(function (prev, curr) {
+      return method(prev, curr);
+    });
+  };
+}
+
+// function xorMulti(...arr) {
+//   return arr.reduce((prev, curr) => xor(prev, curr));
+// }
+
+// 压缩函数中的置换函数 P1(X) = X xor (X <<< 9) xor (X <<< 17)
+function P0(X) {
+  return calMulti(xor)(X, rol(X, 9), rol(X, 17));
+}
+
+// 消息扩展中的置换函数 P1(X) = X xor (X <<< 15) xor (X <<< 23)
+function P1(X) {
+  return calMulti(xor)(X, rol(X, 15), rol(X, 23));
+}
+
+// 布尔函数，随j的变化取不同的表达式
+function FF(X, Y, Z, j) {
+  return j >= 0 && j <= 15 ? calMulti(xor)(X, Y, Z) : calMulti(or)(and(X, Y), and(X, Z), and(Y, Z));
+}
+
+// 布尔函数，随j的变化取不同的表达式
+function GG(X, Y, Z, j) {
+  return j >= 0 && j <= 15 ? calMulti(xor)(X, Y, Z) : or(and(X, Y), and(not(X), Z));
+}
+
+// 常量，随j的变化取不同的值
+function T(j) {
+  return j >= 0 && j <= 15 ? hex2binary('79cc4519') : hex2binary('7a879d8a');
+}
+
+// 压缩函数
+function CF(V, Bi) {
+  // 消息扩展
+  var wordLength = 32;
+  var W = [];
+  var M = []; // W'
+
+  // 将消息分组B划分为16个字W0， W1，…… ，W15 （字为长度为32的比特串）
+  for (var i = 0; i < 16; i += 1) {
+    W.push(Bi.substr(i * wordLength, wordLength));
+  }
+
+  // W[j] <- P1(W[j−16] xor W[j−9] xor (W[j−3] <<< 15)) xor (W[j−13] <<< 7) xor W[j−6]
+  for (var j = 16; j < 68; j += 1) {
+    W.push(calMulti(xor)(P1(calMulti(xor)(W[j - 16], W[j - 9], rol(W[j - 3], 15))), rol(W[j - 13], 7), W[j - 6]));
+  }
+
+  // W′[j] = W[j] xor W[j+4]
+  for (var _j = 0; _j < 64; _j += 1) {
+    M.push(xor(W[_j], W[_j + 4]));
+  }
+
+  // 压缩
+  var wordRegister = []; // 字寄存器
+  for (var _j2 = 0; _j2 < 8; _j2 += 1) {
+    wordRegister.push(V.substr(_j2 * wordLength, wordLength));
+  }
+
+  var A = wordRegister[0];
+  var B = wordRegister[1];
+  var C = wordRegister[2];
+  var D = wordRegister[3];
+  var E = wordRegister[4];
+  var F = wordRegister[5];
+  var G = wordRegister[6];
+  var H = wordRegister[7];
+
+  // 中间变量
+  var SS1 = void 0;
+  var SS2 = void 0;
+  var TT1 = void 0;
+  var TT2 = void 0;
+  for (var _j3 = 0; _j3 < 64; _j3 += 1) {
+    SS1 = rol(calMulti(add)(rol(A, 12), E, rol(T(_j3), _j3)), 7);
+    SS2 = xor(SS1, rol(A, 12));
+
+    TT1 = calMulti(add)(FF(A, B, C, _j3), D, SS2, M[_j3]);
+    TT2 = calMulti(add)(GG(E, F, G, _j3), H, SS1, W[_j3]);
+
+    D = C;
+    C = rol(B, 9);
+    B = A;
+    A = TT1;
+    H = G;
+    G = rol(F, 19);
+    F = E;
+    E = P0(TT2);
+  }
+
+  return xor(Array(A, B, C, D, E, F, G, H).join(''), V);
+}
+
+// sm3 hash算法 http://www.oscca.gov.cn/News/201012/News_1199.htm
+function sm3(str) {
+  var binary = str2binary(str);
+  // 填充
+  var len = binary.length;
+  // k是满足len + 1 + k = 448mod512的最小的非负整数
+  var k = len % 512;
+  // 如果 448 <= (512 % len) < 512，需要多补充 (len % 448) 比特'0'以满足总比特长度为512的倍数
+  k = k >= 448 ? 512 - (k % 448) - 1: 448 - k - 1;
+  var m = (binary + '1' + leftPad('', k) + leftPad(len.toString(2), 64)).toString(); // k个0
+
+  // 迭代压缩
+  var n = (len + k + 65) / 512;
+
+  var V = hex2binary('7380166f4914b2b9172442d7da8a0600a96f30bc163138aae38dee4db0fb0e4e');
+  for (var i = 0; i <= n - 1; i += 1) {
+    var B = m.substr(512 * i, 512);
+    V = CF(V, B);
+  }
+  return binary2hex(V);
+}
+
+module.exports = sm3;

src/utils/UsbKey3A/sm3/sm3.js

@@ -0,0 +1,223 @@
+/*
+ * JavaScript SM3
+ * https://github.com/jiaxingzheng/JavaScript-SM3
+ *
+ * Copyright 2017, Zheng Jiaxing
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ *
+ * Refer to
+ * http://www.oscca.gov.cn/UpFile/20101222141857786.pdf
+ */
+
+
+// 左补0到指定长度
+function leftPad(str, totalLength) {
+  const len = str.length;
+  return Array(totalLength > len ? ((totalLength - len) + 1) : 0).join(0) + str;
+}
+
+// 二进制转化为十六进制
+function binary2hex(binary) {
+  const binaryLength = 8;
+  let hex = '';
+  for (let i = 0; i < binary.length / binaryLength; i += 1) {
+    hex += leftPad(parseInt(binary.substr(i * binaryLength, binaryLength), 2).toString(16), 2);
+  }
+  return hex;
+}
+
+// 十六进制转化为二进制
+function hex2binary(hex) {
+  const hexLength = 2;
+  let binary = '';
+  for (let i = 0; i < hex.length / hexLength; i += 1) {
+    binary += leftPad(parseInt(hex.substr(i * hexLength, hexLength), 16).toString(2), 8);
+  }
+  return binary;
+}
+
+// 普通字符串转化为二进制
+function str2binary(str) {
+  let binary = '';
+  for (const ch of str) {
+    binary += leftPad(ch.codePointAt(0).toString(2), 8);
+  }
+  return binary;
+}
+
+// 循环左移
+function rol(str, n) {
+  return str.substring(n % str.length) + str.substr(0, n % str.length);
+}
+
+// 二进制运算
+function binaryCal(x, y, method) {
+  const a = x || '';
+  const b = y || '';
+  const result = [];
+  let prevResult;
+  // for (let i = 0; i < a.length; i += 1) { // 小端
+  for (let i = a.length - 1; i >= 0; i -= 1) { // 大端
+    prevResult = method(a[i], b[i], prevResult);
+    result[i] = prevResult[0];
+  }
+  // console.log(`x     :${x}\ny     :${y}\nresult:${result.join('')}\n`);
+  return result.join('');
+}
+
+// 二进制异或运算
+function xor(x, y) {
+  return binaryCal(x, y, (a, b) => [(a === b ? '0' : '1')]);
+}
+
+// 二进制与运算
+function and(x, y) {
+  return binaryCal(x, y, (a, b) => [(a === '1' && b === '1' ? '1' : '0')]);
+}
+
+// 二进制或运算
+function or(x, y) {
+  return binaryCal(x, y, (a, b) => [(a === '1' || b === '1' ? '1' : '0')]);// a === '0' && b === '0' ? '0' : '1'
+}
+
+// 二进制与运算
+function add(x, y) {
+  const result = binaryCal(x, y, (a, b, prevResult) => {
+    const carry = prevResult ? prevResult[1] : '0' || '0';
+    if (a !== b) return [carry === '0' ? '1' : '0', carry];// a,b不等时,carry不变，结果与carry相反
+    // a,b相等时，结果等于原carry，新carry等于a
+    return [carry, a];
+  });
+  // console.log('x: ' + x + '\ny: ' + y + '\n=  ' + result + '\n');
+  return result;
+}
+
+// 二进制非运算
+function not(x) {
+  return binaryCal(x, undefined, a => [a === '1' ? '0' : '1']);
+}
+
+function calMulti(method) {
+  return (...arr) => arr.reduce((prev, curr) => method(prev, curr));
+}
+
+// function xorMulti(...arr) {
+//   return arr.reduce((prev, curr) => xor(prev, curr));
+// }
+
+// 压缩函数中的置换函数 P1(X) = X xor (X <<< 9) xor (X <<< 17)
+function P0(X) {
+  return calMulti(xor)(X, rol(X, 9), rol(X, 17));
+}
+
+// 消息扩展中的置换函数 P1(X) = X xor (X <<< 15) xor (X <<< 23)
+function P1(X) {
+  return calMulti(xor)(X, rol(X, 15), rol(X, 23));
+}
+
+// 布尔函数，随j的变化取不同的表达式
+function FF(X, Y, Z, j) {
+  return j >= 0 && j <= 15 ? calMulti(xor)(X, Y, Z) : calMulti(or)(and(X, Y), and(X, Z), and(Y, Z));
+}
+
+// 布尔函数，随j的变化取不同的表达式
+function GG(X, Y, Z, j) {
+  return j >= 0 && j <= 15 ? calMulti(xor)(X, Y, Z) : or(and(X, Y), and(not(X), Z));
+}
+
+// 常量，随j的变化取不同的值
+function T(j) {
+  return j >= 0 && j <= 15 ? hex2binary('79cc4519') : hex2binary('7a879d8a');
+}
+
+// 压缩函数
+function CF(V, Bi) {
+  // 消息扩展
+  const wordLength = 32;
+  const W = [];
+  const M = [];// W'
+
+  // 将消息分组B划分为16个字W0， W1，…… ，W15 （字为长度为32的比特串）
+  for (let i = 0; i < 16; i += 1) {
+    W.push(Bi.substr(i * wordLength, wordLength));
+  }
+
+  // W[j] <- P1(W[j−16] xor W[j−9] xor (W[j−3] <<< 15)) xor (W[j−13] <<< 7) xor W[j−6]
+  for (let j = 16; j < 68; j += 1) {
+    W.push(calMulti(xor)(
+      P1(calMulti(xor)(W[j - 16], W[j - 9], rol(W[j - 3], 15))),
+      rol(W[j - 13], 7),
+      W[j - 6]
+    ));
+  }
+
+  // W′[j] = W[j] xor W[j+4]
+  for (let j = 0; j < 64; j += 1) {
+    M.push(xor(W[j], W[j + 4]));
+  }
+
+  // 压缩
+  const wordRegister = [];// 字寄存器
+  for (let j = 0; j < 8; j += 1) {
+    wordRegister.push(V.substr(j * wordLength, wordLength));
+  }
+
+  let A = wordRegister[0];
+  let B = wordRegister[1];
+  let C = wordRegister[2];
+  let D = wordRegister[3];
+  let E = wordRegister[4];
+  let F = wordRegister[5];
+  let G = wordRegister[6];
+  let H = wordRegister[7];
+
+  // 中间变量
+  let SS1;
+  let SS2;
+  let TT1;
+  let TT2;
+  for (let j = 0; j < 64; j += 1) {
+    SS1 = rol(calMulti(add)(rol(A, 12), E, rol(T(j), j)), 7);
+    SS2 = xor(SS1, rol(A, 12));
+
+    TT1 = calMulti(add)(FF(A, B, C, j), D, SS2, M[j]);
+    TT2 = calMulti(add)(GG(E, F, G, j), H, SS1, W[j]);
+
+    D = C;
+    C = rol(B, 9);
+    B = A;
+    A = TT1;
+    H = G;
+    G = rol(F, 19);
+    F = E;
+    E = P0(TT2);
+  }
+
+  return xor(Array(A, B, C, D, E, F, G, H).join(''), V);
+}
+
+// sm3 hash算法 http://www.oscca.gov.cn/News/201012/News_1199.htm
+export function sm3(str) {
+  const binary = str2binary(str);
+  // 填充
+  const len = binary.length;
+  // k是满足len + 1 + k = 448mod512的最小的非负整数
+  let k = len % 512;
+  // 如果 448 <= (512 % len) < 512，需要多补充 (len % 448) 比特'0'以满足总比特长度为512的倍数
+  k = k >= 448 ? 512 - (k % 448) - 1: 448 - k - 1;
+  const m = `${binary}1${leftPad('', k)}${leftPad(len.toString(2), 64)}`.toString();// k个0
+
+  // 迭代压缩
+  const n = (len + k + 65) / 512;
+
+  let V = hex2binary('7380166f4914b2b9172442d7da8a0600a96f30bc163138aae38dee4db0fb0e4e');
+  for (let i = 0; i <= n - 1; i += 1) {
+    const B = m.substr(512 * i, 512);
+    V = CF(V, B);
+  }
+  return binary2hex(V);
+}
+
+

src/views/ud/ud.vue

@@ -1,3 +1,4 @@
+<script src="../../permission.js"></script>
 <template>
   <div>
     <el-card>
@@ -415,6 +416,39 @@
       ></udInfoDialog>
     </el-dialog>
 
+    <el-dialog
+      title="设置pin码"
+      :visible.sync="manuPinDialogVisible"
+      :before-close="close"
+      width="60%"
+      v-if="manuPinDialogVisible"
+      @close='closePinDialog'
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+    >
+      <udInfoPinDialog
+        :closeDialog="closePinDialog"
+        :inputQuery="inputInfoQuery"
+        formName="设置pin码"
+      ></udInfoPinDialog>
+    </el-dialog>
+
+    <el-dialog
+      title="设置秘钥"
+      :visible.sync="manuKeyDialogVisible"
+      :before-close="close"
+      width="60%"
+      v-if="manuKeyDialogVisible"
+      @close='closeKeyDialog'
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+    >
+      <udInfoKeyDialog
+        :closeDialog="closeKeyDialog"
+        :inputQuery="inputInfoQuery"
+        formName="设置秘钥"
+      ></udInfoKeyDialog>
+    </el-dialog>
   </div>
 </template>
 
@@ -422,10 +456,14 @@
 
 <script>
 import udInfoDialog from "@/views/ud/udInfoDialog";
+import udInfoKeyDialog from "@/views/ud/udInfoKeyDialog";
+import udInfoPinDialog from "@/views/ud/udInfoPinDialog";
 import udPlanDialog from "@/views/ud/udPlanDialog";
-import {deleteUd, listUd} from "@/api/ud/ud";
+import {deleteUd, listUd,checkUd} from "@/api/ud/ud";
 import {deletePlan,updateStatusPlan, listPlan} from "@/api/ud/udPlan";
 import {executeFuc, getHead} from "@/utils/customConfig";
+import SoftKey3A from '@/utils/UsbKey3A/SoftKey3A'
+import {isBlank} from "@/utils/strUtil";
 
 export default {
   name: "ud",
@@ -454,6 +492,8 @@ export default {
       },
       inputInfoQuery:{},
       manuInfoDialogVisible: false,
+      manuKeyDialogVisible: false,
+      manuPinDialogVisible: false,
       manuInfoList: [],
       loadInfoLoading: false,
       manuInfoTotal: 0,
@@ -576,10 +616,63 @@ export default {
       _this.inputQuery=row;
       _this.orderMutiSetVisible = true;
     },
+    GetRandomNum(Min,Max){
+      var Range = Max - Min;
+      var Rand = Math.random();
+      return(Min + Math.round(Rand * Range)).toString();
+    },
+    checkInfo:async function(_this,row){
+      if (isBlank(row.privateKey) || isBlank(row.publicKeyX) || isBlank(row.publicKeyY)) {
+        _this.$message.error("秘钥未设置！");
+        return;
+      }
+
+      var DevicePath
+      var mSoftKey3A=new SoftKey3A();//注意，由于USB的操作是异步的，所以所有函数的调用前必须加await !!!!!!!!!
+      DevicePath =await mSoftKey3A.FindPort(1);//'查找是否存在多把加密锁
+      if( mSoftKey3A.GetLastError()== 0 ) {
+        _this.$message.error( "系统上发现有2把及以上的加密锁，请只插入要进行的加密锁。");return false;
+      }
+      DevicePath =await mSoftKey3A.FindPort(0);//'查找是否存在加密锁
+      if( mSoftKey3A.GetLastError()!= 0 ) {
+        _this.$message.error( "未发现加密锁，请插入加密锁");return false;
+      }
+      var data = {
+        randomString:_this.GetRandomNum(1,65535)+_this.GetRandomNum(1,65535),
+        id:row.id,
+        ciphertext:'',
+      }
+
+      data.ciphertext =await mSoftKey3A.YtSign(data.randomString,row.pin,DevicePath);
+      if(!data.ciphertext) {
+        _this.$message.error( "签名失败");return false;
+      }
+      console.log(data)
+      checkUd(data)
+        .then((response) => {
+          if(response.code == 20000){
+            _this.$message.success("校验成功");
+            _this.getInfoList()
+          }else{
+            _this.$message.error("校验失败");
+          }
+        })
+        .catch(() => {
+          _this.$message.error(response.message);
+        });
+    },
     closeInfoDialog(){
       this.manuInfoDialogVisible = false;
       this.getInfoList();
     },
+    closeKeyDialog(){
+      this.manuKeyDialogVisible = false;
+      this.getInfoList();
+    },
+    closePinDialog(){
+      this.manuPinDialogVisible = false;
+      this.getInfoList();
+    },
     addInfoMuti(){
       var changeCode =  this.changeCode;
       if(!changeCode){
@@ -589,6 +682,7 @@ export default {
       this.inputInfoQuery={
         producePlanId:changeCode,
         uniqueId:'',
+        userName:'',
       }
       this.formInfoName=1;
       this.manuInfoDialogVisible = true;
@@ -598,6 +692,14 @@ export default {
       _this.inputInfoQuery=row;
       _this.manuInfoDialogVisible = true;
     },
+    editKeyDialog(_this,row){
+      _this.inputInfoQuery=row;
+      _this.manuKeyDialogVisible = true;
+    },
+    editPinDialog(_this,row){
+      _this.inputInfoQuery=row;
+      _this.manuPinDialogVisible = true;
+    },
     supPlanClick(_this,row) {
       _this.changeCode= row.id
       _this.onInfoReset();
@@ -697,7 +799,7 @@ export default {
       return defaultRet;
     }
   },
-  components: {udInfoDialog,udPlanDialog},
+  components: {udInfoDialog,udPlanDialog,udInfoKeyDialog,udInfoPinDialog},
   created() {
      getHead("ud-plan","1").then((re) => {
        // 处理返回的数据

src/views/ud/udInfoDialog.vue

@@ -1,137 +1,92 @@
 <template>
   <div>
     <el-card>
-      <el-row>
+      <el-form  :model="inputQuery"  label-width="120px" >
-        <div style="margin: 0px 60px 10px auto; height: 35px;  float: right;">
+          <el-row :gutter="20" class="el-row" type="flex">
+            <el-col class="el-col" type="flex">
+              <div class="text item">
+                <el-form-item prop="uniqueId">
+                  <span span="10" slot="label">U盾唯一ID</span>
+                  <el-input
+                    v-model="inputQuery.uniqueId"
+                    placeholder="U盾唯一ID"
+                    disabled=true
+                    style="width:100%;"
+                  ></el-input>
+                </el-form-item>
+                </div>
+              </el-col>
+            <el-col class="el-col" type="flex">
+            <div v-if="!inputQuery.id">
               <el-button-group>
                 <el-button
                   type="primary"
                   @click.native.stop="readUdInfo"
-              :loading="loading"
+                >读取U盾
-            >开始/重新读取
                 </el-button
                 >
               </el-button-group>
             </div>
-
+            </el-col>
           </el-row>
-      <el-form  :model="inputQuery"  label-width="120px" >
-        <template v-for="(itemRow, indexRow) in fromList">
         <el-row :gutter="20" class="el-row" type="flex">
-            <template v-for="(item, index) in itemRow.list">
+          <el-col class="el-col" type="flex">
-              <el-col :span="item.width" class="el-col" type="flex">
             <div class="text item">
-                  <el-form-item v-if="item.columnType =='input'"  :rules="item.checkRulesObj" :prop="item.columnName">
+              <el-form-item prop="uniqueId">
-                        <span slot="label">
+                <span span="10" slot="label">U盾序列号</span>
-                          {{item.columnDesc}}
-                        </span>
                 <el-input
-                      v-model="inputQuery[item.columnName]"
+                  v-model="inputQuery.serialNumber"
-                      :style="item.style"
+                  placeholder="U盾序列号"
-                      :size="item.size"
+                  disabled=true
-                      :type="item.inputType"
+                  style="width:100%;"
-                      :placeholder="item.columnDesc"
-                      :disabled="item.disabled"
-                      @input="executeFuc($event,'5',item.clickFuc)"
-                      :autosize="{ minRows: 4, maxRows: 9}"
                 ></el-input>
               </el-form-item>
-
+            </div>
-                  <el-form-item v-if="item.columnType =='radio'" :prop="item.columnName">
+          </el-col>
-                        <span slot="label">
+          <el-col class="el-col" type="flex"></el-col>
-                          {{item.columnDesc}}
+        </el-row>
-                        </span>
+        <el-row :gutter="20" class="el-row" type="flex">
-                    <el-radio-group :style="item.style" v-model="inputQuery[item.columnName]">
+          <el-col class="el-col" type="flex">
-                      <el-radio
+            <div class="text item">
-                        v-for="dict in item.lableRuleObj"
+              <el-form-item prop="uniqueId">
-                        :key="parseInt(dict.value)"
+                <span span="10" slot="label">用户名</span>
-                        :label="parseInt(dict.value)"
+                <el-input
-                        :disabled="item.disabled"
+                  v-model="inputQuery.userName"
-                      >{{dict.label}}</el-radio>
+                  placeholder="用户名"
-                    </el-radio-group>
+                  style="width:100%;"
-                  </el-form-item>
+                ></el-input>
-
+                <div style="color: red">特别注意：修改用户名后需要重新设置秘钥</div>
-                  <el-form-item v-if="item.columnType =='select'" :prop="item.columnName">
-                        <span slot="label">
-                          {{item.columnDesc}}
-                        </span>
-                    <el-select v-model="inputQuery[item.columnName]" :style="item.style">
-                      <el-option
-                        v-for="dict in item.lableRuleObj"
-                        :key="dict.value"
-                        :label="dict.label"
-                        :value="dict.value"
-                      />
-                    </el-select>
               </el-form-item>
-                  <el-form-item v-if="item.columnType =='selectServer'" :prop="item.columnName">
+            </div>
-                        <span slot="label">
+          </el-col>
-                          {{item.columnDesc}}
+          <el-col class="el-col" type="flex">
-                        </span>
+            <div>
-                    <el-select
+              <el-button-group>
-                      v-model="inputQuery[item.columnName]"
+                <el-button
-                      :placeholder="item.columnDesc"
+                  type="primary"
-                      :style="item.style"
+                  @click.native.stop="createUserName"
-                      @change="executeFuc($event,'5',item.clickFuc)"
+                >随机生成
-                      :disabled="executeEval(null,item.disabledFuc,false)"
+                </el-button
-                      filterable
-                      remote
-                      :remote-method="(query) => executeFuc(query,'5',item.dataFuc)"
-                      clearable>
-                      <el-option
-                        v-for="item in options[item.dataFuc]"
-                        :key="item.code"
-                        :label="item.code"
-                        :value="item.code"
                 >
-                        <span style="float: left">{{ item.code }}</span>
+              </el-button-group>
-                        <span style="float: right; color: #8492a6; font-size: 13px;width:200px">{{
+            </div>
-                            item.productName
+          </el-col>
-                          }}</span>
+        </el-row>
-                      </el-option>
+        <el-row :gutter="20" class="el-row" type="flex">
-                    </el-select>
+          <el-col class="el-col" type="flex">
-                  </el-form-item>
+            <div class="text item">
-                  <el-form-item v-if="item.columnType =='date'"  :rules="item.checkRulesObj" :prop="item.columnName">
+              <el-form-item prop="uniqueId">
-                        <span slot="label">
+                <span span="10" slot="label">备注</span>
-                          {{item.columnDesc}}
+                <el-input
-                        </span>
+                  v-model="inputQuery.remark"
-                    <el-date-picker
+                  placeholder="备注"
-                      v-model="inputQuery[item.columnName]"
+                  style="width:100%;"
-                      :style="item.style"
+                ></el-input>
-                      value-format="yyyy-MM-dd"
-                      type="date"
-                      :placeholder="item.columnDesc"
-                    ></el-date-picker>
-                  </el-form-item>
-                  <el-form-item v-if="item.columnType =='datetime'"  :rules="item.checkRulesObj" :prop="item.columnName">
-                        <span slot="label">
-                          {{item.columnDesc}}
-                        </span>
-                    <el-date-picker
-                      v-model="inputQuery[item.columnName]"
-                      :style="item.style"
-                      value-format="yyyy-MM-dd HH:mm:ss"
-                      type="datetime"
-                      :placeholder="item.columnDesc"
-                    ></el-date-picker>
-                  </el-form-item>
-                  <el-form-item v-if="item.columnType =='treeCustom'" :prop="item.columnName">
-                        <span slot="label">
-                          {{item.columnDesc}}
-                        </span>
-                    <treeselect
-                      v-model="inputQuery[item.columnName]"
-                      :options="menuOptions"
-                      :normalizer="normalizer"
-                      :show-count="true"
-                      :placeholder="item.columnName"
-                    />
               </el-form-item>
             </div>
           </el-col>
-            </template>
+          <el-col class="el-col" type="flex"></el-col>
         </el-row>
-        </template>
         <div style='text-align: center; margin-bottom: 10px;margin-top: 18px ;'>
           <el-button type="primary" @click="submitInv">提交</el-button>
           <el-button  @click="closeDialog">取消</el-button>
@@ -146,12 +101,12 @@ import {saveUd} from  "@/api/ud/ud";
 import {
   getHead,executeFuc
 } from "@/utils/customConfig";
-import SoftKey3W from '@/utils//Syunew3W.js'
+import SoftKey3A from '@/utils/UsbKey3A/SoftKey3A'
-import SoftKey from '@/utils//SoftKey.js'
+import {isBlank} from "@/utils/strUtil";
 
 function myonLoad() {
   try {
-    var s_pnp=new SoftKey3W();
+    var s_pnp=new SoftKey3A();
     s_pnp.Socket_UK.onopen = function() {
 
     }
@@ -196,13 +151,6 @@ export default {
   },
   data() {
     return {
-      tableHeader:[],
-      queryList:[],
-      fromList:[],
-      tableObj:[],
-      invList:[],
-      options: {
-      }
     }
   },
   mounted() {
@@ -245,90 +193,62 @@ export default {
       }
       return defaultRet;
     },
-    readUd:async function(InThis){
+    readUdInfo:async function(){
       var DevicePath
-      var that=InThis;
+      var mSoftKey3A=new SoftKey3A();//注意，由于USB的操作是异步的，所以所有函数的调用前必须加await !!!!!!!!!
-      var mSoftKey3A = new SoftKey3W();//注意，由于USB的操作是异步的，所以所有函数的调用前必须加await !!!!!!!!!
+      DevicePath =await mSoftKey3A.FindPort(1);//'查找是否存在多把加密锁
-      DevicePath = await mSoftKey3A.FindPort(1);//'查找是否存在多把加密锁
+      if( mSoftKey3A.GetLastError()== 0 ) {
-      if (mSoftKey3A.GetLastError() == 0) {
+        this.$message.error( "系统上发现有2把及以上的加密锁，请只插入要进行的加密锁。");return false;
-        this.$message.error("系统上发现有2把及以上的加密锁，请只插入要进行的加密锁。"); return false;
       }
-      DevicePath = await mSoftKey3A.FindPort(0);//'查找是否存在加密锁
+      DevicePath =await mSoftKey3A.FindPort(0);//'查找是否存在加密锁
-      if (mSoftKey3A.GetLastError() != 0) {
+      if( mSoftKey3A.GetLastError()!= 0 ) {
-        this.$message.error("未发现加密锁，请插入加密锁"); return false;
+        this.$message.error( "未发现加密锁，请插入加密锁");return false;
       }
+
       //读取加密锁的芯片唯一ID，某些旧的型号可能没有芯片唯一ID，可以用加密狗ID
       {
-        that.KeyID = await mSoftKey3A.GetChipID(DevicePath);
+        this.inputQuery.uniqueId = await mSoftKey3A.GetChipID(DevicePath);
         if (mSoftKey3A.GetLastError() != 0) {
           //某些旧的型号可能没有芯片唯一ID，可以用加密狗ID
-          that.KeyID = toHex(await mSoftKey3A.GetID_1(DevicePath)) + toHex(await mSoftKey3A.GetID_2(DevicePath));
+          this.inputQuery.uniqueId = toHex(await mSoftKey3A.GetID_1(DevicePath)) + toHex(await mSoftKey3A.GetID_2(DevicePath));
           if (mSoftKey3A.GetLastError() != 0) {
             this.$message.error("获取ID错误,错误码是" + mSoftKey3A.GetLastError().toString());
             return false;
           }
         }
       }
-      console.log(that.KeyID);
+
-      // var addr
+      //从锁中取出用户身份，与签名后的数据一并送到服务端进行验证。以验证用户身份
-      // //储存在加密锁的用户名
+      this.inputQuery.userName=await mSoftKey3A.GetSm2UserName(DevicePath);
-      // {
+      if( mSoftKey3A.GetLastError()!= 0 ) {
-      //   addr = 0//用户名储存在0开如的地址中，之前要用我们的设用户名及密码工具设置
+        this.$message.error(  "返回用户身份时出现错误，错误码为："+mSoftKey3A.GetLastError().toString());
-      //   //先从地址0读取字符串的长度,使用默认的读密码"FFFFFFFF","FFFFFFFF"
-      //   var OutLenBuf = await mSoftKey3A.YReadEx(addr, 1, "0DAF0B2D", "DB5C61FB", DevicePath);
-      //   var nlen = OutLenBuf[0];
-      //   if (mSoftKey3A.GetLastError() != 0) {
-      //     window.alert("读取用户名长度时错误。错误码：" + mSoftKey3A.GetLastError().toString()); return false;
-      //   }
-      //   //再从地址1读取相应的长度的字符串，,使用默认的读密码"FFFFFFFF","FFFFFFFF"
-      //   that.UserName = await mSoftKey3A.YReadString(addr + 1, nlen, "0DAF0B2D", "DB5C61FB", DevicePath);
-      //   if (mSoftKey3A.GetLastError() != 0) {
-      //     window.alert("读取用户名时错误。错误码：" + mSoftKey3A.GetLastError().toString()); return false;
-      //   }
-      // }
-      // //储存在加密锁的用户密码，与上面的区别在于地址不一样，
-      // {
-      //   addr = 20//用户密码储存在0开如的地址中，之前要用我们的设用户名及密码工具设置
-      //   //先从地址0读取字符串的长度,使用默认的读密码"FFFFFFFF","FFFFFFFF"
-      //   var OutLenBuf = await mSoftKey3A.YReadEx(addr, 1, "0DAF0B2D", "DB5C61FB", DevicePath);
-      //   var nlen = OutLenBuf[0];
-      //   if (mSoftKey3A.GetLastError() != 0) {
-      //     window.alert("读取用户密码长度时错误。错误码：" + mSoftKey3A.GetLastError().toString()); return false;
-      //   }
-      //   //再从地址1读取相应的长度的字符串，,使用默认的读密码"FFFFFFFF","FFFFFFFF"
-      //   that.Password = await mSoftKey3A.YReadString(addr + 1, nlen, "0DAF0B2D", "DB5C61FB", DevicePath);
-      //   if (mSoftKey3A.GetLastError() != 0) {
-      //     window.alert("读取用户密码时错误。错误码：" + mSoftKey3A.GetLastError().toString()); return false;
-      //   }
-      // }
-      // console.log(that.UserName);
-      // console.log(that.Password);
-      that.return_EncData = await mSoftKey3A.EncString("1122222222", DevicePath);
-      console.log(that.return_EncData);
-      if (mSoftKey3A.GetLastError() != 0) {
-        window.alert("进行加密运行算时错误，错误码为：" + mSoftKey3A.GetLastError().toString());
         return  false;
       }
-      // const aaa = await mSoftKey3A.SetCal_2("5cb4b5fcfe474657b5621f34d0ea6df9", DevicePath);
-      // console.log(aaa);
 
-    },
-    readUdInfo:async function() {//这里使用了异步的方式，因为WEBSOCKET是异步的
 
-      await this.readUd(this)//这里等客户关提交结果，使用了await异步等的方式，因为WEBSOCKET是异步的
+    },
+    createUserName(){
+      //可获取的字符串
+      const chars = 'ABCDEFGHIJKLMNOPQRSTUVWSYZabcdefghijklmnopqrstuvwsyz0123456789';
+      const list = [];
+      //通过随机获取八个字符串的索引下标
+      for (let i = 0; i < 8; i++) {
+        //61为chars字符串长度为62，注意索引是从0开始的
+        const val_1 = Math.round(Math.random() * 61);
+        list.push(val_1);
+      }
 
-      this.inputQuery.uniqueId = this.KeyID
+      //再根据随机获取的8个字符串索引拿到这8个字符串进行拼接
+      let passwd = '';
+      for (let n = 0; n < list.length; n++) {
+        passwd += chars.charAt(list[n]);
+      }
+      this.inputQuery.userName= passwd;
     }
   },
   components: {},
   created() {
-    getHead("ud-info","1").then((re) => {
+
-      // 处理返回的数据
-      this.tableObj = re.data;
-      this.tableHeader = re.data.tableList;
-      this.queryList = re.data.queryList;
-      this.fromList = re.data.fromList;
-    });
   },
 }
 </script>

src/views/ud/udInfoKeyDialog.vue

@@ -0,0 +1,244 @@
+<template>
+  <div>
+    <el-card>
+      <el-form  :model="inputQuery"  label-width="120px" >
+          <el-row :gutter="20" class="el-row" type="flex">
+            <el-col class="el-col" type="flex">
+              <div class="text item">
+                <el-form-item prop="uniqueId">
+                  <span span="10" slot="label">U盾唯一ID</span>
+                  <el-input
+                    v-model="inputQuery.uniqueId"
+                    placeholder="U盾唯一ID"
+                    disabled=true
+                    style="width:100%;"
+                  ></el-input>
+                </el-form-item>
+                </div>
+              </el-col>
+            <el-col class="el-col" type="flex">
+            </el-col>
+          </el-row>
+        <el-row :gutter="20" class="el-row" type="flex">
+          <el-col class="el-col" type="flex">
+            <div class="text item">
+              <el-form-item prop="uniqueId">
+                <span span="10" slot="label">U盾序列号</span>
+                <el-input
+                  v-model="inputQuery.serialNumber"
+                  placeholder="U盾序列号"
+                  disabled=true
+                  style="width:100%;"
+                ></el-input>
+              </el-form-item>
+            </div>
+          </el-col>
+          <el-col class="el-col" type="flex"></el-col>
+        </el-row>
+        <el-row :gutter="20" class="el-row" type="flex">
+          <el-col class="el-col" type="flex">
+            <div class="text item">
+              <el-form-item prop="uniqueId">
+                <span span="10" slot="label">用户名</span>
+                <el-input
+                  v-model="inputQuery.userName"
+                  placeholder="用户名"
+                  disabled=true
+                  style="width:100%;"
+                ></el-input>
+              </el-form-item>
+            </div>
+          </el-col>
+          <el-col class="el-col" type="flex"></el-col>
+        </el-row>
+        <el-row :gutter="20" class="el-row" type="flex">
+          <el-col class="el-col" type="flex">
+            <div class="text item">
+              <el-form-item prop="uniqueId">
+                <span span="10" slot="label">私钥</span>
+                <el-input
+                  v-model="inputQuery.privateKey"
+                  placeholder="私钥"
+                  style="width:100%;"
+                ></el-input>
+              </el-form-item>
+            </div>
+          </el-col>
+          <el-col class="el-col" type="flex">
+            <div>
+              <el-button-group>
+                <el-button
+                  type="primary"
+                  @click.native.stop="createKey"
+                >生成秘钥
+                </el-button
+                >
+              </el-button-group>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20" class="el-row" type="flex">
+          <el-col class="el-col" type="flex">
+            <div class="text item">
+              <el-form-item prop="uniqueId">
+                <span span="10" slot="label">公钥X</span>
+                <el-input
+                  v-model="inputQuery.publicKeyX"
+                  placeholder="公钥X"
+                  style="width:100%;"
+                ></el-input>
+              </el-form-item>
+            </div>
+          </el-col>
+          <el-col class="el-col" type="flex"></el-col>
+        </el-row>
+        <el-row :gutter="20" class="el-row" type="flex">
+          <el-col class="el-col" type="flex">
+            <div class="text item">
+              <el-form-item prop="uniqueId">
+                <span span="10" slot="label">公钥Y</span>
+                <el-input
+                  v-model="inputQuery.privateKey"
+                  placeholder="公钥Y"
+                  style="width:100%;"
+                ></el-input>
+              </el-form-item>
+            </div>
+          </el-col>
+          <el-col class="el-col" type="flex"></el-col>
+        </el-row>
+        <div style='text-align: center; margin-bottom: 10px;margin-top: 18px ;'>
+          <el-button type="primary" @click="setKey">提交</el-button>
+          <el-button  @click="closeDialog">取消</el-button>
+        </div>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import {saveUd} from  "@/api/ud/ud";
+import {
+  getHead,executeFuc
+} from "@/utils/customConfig";
+import SoftKey3A from '@/utils/UsbKey3A/SoftKey3A'
+import {isBlank} from "@/utils/strUtil";
+
+function myonLoad() {
+  try {
+    var s_pnp=new SoftKey3A();
+    s_pnp.Socket_UK.onopen = function() {
+
+    }
+    //在使用事件插拨时，注意，一定不要关掉Sockey，否则无法监测事件插拨
+    s_pnp.Socket_UK.onmessage =function got_packet(Msg) {
+      var PnpData = JSON.parse(Msg.data);
+      if(PnpData.type=="PnpEvent"){
+        if(PnpData.IsIn) {
+          console.log("UKEY已被插入，被插入的锁的路径是："+PnpData.DevicePath);
+        }
+        else {
+          console.log("UKEY已被拨出，被拨出的锁的路径是："+PnpData.DevicePath);
+        }
+      }
+    }
+    s_pnp.Socket_UK.onclose = function() {
+
+    }
+  }
+  catch(e){
+    this.$message.error(e.name + ": " + e.message);
+    return false;
+  }
+}
+
+export default {
+  name: "udDialog",
+  KeyID:"",
+  props: {
+    closeDialog: {
+      type: Function,
+      required: true,
+    },
+    formName: {
+      type: Object,
+      required: true,
+    },
+    inputQuery: {
+      type: Object,
+      required: true,
+    },
+  },
+  data() {
+    return {
+    }
+  },
+  mounted() {
+    myonLoad();
+  },
+  methods: {
+    submitInv(){
+      this.inputQuery.type="key"
+        saveUd(this.inputQuery,"edit").then((response) => {
+          if(response.code == 20000){
+            this.$message.success("设置成功！");
+            this.closeDialog();
+          }else{
+            this.$message.error(response.message);
+          }
+
+        })
+          .catch(() => {
+            this.$message.error("添加失败");
+          });
+    },
+    createKey:async function(){
+      var DevicePath
+      var mSoftKey3A=new SoftKey3A();//注意，由于USB的操作是异步的，所以所有函数的调用前必须加await !!!!!!!!!
+      DevicePath =await mSoftKey3A.FindPort(1);//'查找是否存在多把加密锁
+      if( mSoftKey3A.GetLastError()== 0 ) {
+        this.$message.error( "系统上发现有2把及以上的加密锁，请只插入要进行的加密锁。");return false;
+      }
+      DevicePath =await mSoftKey3A.FindPort(0);//'查找是否存在加密锁
+      if( mSoftKey3A.GetLastError()!= 0 ) {
+        this.$message.error( "未发现加密锁，请插入加密锁");return false;
+      }
+      var KeyPairInfo =await mSoftKey3A.StarGenKeyPair(DevicePath);
+      this.inputQuery.privateKey = KeyPairInfo.GenPriKey
+      this.inputQuery.publicKeyX = KeyPairInfo.GenPubKeyX
+      this.inputQuery.publicKeyY = KeyPairInfo.GenPubKeyY
+    },
+    setKey:async function(){
+      if (isBlank(this.inputQuery.privateKey) || isBlank(this.inputQuery.publicKeyX) || isBlank(this.inputQuery.publicKeyY)) {
+        this.$message.error("秘钥不能为空！");
+        return;
+      }
+
+      var DevicePath
+      var mSoftKey3A=new SoftKey3A();//注意，由于USB的操作是异步的，所以所有函数的调用前必须加await !!!!!!!!!
+      DevicePath =await mSoftKey3A.FindPort(1);//'查找是否存在多把加密锁
+      if( mSoftKey3A.GetLastError()== 0 ) {
+        this.$message.error( "系统上发现有2把及以上的加密锁，请只插入要进行的加密锁。");return false;
+      }
+      DevicePath =await mSoftKey3A.FindPort(0);//'查找是否存在加密锁
+      if( mSoftKey3A.GetLastError()!= 0 ) {
+        this.$message.error( "未发现加密锁，请插入加密锁");return false;
+      }
+
+      var re =await mSoftKey3A.Set_SM2_KeyPair(this.inputQuery.privateKey,this.inputQuery.publicKeyX,this.inputQuery.publicKeyY,this.inputQuery.userName,DevicePath);
+      if( re != 0 ) {
+        this.$message.error( "设置失败");return false;
+      }
+      this.submitInv();
+    }
+  },
+  components: {},
+  created() {
+
+  },
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/ud/udInfoPinDialog.vue

@@ -0,0 +1,195 @@
+<template>
+  <div>
+    <el-card>
+      <el-form  :model="inputQuery"  label-width="120px" >
+          <el-row :gutter="20" class="el-row" type="flex">
+            <el-col class="el-col" type="flex">
+              <div class="text item">
+                <el-form-item prop="uniqueId">
+                  <span span="10" slot="label">U盾唯一ID</span>
+                  <el-input
+                    v-model="inputQuery.uniqueId"
+                    placeholder="U盾唯一ID"
+                    disabled=true
+                    style="width:100%;"
+                  ></el-input>
+                </el-form-item>
+                </div>
+              </el-col>
+            <el-col class="el-col" type="flex">
+            </el-col>
+          </el-row>
+        <el-row :gutter="20" class="el-row" type="flex">
+          <el-col class="el-col" type="flex">
+            <div class="text item">
+              <el-form-item prop="uniqueId">
+                <span span="10" slot="label">U盾序列号</span>
+                <el-input
+                  v-model="inputQuery.serialNumber"
+                  placeholder="U盾序列号"
+                  disabled=true
+                  style="width:100%;"
+                ></el-input>
+              </el-form-item>
+            </div>
+          </el-col>
+          <el-col class="el-col" type="flex"></el-col>
+        </el-row>
+        <el-row :gutter="20" class="el-row" type="flex">
+          <el-col class="el-col" type="flex">
+            <div class="text item">
+              <el-form-item prop="uniqueId">
+                <span span="10" slot="label">旧pin码</span>
+                <el-input
+                  v-model="oldPin"
+                  placeholder="pin码"
+                  style="width:100%;"
+                  disabled=true
+                ></el-input>
+              </el-form-item>
+            </div>
+          </el-col>
+          <el-col class="el-col" type="flex"></el-col>
+        </el-row>
+        <el-row :gutter="20" class="el-row" type="flex">
+          <el-col class="el-col" type="flex">
+            <div class="text item">
+              <el-form-item prop="uniqueId">
+                <span span="10" slot="label">pin码</span>
+                <el-input
+                  v-model="inputQuery.pin"
+                  placeholder="pin码"
+                  style="width:100%;"
+                ></el-input>
+              </el-form-item>
+            </div>
+          </el-col>
+          <el-col class="el-col" type="flex"></el-col>
+        </el-row>
+        <div style='text-align: center; margin-bottom: 10px;margin-top: 18px ;'>
+          <el-button type="primary" @click="setPin">设置</el-button>
+          <el-button  @click="closeDialog">取消</el-button>
+        </div>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import {saveUd} from  "@/api/ud/ud";
+import {
+  getHead,executeFuc
+} from "@/utils/customConfig";
+import SoftKey3A from '@/utils/UsbKey3A/SoftKey3A'
+import {isBlank} from "@/utils/strUtil";
+
+
+function myonLoad() {
+  try {
+    var s_pnp=new SoftKey3A();
+    s_pnp.Socket_UK.onopen = function() {
+
+    }
+    //在使用事件插拨时，注意，一定不要关掉Sockey，否则无法监测事件插拨
+    s_pnp.Socket_UK.onmessage =function got_packet(Msg) {
+      var PnpData = JSON.parse(Msg.data);
+      if(PnpData.type=="PnpEvent"){
+        if(PnpData.IsIn) {
+          console.log("UKEY已被插入，被插入的锁的路径是："+PnpData.DevicePath);
+        }
+        else {
+          console.log("UKEY已被拨出，被拨出的锁的路径是："+PnpData.DevicePath);
+        }
+      }
+    }
+    s_pnp.Socket_UK.onclose = function() {
+
+    }
+  }
+  catch(e){
+    this.$message.error(e.name + ": " + e.message);
+    return false;
+  }
+}
+
+export default {
+  name: "udDialog",
+  KeyID:"",
+  props: {
+    closeDialog: {
+      type: Function,
+      required: true,
+    },
+    formName: {
+      type: Object,
+      required: true,
+    },
+    inputQuery: {
+      type: Object,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      oldPin:"",
+    }
+  },
+  mounted() {
+    myonLoad();
+  },
+  methods: {
+    submitInv(){
+      this.inputQuery.type="pin"
+        saveUd(this.inputQuery,"edit").then((response) => {
+          if(response.code == 20000){
+            this.$message.success("设置成功！");
+            this.closeDialog();
+          }else{
+            this.$message.error(response.message);
+          }
+
+        })
+          .catch(() => {
+            this.$message.error("设置失败");
+          });
+      },
+    setPin:async function(){
+      if (isBlank(this.inputQuery.pin)) {
+        this.$message.error("pin码不能为空！");
+        return;
+      }
+      if (this.inputQuery.pin.length > 16) {
+        this.$message.error("pin码不能超过16位！");
+        return;
+      }
+      var DevicePath
+      var mSoftKey3A=new SoftKey3A();//注意，由于USB的操作是异步的，所以所有函数的调用前必须加await !!!!!!!!!
+      DevicePath =await mSoftKey3A.FindPort(1);//'查找是否存在多把加密锁
+      if( mSoftKey3A.GetLastError()== 0 ) {
+        this.$message.error( "系统上发现有2把及以上的加密锁，请只插入要进行的加密锁。");return false;
+      }
+      DevicePath =await mSoftKey3A.FindPort(0);//'查找是否存在加密锁
+      if( mSoftKey3A.GetLastError()!= 0 ) {
+        this.$message.error( "未发现加密锁，请插入加密锁");return false;
+      }
+      if( this.oldPin ==  this.inputQuery.pin) {
+        this.$message.error( "新旧密码不能一致");return false;
+      }
+      var re =await mSoftKey3A.YtSetPin(this.oldPin,this.inputQuery.pin,DevicePath);
+      if( re != 0 ) {
+        this.$message.error( "设置失败，旧密码错误");return false;
+      }
+      this.submitInv();
+    }
+  },
+  components: {},
+  created() {
+      this.oldPin = this.inputQuery.pin
+    this.inputQuery.pin = ""
+  },
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/ud/udManage.vue

@@ -0,0 +1,363 @@
+<template>
+  <div>
+    <el-card>
+      <el-form v-if="queryList && queryList.length > 0" :model="filterQuery" class="query-form" size="mini" label-width="120px" v-show="showSearch" :inline="true">
+        <el-row style=" display:flex;  flex-wrap: wrap; ">
+          <template v-for="(item, index) in queryList" >
+            <el-form-item v-if="item.columnType == 'input' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`" :key="item.id">
+              <el-input
+                v-model="filterQuery[item.columnName]"
+                :placeholder="item.columnDesc"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                @keyup.enter.native="executeFuc($event,'5',item.clickFuc)"
+                clearable
+              ></el-input>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'select' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">
+              <el-select v-model="filterQuery[item.columnName]"
+                         :placeholder="item.columnDesc"
+                         :disabled="executeEval(null,item.disabledFuc,false)"
+                         clearable>
+                <el-option
+                  v-for="dict in item.lableRuleObj"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'selectServer' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">
+              <el-select
+                v-model="filterQuery[item.columnName]"
+                :placeholder="item.columnDesc"
+                @change="executeFuc($event,'5',item.checkRules)"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                filterable
+                remote
+                :remote-method="(query) => executeFuc(query,'5',item.clickFuc)"
+                clearable>
+                <el-option
+                  v-for="item in options[item.clickFuc]"
+                  :key="item.code"
+                  :label="item.label"
+                  :value="item.code"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'datePicker' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">
+              <el-date-picker
+                :picker-options="pickerOptions"
+                v-model="actDateRange"
+                type="daterange"
+                format="yyyy 年 MM 月 dd 日"
+                value-format="yyyy-MM-dd"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+              ></el-date-picker>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'date' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">
+              <el-date-picker
+                v-model="filterQuery[item.columnName]"
+                :style="`width:${item.width+'px'}`"
+                value-format="yyyy-MM-dd"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                type="date"
+                :placeholder="item.columnDesc"
+              ></el-date-picker>
+            </el-form-item>
+          </template>
+        </el-row>
+      </el-form>
+      <div class="top-right-btn">
+        <el-button-group>
+          <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-refresh"
+            @click="onReset"
+          >重置
+          </el-button>
+          <el-button type="primary" icon="el-icon-search" @click="onSubmit"
+          >查询
+          </el-button
+          >
+          <el-button type="primary" icon="el-icon-plus" @click="(event) => addOrderMuti()">新增</el-button>
+        </el-button-group>
+      </div>
+      <el-table v-loading="loading" :data="list" style="width: 100%"  border highlight-current-row>
+        <template v-for="(item, index) in tableHeader">
+          <el-table-column
+            v-if="item.columnType == 'id' && executeEval(row,item.expression,true)"
+            type="index" :label="item.columnDesc"></el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'selection'"
+            type="selection"
+            :width="item.width"
+            :selectable="(row,number) => executeFuc(row,'3',item.clickFuc)"
+          ></el-table-column>
+
+          <el-table-column
+            v-if="item.columnType == 'radio' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template  slot-scope="scope">
+              <el-radio :label="scope.row.id" v-model="radioCheck"><span></span></el-radio>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'laber' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template   slot-scope="scope">
+              <span :style="{color: executeFuc(scope.row,'4',item.lableRuleObj[scope.row[item.columnName]])}">{{ item.lableRuleObj[scope.row[item.columnName]] }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'eltag' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template   slot-scope="scope">
+              <el-tag :type="executeFuc(scope.row,'4',item,item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName])">
+                <span>{{ item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName] }}</span>
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'button' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :width="item.width"
+            :key="item.columnName"
+            fixed="right"
+          >
+            <template slot-scope="scope">
+              <el-button v-for="(buttonItem, buttonIndex) in item.buttonRulObj"
+                         :type="buttonItem.type"
+                         :size="buttonItem.size"
+                         :style="buttonItem.style"
+                         :key="buttonItem"
+                         v-if="executeEval(scope.row,buttonItem.hasPermi,true)"
+                         :disabled="executeEval(scope.row,buttonItem.disabledFuc,false)"
+                         @click.native.stop="executeFuc(scope.row,'1',buttonItem.clickFuc)"
+              >{{ buttonItem.name }}
+              </el-button>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'text' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template slot-scope="scope">
+              <span :style="{color: executeFuc(scope.row,'4',item,scope.row[item.columnName])}">{{ scope.row[item.columnName] }}</span>
+            </template>
+          </el-table-column>
+        </template>
+      </el-table>
+
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="filterQuery.page"
+        :limit.sync="filterQuery.limit"
+        @pagination="handleCurrentChange"
+
+      ></pagination>
+    </el-card>
+
+
+    <el-dialog
+      title="分配企业"
+      :visible.sync="allocateVisible"
+      :before-close="close"
+      width="30%"
+      v-if="allocateVisible"
+      @close='closeAllocateDialog'
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+    >
+      <udManageDialog
+        :closeDialog="closeAllocateDialog"
+        :inputQuery="inputQuery"
+        formName="分配企业"
+      ></udManageDialog>
+    </el-dialog>
+
+  </div>
+</template>
+
+
+
+<script>
+import udManageDialog from "@/views/ud/udManageDialog";
+import {deleteUd, listUd,checkUd} from "@/api/ud/ud";
+import {
+  getHead,executeFuc
+} from "@/utils/customConfig";
+
+export default {
+  name: "anncmntDev",
+  data() {
+    return {
+      anno:false,
+      showSearch: true,
+      filterQuery: {
+        page: 1,
+        limit: 10,
+      },
+      total: 0,
+      loading: false,
+      list: [],
+
+      inputQuery:{},
+      allocateVisible: false,
+      actDateRange: [],
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: "最近一周",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近一个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近三个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+        ],
+      },
+    };
+  },
+  methods: {
+    onSubmit() {
+      if (this.actDateRange !== null) {
+        this.filterQuery.startTime = this.actDateRange[0];
+        this.filterQuery.endTime = this.actDateRange[1];
+      } else {
+        this.filterQuery.startTime = null;
+        this.filterQuery.endTime = null;
+      }
+      this.filterQuery.page = 1;
+      this.getList();
+    },
+    onReset() {
+      this.$router.push({
+        path: "",
+      });
+      this.filterQuery = {
+        page: 1,
+        limit: 10,
+      };
+      this.getList();
+    },
+    hideSearch() {
+      this.showSearch = !this.showSearch;
+    },
+    handleCurrentChange(val) {
+      this.filterQuery.page = val.page;
+      this.getList();
+    },
+    allocateDialog(_this,row){
+      _this.inputQuery=row;
+      _this.allocateVisible = true;
+    },
+    closeAllocateDialog(){
+      this.allocateVisible = false;
+      this.getList();
+    },
+    getList() {
+      this.loading = true;
+      listUd(this.filterQuery)
+        .then((response) => {
+          this.loading = false;
+          this.list = response.data.list || [];
+          this.total = response.data.total || 0;
+        })
+        .catch(() => {
+          this.loading = false;
+          this.list = [];
+          this.total = 0;
+        });
+    },
+    deleteDialog(_this,row) {
+      _this.$confirm("确认删除吗?", "提示", {
+          type: "warning",
+        })
+        .then(() => {
+        deletegg(row)
+          .then((response) => {
+            if(response.code == 20000){
+              _this.getList()
+            }else{
+              _this.$message.error(response.message);
+            }
+          })
+          .catch(() => {
+            _this.$message.error(response.message);
+          });
+        });
+    },
+    executeFuc(row,type,clickFuc,value){
+      return executeFuc(this,row,type,clickFuc,value);
+    },
+    executeEval(row,expression,defaultRet){
+      if(expression){
+        return eval(expression);
+      }
+      return defaultRet;
+    }
+  },
+  components: {udManageDialog},
+  created() {
+     getHead("udManage","1").then((re) => {
+       // 处理返回的数据
+       this.tableObj = re.data;
+       this.tableHeader = re.data.tableList;
+       this.queryList = re.data.queryList;
+       this.fromList = re.data.fromList;
+       this.getList()
+     });
+  },
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/ud/udManageDialog.vue

@@ -0,0 +1,109 @@
+<template>
+  <div>
+    <el-card>
+      <el-form  :model="inputQuery"  label-width="120px" >
+          <el-row :gutter="20" class="el-row" type="flex">
+            <el-col class="el-col" type="flex">
+              <div class="text item">
+                <el-form-item prop="uniqueId">
+                  <span span="10" slot="label">使用企业</span>
+                  <el-select
+                    v-model="inputQuery.companyId"
+                    placeholder="使用企业"
+                    :loading="corpLoading"
+                    filterable
+                    remote
+                    :remote-method="findMethod"
+                    clearable>
+                    <el-option
+                      v-for="item in fromOptions"
+                      :key="item.companyName"
+                      :label="item.companyName"
+                      :value="item.id"
+                    >
+                      <span style="float: left">{{ item.companyName }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                </div>
+              </el-col>
+          </el-row>
+        <div style='text-align: center; margin-bottom: 10px;margin-top: 18px ;'>
+          <el-button type="primary" @click="submitInv">提交</el-button>
+          <el-button  @click="closeDialog">取消</el-button>
+        </div>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import {allocateUd} from  "@/api/ud/ud";
+import {seachCompany} from "@/api/basic/udiRlCompany";
+
+
+
+export default {
+  name: "udDialog",
+  KeyID:"",
+  props: {
+    closeDialog: {
+      type: Function,
+      required: true,
+    },
+    formName: {
+      type: Object,
+      required: true,
+    },
+    inputQuery: {
+      type: Object,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      corpLoading:false,
+      fromOptions :[],
+    }
+  },
+  mounted() {
+  },
+  methods: {
+    submitInv(){
+      allocateUd(this.inputQuery,"add").then((response) => {
+        if(response.code == 20000){
+          this.closeDialog();
+        }else{
+          this.$message.error(response.message);
+        }
+
+      })
+        .catch(() => {
+          this.$message.error("分配失败");
+        });
+    },
+    findMethod(key) {
+      this.corpLoading = true;
+      let params = {
+        searchKey: key,
+        page: 1,
+        limit: 10
+      };
+      seachCompany(params).then((res) => {
+        this.corpLoading = false;
+        this.fromOptions = res.data.list || [];
+      }).catch(() => {
+        this.corpLoading = false;
+      })
+    },
+  },
+  components: {},
+  created() {
+    this.findMethod();
+  },
+}
+</script>
+
+<style scoped>
+
+</style>