react_hsbc_teller 2.0.7 → 2.0.8

package/packages/pages/video/video.less

@@ -336,7 +336,18 @@
   font-weight: bold;
 }
 .ant-collapse > .ant-collapse-item.panel-error > .ant-collapse-header{
-  color: red;
+  color: #DA0110;
+}
+.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box{
+  padding-top: 0 !important;
+}
+.ant-collapse-header{
+  img{
+    width: 16px;
+    height: 16px;
+    margin-left: 10px;
+    margin-bottom: 1px;
+  }
 }
 .voiceClass{
   width: 25Px;
@@ -429,7 +440,7 @@
   border-spacing: 20px!important;
 }
 .modelButtonFaceOkColorFile{
-  width: 170px!important;
+  min-width: 170px!important;
   height: 40px!important;
   font-size: 16px!important;
   color: #5C5C5C!important;

package/packages/utils/utils.js

@@ -0,0 +1,117 @@
+function compressImage(base64, callback) {
+  var targSize = 1024 * 1024 * 1.45 //1024KB  
+  if (base64.length <= targSize) {
+      callback(base64);
+      // console.log("直接返回")
+      return
+  }
+  var newImage = new Image();
+  newImage.src = base64;
+  console.log('压缩前'+base64.length)
+  newImage.setAttribute("crossOrigin", 'Anonymous'); //url为外域时需要  
+  newImage.onload = function () {
+      var quality = 0.95; //压缩系数0-1之间
+      var canvas = document.createElement("canvas");
+      var ctx = canvas.getContext("2d");
+      canvas.width = 720
+      canvas.height = 405
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+      ctx.drawImage(newImage, 0, 0, canvas.width, canvas.height);
+      var base64 = canvas.toDataURL("image/png", quality); //压缩语句
+      // 如想确保图片压缩到自己想要的尺寸,如要求在5-10kb之间，请加以下语句，quality初始值根据情况自定
+      // console.log(base64.length + "循环1压缩" + (base64.length / 1024 > 512))
+      
+      // while (base64.length > targSize) {
+      //     quality -= 0.03;
+      //     // console.log(base64.length + "循环压缩" + quality)
+      //     base64 = canvas.toDataURL("image/png", quality);
+      // }
+      console.log('压缩后'+base64.length)
+      callback(base64); //必须通过回调函数返回，否则无法及时拿到该值
+  }
+}
+function debounce(fn, delay = 500) {
+  // 是闭包中的
+  let timer
+  
+  // input事件调用的函数，相当于obj调用函数 this指向Input
+  return function() {
+     // 这个if 判断不做也没关系，判断了（除第一次非空的情况）也就是执行从第二次开始，在延迟时间内多次触发才会走该判断
+     if(timer) {clearTimeout(timer)}
+     // 此时的箭头函数的this 和 arguments 都是从外部函数继承而来
+     // 如果用普通函数就要用词法作用域 var tshat = this var arg = arguments
+     timer = setTimeout(() =>{
+        // 使得传入的回调函数的this 指向Input这个元素对象
+        // arguments是该事件的详情，可以获得该函数被调用时的所有参数,是一个event 对象（所有Dom事件都会传event对象进入）
+        // 直接使用 fn() 问题也不大
+        fn.apply(this,arguments) 
+        timer = null
+     },delay)
+ }
+}
+function isLight(src) {
+  let gray = new cv.Mat() 
+  cv.cvtColor(src, gray, cv.COLOR_RGBA2RGB)
+  let sum = 0;
+  let avg = 0;
+  let scalar = new cv.Scalar() 
+  let ls = new Array();
+  let size = gray.rows * gray.cols;
+  for (let i = 0; i < 256; i++)
+      ls[i] = 0;
+      const data = gray.data;
+      // console.log(data)
+
+  for (let i = 0; i < gray.rows; i++)
+  {
+      for (let j = 0; j < gray.cols; j++)
+      {
+          const pos = i*gray.cols + j;
+          scalar = [data[pos*3], data[pos*3+1], data[pos*3+2]]
+          sum += (scalar[0] - 128);
+          let x = scalar[0];
+          ls[x]++;
+      }
+  }
+  avg = sum / size;
+  let total = 0;
+  let mean = 0;
+  for (let i = 0; i < 256; i++)
+  {
+      total +=  Math.abs(parseFloat(i - 128) - avg) * ls[i];
+  }
+  mean = total / size;
+  let cast = Math.abs(avg / mean);
+
+  // 调用delete释放堆的内存
+  gray.delete();
+
+  console.log('亮度值:', cast)
+  //std::cout <<  "亮度异常值:" << cast << std::endl;
+  if (cast > 1)
+  {
+      if (avg > 0)
+      {
+        console.log('亮度异常 过亮:')
+          //std::cout << "亮度异常 过亮" << avg << std::endl;
+          return 1;
+      }
+      else {
+        console.log('亮度异常 过暗')
+          //std::cout << "亮度异常 过暗" << avg << std::endl;
+          return -1;
+      }
+  }
+  else
+  {
+    console.log('亮度正常')
+      //std::cout << "normal" << std::endl;
+      return 0;
+  }
+  
+}
+export {
+  compressImage,
+  debounce,
+  isLight
+}